@hashicorp/design-system-components 3.2.0 → 3.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/CHANGELOG.md +197 -119
  2. package/addon/components/hds/app-footer/legal-links.js +2 -1
  3. package/addon/components/hds/button/index.hbs +12 -12
  4. package/addon/components/hds/button/index.ts +10 -4
  5. package/addon/components/hds/dropdown/list-item/checkmark.hbs +3 -3
  6. package/addon/components/hds/dropdown/list-item/interactive.hbs +3 -3
  7. package/addon/components/hds/form/character-count/index.hbs +28 -0
  8. package/addon/components/hds/form/character-count/index.js +178 -0
  9. package/addon/components/hds/form/field/index.hbs +10 -0
  10. package/addon/components/hds/form/masked-input/field.hbs +1 -1
  11. package/addon/components/hds/form/text-input/field.hbs +1 -1
  12. package/addon/components/hds/form/textarea/field.hbs +1 -1
  13. package/addon/components/hds/link/standalone.hbs +8 -8
  14. package/addon/components/hds/table/index.js +2 -2
  15. package/addon/components/hds/tabs/panel.js +1 -1
  16. package/addon/components/hds/tabs/tab.js +1 -1
  17. package/app/components/hds/form/character-count/index.js +6 -0
  18. package/app/styles/components/app-footer.scss +2 -2
  19. package/app/styles/components/button.scss +13 -4
  20. package/app/styles/components/dropdown.scss +2 -0
  21. package/app/styles/components/form/character-count.scss +12 -0
  22. package/app/styles/components/form/field.scss +4 -0
  23. package/app/styles/components/form/group.scss +1 -1
  24. package/app/styles/components/form/index.scss +1 -0
  25. package/app/styles/components/link/standalone.scss +5 -0
  26. package/app/styles/components/table.scss +4 -0
  27. package/app/styles/components/tooltip.scss +2 -0
  28. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,30 +1,108 @@
1
1
  # @hashicorp/design-system-components
2
2
 
3
+ ## 3.4.0
4
+
5
+ ### Minor Changes
6
+
7
+ `Button` - Added `@isInline` argument
8
+
9
+ <small class="doc-whats-new-changelog-metadata">[#1854](https://github.com/hashicorp/design-system/pull/1854)</small>
10
+
11
+ <div class="doc-whats-new-changelog-separator"></div>
12
+
13
+ `Table` - Added support for `baseline` vertical alignment
14
+
15
+ <small class="doc-whats-new-changelog-metadata">[#1861](https://github.com/hashicorp/design-system/pull/1861)</small>
16
+
17
+ <div class="doc-whats-new-changelog-separator"></div>
18
+
19
+ ### Patch Changes
20
+
21
+ `Hds::AppFooter` - Changed visual alignment from right-aligned to centered.
22
+
23
+ <small class="doc-whats-new-changelog-metadata">[#1867](https://github.com/hashicorp/design-system/pull/1867)</small>
24
+
25
+ <div class="doc-whats-new-changelog-separator"></div>
26
+
27
+ `Tooltip` - Fixed issue with text alignment, which was inherited from the parent container (now it's always left aligned).
28
+
29
+ <small class="doc-whats-new-changelog-metadata">[#1869](https://github.com/hashicorp/design-system/pull/1869)</small>
30
+
31
+ <div class="doc-whats-new-changelog-separator"></div>
32
+
33
+ `Tabs` - Fixed subcomponents' backing-class names
34
+
35
+ <small class="doc-whats-new-changelog-metadata">[#1883](https://github.com/hashicorp/design-system/pull/1883)</small>
36
+
37
+ <div class="doc-whats-new-changelog-separator"></div>
38
+
39
+ `AppFooter` - Updated default accessibility URL to https://hashicorp.com/accessibility
40
+
41
+ <small class="doc-whats-new-changelog-metadata">[#1811](https://github.com/hashicorp/design-system/pull/1811)</small>
42
+
43
+ <div class="doc-whats-new-changelog-separator"></div>
44
+
45
+ `Form::Fieldset` as consumed by `Form::Checkbox::Group`, `Form::Radio::Group`, `Form::RadioCard::Group`, and `Form::Toggle::Group` - Changed spacing between `legend` and content from 4px to 8px
46
+
47
+ <small class="doc-whats-new-changelog-metadata">[#1856](https://github.com/hashicorp/design-system/pull/1856)</small>
48
+
49
+ <div class="doc-whats-new-changelog-separator"></div>
50
+
51
+ **🔄 Updated dependencies:**
52
+
53
+ - @hashicorp/ember-flight-icons@4.0.5
54
+
55
+ ## 3.3.0
56
+
57
+ ### Minor Changes
58
+
59
+ `Hds::Form::CharacterCount` - Added new component
60
+ `Hds::Form::Field` - Added `CharacterCount` contextual component
61
+ `Hds::Form::MaskedInput::Field` - Added `CharacterCount` contextual component
62
+ `Hds::Form::TextInput::Field` - Added `CharacterCount` contextual component
63
+ `Hds::Form::Textarea::Field` - Added `CharacterCount` contextual component
64
+
65
+ <small class="doc-whats-new-changelog-metadata">[#1802](https://github.com/hashicorp/design-system/pull/1802)</small>
66
+
67
+ <div class="doc-whats-new-changelog-separator"></div>
68
+
69
+ ### Patch Changes
70
+
71
+ `Button` - updated DOM structure to contain only `span` elements
72
+
73
+ `Dropdown` - updated button elements DOM structure to contain only `span` elements
74
+
75
+ `Link::Standalone` - updated DOM structure to contain only `span` elements
76
+
77
+ <small class="doc-whats-new-changelog-metadata">[#1840](https://github.com/hashicorp/design-system/pull/1840)</small>
78
+
79
+ <div class="doc-whats-new-changelog-separator"></div>
80
+
3
81
  ## 3.2.0
4
82
 
5
83
  ### Minor Changes
6
84
 
7
85
  `CodeBlock` - Added language support for Ruby syntax
8
86
 
9
- <small>[#1834](https://github.com/hashicorp/design-system/pull/1834)</small>
87
+ <small class="doc-whats-new-changelog-metadata">[#1834](https://github.com/hashicorp/design-system/pull/1834)</small>
10
88
 
11
- ---
89
+ <div class="doc-whats-new-changelog-separator"></div>
12
90
 
13
91
  `Hds::Table` - updated `@columns` object to support `isVisuallyHidden` argument
14
92
 
15
93
  - `Hds::Table::Th` - updated to support `isVisuallyHidden` argument
16
94
 
17
- <small>[#1819](https://github.com/hashicorp/design-system/pull/1819)</small>
95
+ <small class="doc-whats-new-changelog-metadata">[#1819](https://github.com/hashicorp/design-system/pull/1819)</small>
18
96
 
19
- ---
97
+ <div class="doc-whats-new-changelog-separator"></div>
20
98
 
21
99
  ### Patch Changes
22
100
 
23
101
  `SideNav` - Reduced the width of `SideNav::ToggleButton`
24
102
 
25
- <small>[#1807](https://github.com/hashicorp/design-system/pull/1807)</small>
103
+ <small class="doc-whats-new-changelog-metadata">[#1807](https://github.com/hashicorp/design-system/pull/1807)</small>
26
104
 
27
- ---
105
+ <div class="doc-whats-new-changelog-separator"></div>
28
106
 
29
107
  **🔄 Updated dependencies:**
30
108
 
@@ -36,21 +114,21 @@
36
114
 
37
115
  `AppFooter` – Fixed predefined statuses by replacing `critical` with `outage` and prevented `statusIconColor` from being overridden by `status`
38
116
 
39
- <small>[#1790](https://github.com/hashicorp/design-system/pull/1790)</small>
117
+ <small class="doc-whats-new-changelog-metadata">[#1790](https://github.com/hashicorp/design-system/pull/1790)</small>
40
118
 
41
- ---
119
+ <div class="doc-whats-new-changelog-separator"></div>
42
120
 
43
121
  `SideNav` - Fixed visible scrollbar in collapsed SideNav when scroll bar is set to be always visible
44
122
 
45
- <small>[#1786](https://github.com/hashicorp/design-system/pull/1786)</small>
123
+ <small class="doc-whats-new-changelog-metadata">[#1786](https://github.com/hashicorp/design-system/pull/1786)</small>
46
124
 
47
- ---
125
+ <div class="doc-whats-new-changelog-separator"></div>
48
126
 
49
127
  `CodeBlock` - Fixed `@hasLineWrapping` style to make long strings wrap when they overflow the container
50
128
 
51
- <small>[#1798](https://github.com/hashicorp/design-system/pull/1798)</small>
129
+ <small class="doc-whats-new-changelog-metadata">[#1798](https://github.com/hashicorp/design-system/pull/1798)</small>
52
130
 
53
- ---
131
+ <div class="doc-whats-new-changelog-separator"></div>
54
132
 
55
133
  ## 3.1.1
56
134
 
@@ -58,9 +136,9 @@
58
136
 
59
137
  Added `@ember/string` as a direct dependency
60
138
 
61
- <small>[#1782](https://github.com/hashicorp/design-system/pull/1782)</small>
139
+ <small class="doc-whats-new-changelog-metadata">[#1782](https://github.com/hashicorp/design-system/pull/1782)</small>
62
140
 
63
- ---
141
+ <div class="doc-whats-new-changelog-separator"></div>
64
142
 
65
143
  **🔄 Updated dependencies:**
66
144
 
@@ -72,9 +150,9 @@ Added `@ember/string` as a direct dependency
72
150
 
73
151
  `CodeBlock` - Added new component
74
152
 
75
- <small>[#1687](https://github.com/hashicorp/design-system/pull/1687)</small>
153
+ <small class="doc-whats-new-changelog-metadata">[#1687](https://github.com/hashicorp/design-system/pull/1687)</small>
76
154
 
77
- ---
155
+ <div class="doc-whats-new-changelog-separator"></div>
78
156
 
79
157
  ### Patch Changes
80
158
 
@@ -86,15 +164,15 @@ Upgraded the following dependencies:
86
164
  - `ember-keyboard` from `8.2.0` to `8.2.1`
87
165
  - `sass` from `1.62.1` to `1.69.5`
88
166
 
89
- <small>[#1756](https://github.com/hashicorp/design-system/pull/1756)</small>
167
+ <small class="doc-whats-new-changelog-metadata">[#1756](https://github.com/hashicorp/design-system/pull/1756)</small>
90
168
 
91
- ---
169
+ <div class="doc-whats-new-changelog-separator"></div>
92
170
 
93
171
  `Breadcrumb` - Added support for external links
94
172
 
95
- <small>[#1774](https://github.com/hashicorp/design-system/pull/1774)</small>
173
+ <small class="doc-whats-new-changelog-metadata">[#1774](https://github.com/hashicorp/design-system/pull/1774)</small>
96
174
 
97
- ---
175
+ <div class="doc-whats-new-changelog-separator"></div>
98
176
 
99
177
  Upgraded the following dependencies:
100
178
 
@@ -103,15 +181,15 @@ Upgraded the following dependencies:
103
181
  - `ember-cli-sass` from `10.0.1` to `11.0.1`
104
182
  - `ember-composable-helpers` from `4.5.0` to `5.0.0`
105
183
 
106
- <small>[#1761](https://github.com/hashicorp/design-system/pull/1761)</small>
184
+ <small class="doc-whats-new-changelog-metadata">[#1761](https://github.com/hashicorp/design-system/pull/1761)</small>
107
185
 
108
- ---
186
+ <div class="doc-whats-new-changelog-separator"></div>
109
187
 
110
188
  `Button` - Fixed `HdsInteractiveSignature` type import
111
189
 
112
- <small>[#1769](https://github.com/hashicorp/design-system/pull/1769)</small>
190
+ <small class="doc-whats-new-changelog-metadata">[#1769](https://github.com/hashicorp/design-system/pull/1769)</small>
113
191
 
114
- ---
192
+ <div class="doc-whats-new-changelog-separator"></div>
115
193
 
116
194
  **🔄 Updated dependencies:**
117
195
 
@@ -123,9 +201,9 @@ Upgraded the following dependencies:
123
201
 
124
202
  explicitly added `ember-element-helper` as dependency for the `components` package
125
203
 
126
- <small>[#1751](https://github.com/hashicorp/design-system/pull/1751)</small>
204
+ <small class="doc-whats-new-changelog-metadata">[#1751](https://github.com/hashicorp/design-system/pull/1751)</small>
127
205
 
128
- ---
206
+ <div class="doc-whats-new-changelog-separator"></div>
129
207
 
130
208
  ## 3.0.1
131
209
 
@@ -141,9 +219,9 @@ explicitly added `ember-element-helper` as dependency for the `components` packa
141
219
 
142
220
  Drop support for Node 14
143
221
 
144
- <small>[#1634](https://github.com/hashicorp/design-system/pull/1634)</small>
222
+ <small class="doc-whats-new-changelog-metadata">[#1634](https://github.com/hashicorp/design-system/pull/1634)</small>
145
223
 
146
- ---
224
+ <div class="doc-whats-new-changelog-separator"></div>
147
225
 
148
226
  `Hds::Form::VisibilityToggle` - Added component as a form base element
149
227
 
@@ -157,9 +235,9 @@ To migrate:
157
235
 
158
236
  - in `Hds::Form::MaskedInput` instances replace `@isMasked` arguments with `@isContentMasked`
159
237
 
160
- <small>[#1634](https://github.com/hashicorp/design-system/pull/1634)</small>
238
+ <small class="doc-whats-new-changelog-metadata">[#1634](https://github.com/hashicorp/design-system/pull/1634)</small>
161
239
 
162
- ---
240
+ <div class="doc-whats-new-changelog-separator"></div>
163
241
 
164
242
  `Hds::Dropdown` – Removed `@listPosition` `left` and `right` (use `bottom-left` and `bottom-right`, respectively).
165
243
 
@@ -169,9 +247,9 @@ To migrate:
169
247
  - replace `@listPosition="left"` with `@listPosition="bottom-left"`
170
248
  - replace `@listPosition="right"` with `@listPosition="bottom-right"`
171
249
 
172
- <small>[#1634](https://github.com/hashicorp/design-system/pull/1634)</small>
250
+ <small class="doc-whats-new-changelog-metadata">[#1634](https://github.com/hashicorp/design-system/pull/1634)</small>
173
251
 
174
- ---
252
+ <div class="doc-whats-new-changelog-separator"></div>
175
253
 
176
254
  `SideNav` - Renamed `extraBefore/After` generic containers to `ExtraBefore/After` (uppercase `E`).
177
255
 
@@ -179,9 +257,9 @@ To migrate:
179
257
 
180
258
  - rename all the `extraBefore/After` instances yielded within the `<Hds::SideNav>` component to `ExtraBefore/After`
181
259
 
182
- <small>[#1634](https://github.com/hashicorp/design-system/pull/1634)</small>
260
+ <small class="doc-whats-new-changelog-metadata">[#1634](https://github.com/hashicorp/design-system/pull/1634)</small>
183
261
 
184
- ---
262
+ <div class="doc-whats-new-changelog-separator"></div>
185
263
 
186
264
  `Form::RadioCard` - Remove the `@layout` property.
187
265
 
@@ -192,9 +270,9 @@ To migrate `Form::RadioCard` and `Form::RadioCard::Group` instances without enco
192
270
  - make sure all instances with `@layout="fixed"` have a `@maxWidth` defined, then remove the `@layout="fixed"` definition
193
271
  - remove all `@layout="fluid"` definitions
194
272
 
195
- <small>[#1634](https://github.com/hashicorp/design-system/pull/1634)</small>
273
+ <small class="doc-whats-new-changelog-metadata">[#1634](https://github.com/hashicorp/design-system/pull/1634)</small>
196
274
 
197
- ---
275
+ <div class="doc-whats-new-changelog-separator"></div>
198
276
 
199
277
  ### Minor Changes
200
278
 
@@ -202,15 +280,15 @@ To migrate `Form::RadioCard` and `Form::RadioCard::Group` instances without enco
202
280
 
203
281
  _Consumers should review the defaults values for this (sub)component in their codebases, to make sure they match the intended visual designs._
204
282
 
205
- <small>[#1634](https://github.com/hashicorp/design-system/pull/1634)</small>
283
+ <small class="doc-whats-new-changelog-metadata">[#1634](https://github.com/hashicorp/design-system/pull/1634)</small>
206
284
 
207
- ---
285
+ <div class="doc-whats-new-changelog-separator"></div>
208
286
 
209
287
  `Button`, `Interactive` - Converted components to TypeScript.
210
288
 
211
- <small>[#1634](https://github.com/hashicorp/design-system/pull/1634)</small>
289
+ <small class="doc-whats-new-changelog-metadata">[#1634](https://github.com/hashicorp/design-system/pull/1634)</small>
212
290
 
213
- ---
291
+ <div class="doc-whats-new-changelog-separator"></div>
214
292
 
215
293
  `Copy::Snippet` - Fixed the way in which “width/full-width” is applied to the component + Internal update to the “truncation” implementation.
216
294
 
@@ -219,9 +297,9 @@ _Consumers should review the defaults values for this (sub)component in their co
219
297
 
220
298
  _Consumers should review the pages where this component is used to make sure its width matches the intended visual designs (in case, use the `@isFullWidth` argument to control its full-width). In case they're using the `hds-copy-snippet__text--truncated` class name, they should also update their code to adapt to the new implementation._
221
299
 
222
- <small>[#1634](https://github.com/hashicorp/design-system/pull/1634)</small>
300
+ <small class="doc-whats-new-changelog-metadata">[#1634](https://github.com/hashicorp/design-system/pull/1634)</small>
223
301
 
224
- ---
302
+ <div class="doc-whats-new-changelog-separator"></div>
225
303
 
226
304
  Removed `ember-cli-clipboard` as dependency and introduced a custom `hds-clipboard` modifier (using the web [Clipboard API](https://developer.mozilla.org/en-US/docs/Web/API/Clipboard_API))
227
305
 
@@ -240,23 +318,23 @@ Removed `ember-cli-clipboard` as dependency and introduced a custom `hds-clipboa
240
318
 
241
319
  _Consumers should remove the `@container` argument from all the instances of `Copy::Button` (not needed anymore) and double check that the `Copy::Button/Snippet` instances work exactly as before._
242
320
 
243
- <small>[#1634](https://github.com/hashicorp/design-system/pull/1634)</small>
321
+ <small class="doc-whats-new-changelog-metadata">[#1634](https://github.com/hashicorp/design-system/pull/1634)</small>
244
322
 
245
- ---
323
+ <div class="doc-whats-new-changelog-separator"></div>
246
324
 
247
325
  ### Patch Changes
248
326
 
249
327
  `Copy::Snippet` - Fixed background colors for different states according to Figma specs (main change is the default/base background is now transparent, not white).
250
328
 
251
- <small>[#1634](https://github.com/hashicorp/design-system/pull/1634)</small>
329
+ <small class="doc-whats-new-changelog-metadata">[#1634](https://github.com/hashicorp/design-system/pull/1634)</small>
252
330
 
253
- ---
331
+ <div class="doc-whats-new-changelog-separator"></div>
254
332
 
255
333
  `Form::MaskedInput` - Changed copy logic for `CopyButton` used inside the component.
256
334
 
257
- <small>[#1634](https://github.com/hashicorp/design-system/pull/1634)</small>
335
+ <small class="doc-whats-new-changelog-metadata">[#1634](https://github.com/hashicorp/design-system/pull/1634)</small>
258
336
 
259
- ---
337
+ <div class="doc-whats-new-changelog-separator"></div>
260
338
 
261
339
  `Accordion` - Replaced internal text styling (using `Text` component).
262
340
 
@@ -282,15 +360,15 @@ _Consumers should remove the `@container` argument from all the instances of `Co
282
360
 
283
361
  _No impact is expected on the consumers' applications._
284
362
 
285
- <small>[#1634](https://github.com/hashicorp/design-system/pull/1634)</small>
363
+ <small class="doc-whats-new-changelog-metadata">[#1634](https://github.com/hashicorp/design-system/pull/1634)</small>
286
364
 
287
- ---
365
+ <div class="doc-whats-new-changelog-separator"></div>
288
366
 
289
367
  `Button` - Applied explicit text alignment to the text to fix alignment on "link" buttons.
290
368
 
291
- <small>[#1634](https://github.com/hashicorp/design-system/pull/1634)</small>
369
+ <small class="doc-whats-new-changelog-metadata">[#1634](https://github.com/hashicorp/design-system/pull/1634)</small>
292
370
 
293
- ---
371
+ <div class="doc-whats-new-changelog-separator"></div>
294
372
 
295
373
  **🔄 Updated dependencies:**
296
374
 
@@ -304,13 +382,13 @@ _No impact is expected on the consumers' applications._
304
382
 
305
383
  `Dropdown::ToggleIcon` - updated sizing of the "small" variant to match the height of the "small" variant `Button`
306
384
 
307
- <small>[#1690](https://github.com/hashicorp/design-system/pull/1690)</small>
385
+ <small class="doc-whats-new-changelog-metadata">[#1690](https://github.com/hashicorp/design-system/pull/1690)</small>
308
386
 
309
387
  ### Patch Changes
310
388
 
311
389
  `Pagination` - Removed handling of query parameters from `onPageSizeChange` function.
312
390
 
313
- <small>[#1736](https://github.com/hashicorp/design-system/pull/1736)</small>
391
+ <small class="doc-whats-new-changelog-metadata">[#1736](https://github.com/hashicorp/design-system/pull/1736)</small>
314
392
 
315
393
  _Notice: while technically this is a breaking change, we consider this a fast-follow fix for the previous release._
316
394
 
@@ -320,13 +398,13 @@ _Notice: while technically this is a breaking change, we consider this a fast-fo
320
398
 
321
399
  `Pagination` - updated the logic for “Compact” variant to expose `@currentPageSize` and handle controlled/uncontrolled changes
322
400
 
323
- <small>[#1724](https://github.com/hashicorp/design-system/pull/1724)</small>
401
+ <small class="doc-whats-new-changelog-metadata">[#1724](https://github.com/hashicorp/design-system/pull/1724)</small>
324
402
 
325
- ---
403
+ <div class="doc-whats-new-changelog-separator"></div>
326
404
 
327
405
  `Tabs` - replace `assert` with `warn` in `setIndicator` function
328
406
 
329
- <small>[#1716](https://github.com/hashicorp/design-system/pull/1716)</small>
407
+ <small class="doc-whats-new-changelog-metadata">[#1716](https://github.com/hashicorp/design-system/pull/1716)</small>
330
408
 
331
409
  ## 2.14.1
332
410
 
@@ -334,7 +412,7 @@ _Notice: while technically this is a breaking change, we consider this a fast-fo
334
412
 
335
413
  `Tabs` - Fixed issue with `@isSelected` dynamically changed within `#each` loops
336
414
 
337
- <small>[#1709](https://github.com/hashicorp/design-system/pull/1709)</small>
415
+ <small class="doc-whats-new-changelog-metadata">[#1709](https://github.com/hashicorp/design-system/pull/1709)</small>
338
416
 
339
417
  ## 2.14.0
340
418
 
@@ -342,9 +420,9 @@ _Notice: while technically this is a breaking change, we consider this a fast-fo
342
420
 
343
421
  `Pagination::Compact` - Added option to show "SizeSelector" element
344
422
 
345
- <small>[#1700](https://github.com/hashicorp/design-system/pull/1700)</small>
423
+ <small class="doc-whats-new-changelog-metadata">[#1700](https://github.com/hashicorp/design-system/pull/1700)</small>
346
424
 
347
- ---
425
+ <div class="doc-whats-new-changelog-separator"></div>
348
426
 
349
427
  `Tabs` - Refactored logic for `Tabs` component + `Tab/Panel` sub-components to support more complex use cases:
350
428
 
@@ -352,7 +430,7 @@ _Notice: while technically this is a breaking change, we consider this a fast-fo
352
430
  - fixed issue with nested tabs not initializing the "selected" indicator correctly
353
431
  - fixed issue with dynamic tab content not updating the "selected" indicator correctly
354
432
 
355
- <small>[#1688](https://github.com/hashicorp/design-system/pull/1688)</small>
433
+ <small class="doc-whats-new-changelog-metadata">[#1688](https://github.com/hashicorp/design-system/pull/1688)</small>
356
434
 
357
435
  ## 2.13.0
358
436
 
@@ -360,27 +438,27 @@ _Notice: while technically this is a breaking change, we consider this a fast-fo
360
438
 
361
439
  `AppFooter` - Added new component
362
440
 
363
- <small>[#1623](https://github.com/hashicorp/design-system/pull/1623)</small>
441
+ <small class="doc-whats-new-changelog-metadata">[#1623](https://github.com/hashicorp/design-system/pull/1623)</small>
364
442
 
365
- ---
443
+ <div class="doc-whats-new-changelog-separator"></div>
366
444
 
367
445
  `SideNav` - add `@isCollapsible` (to control if users can collapse the sidenav on 'desktop' viewports) and `@isMinimized` (to control the default state on 'desktop' viewports) arguments
368
446
 
369
- <small>[#1630](https://github.com/hashicorp/design-system/pull/1630)</small>
447
+ <small class="doc-whats-new-changelog-metadata">[#1630](https://github.com/hashicorp/design-system/pull/1630)</small>
370
448
 
371
449
  ### Patch Changes
372
450
 
373
451
  `Tag` - Updated padding for dismiss button for WCAG conformance
374
452
 
375
- <small>[#1696](https://github.com/hashicorp/design-system/pull/1696)</small>
453
+ <small class="doc-whats-new-changelog-metadata">[#1696](https://github.com/hashicorp/design-system/pull/1696)</small>
376
454
 
377
- ---
455
+ <div class="doc-whats-new-changelog-separator"></div>
378
456
 
379
457
  `Link::Standalone` – increase target size
380
458
 
381
- <small>[#1678](https://github.com/hashicorp/design-system/pull/1678)</small>
459
+ <small class="doc-whats-new-changelog-metadata">[#1678](https://github.com/hashicorp/design-system/pull/1678)</small>
382
460
 
383
- ---
461
+ <div class="doc-whats-new-changelog-separator"></div>
384
462
 
385
463
  **🔄 Updated dependencies:**
386
464
 
@@ -392,15 +470,15 @@ _Notice: while technically this is a breaking change, we consider this a fast-fo
392
470
 
393
471
  `PowerSelect` - fix style overrides when the list is positioned above
394
472
 
395
- <small>[#1655](https://github.com/hashicorp/design-system/pull/1655)</small>
473
+ <small class="doc-whats-new-changelog-metadata">[#1655](https://github.com/hashicorp/design-system/pull/1655)</small>
396
474
 
397
- ---
475
+ <div class="doc-whats-new-changelog-separator"></div>
398
476
 
399
477
  `Text` - Fixed issue with whitespace adding extra underline when used in links (eg. inside a `Link::Inline`)
400
478
 
401
- <small>[#1652](https://github.com/hashicorp/design-system/pull/1652)</small>
479
+ <small class="doc-whats-new-changelog-metadata">[#1652](https://github.com/hashicorp/design-system/pull/1652)</small>
402
480
 
403
- ---
481
+ <div class="doc-whats-new-changelog-separator"></div>
404
482
 
405
483
  **🔄 Updated dependencies:**
406
484
 
@@ -412,13 +490,13 @@ _Notice: while technically this is a breaking change, we consider this a fast-fo
412
490
 
413
491
  `Pagination` - Bugfix `aria-label` on the component
414
492
 
415
- <small>[#1627](https://github.com/hashicorp/design-system/pull/1627)</small>
493
+ <small class="doc-whats-new-changelog-metadata">[#1627](https://github.com/hashicorp/design-system/pull/1627)</small>
416
494
 
417
- ---
495
+ <div class="doc-whats-new-changelog-separator"></div>
418
496
 
419
497
  `Dropdown` - changed `@height` property to use `max-height` instead of a fixed height.
420
498
 
421
- <small>[#1635](https://github.com/hashicorp/design-system/pull/1635)</small>
499
+ <small class="doc-whats-new-changelog-metadata">[#1635](https://github.com/hashicorp/design-system/pull/1635)</small>
422
500
 
423
501
  ## 2.12.0
424
502
 
@@ -426,33 +504,33 @@ _Notice: while technically this is a breaking change, we consider this a fast-fo
426
504
 
427
505
  `IconTile` - updated component to include `vault-secrets` product option
428
506
 
429
- <small>[#1640](https://github.com/hashicorp/design-system/pull/1640)</small>
507
+ <small class="doc-whats-new-changelog-metadata">[#1640](https://github.com/hashicorp/design-system/pull/1640)</small>
430
508
 
431
509
  ### Patch Changes
432
510
 
433
511
  `Text` - Removed leftover `console.log` from code
434
512
 
435
- <small>[#1615](https://github.com/hashicorp/design-system/pull/1615)</small>
513
+ <small class="doc-whats-new-changelog-metadata">[#1615](https://github.com/hashicorp/design-system/pull/1615)</small>
436
514
 
437
- ---
515
+ <div class="doc-whats-new-changelog-separator"></div>
438
516
 
439
517
  Refactored the layout of the `Dropdown` checkbox and radio inputs to make the gap between the inputs and the associated text, as well as the icon and count, clickable.
440
518
 
441
- <small>[#1618](https://github.com/hashicorp/design-system/pull/1618)</small>
519
+ <small class="doc-whats-new-changelog-metadata">[#1618](https://github.com/hashicorp/design-system/pull/1618)</small>
442
520
 
443
- ---
521
+ <div class="doc-whats-new-changelog-separator"></div>
444
522
 
445
523
  `Hds::Link::Standalone` - Changed font-weight from 500 to 400 to match font-weight of `Hds::Button`.
446
524
 
447
- <small>[#1617](https://github.com/hashicorp/design-system/pull/1617)</small>
525
+ <small class="doc-whats-new-changelog-metadata">[#1617](https://github.com/hashicorp/design-system/pull/1617)</small>
448
526
 
449
- ---
527
+ <div class="doc-whats-new-changelog-separator"></div>
450
528
 
451
529
  `Stepper` - removed some CSS declarations that were not used/applied
452
530
 
453
- <small>[#1628](https://github.com/hashicorp/design-system/pull/1628)</small>
531
+ <small class="doc-whats-new-changelog-metadata">[#1628](https://github.com/hashicorp/design-system/pull/1628)</small>
454
532
 
455
- ---
533
+ <div class="doc-whats-new-changelog-separator"></div>
456
534
 
457
535
  **🔄 Updated dependencies:**
458
536
 
@@ -465,33 +543,33 @@ Refactored the layout of the `Dropdown` checkbox and radio inputs to make the ga
465
543
 
466
544
  `Hds::Text` - Added new `Text` component
467
545
 
468
- <small>[#1490](https://github.com/hashicorp/design-system/pull/1490)</small>
546
+ <small class="doc-whats-new-changelog-metadata">[#1490](https://github.com/hashicorp/design-system/pull/1490)</small>
469
547
 
470
- ---
548
+ <div class="doc-whats-new-changelog-separator"></div>
471
549
 
472
550
  `Hds::Form::MaskedInput` - Add `hasCopyButton` argument
473
551
 
474
- <small>[#1587](https://github.com/hashicorp/design-system/pull/1587)</small>
552
+ <small class="doc-whats-new-changelog-metadata">[#1587](https://github.com/hashicorp/design-system/pull/1587)</small>
475
553
 
476
554
  ### Patch Changes
477
555
 
478
556
  `Form::Indicator` - Remove aria-hidden from the "optional" `<span>`
479
557
 
480
- <small>[#1577](https://github.com/hashicorp/design-system/pull/1577) - Thanks [@DingoEatingFuzz](https://github.com/DingoEatingFuzz) for the contribution! 🙏</small>
558
+ <small class="doc-whats-new-changelog-metadata">[#1577](https://github.com/hashicorp/design-system/pull/1577) - Thanks [@DingoEatingFuzz](https://github.com/DingoEatingFuzz) for the contribution! 🙏</small>
481
559
 
482
- ---
560
+ <div class="doc-whats-new-changelog-separator"></div>
483
561
 
484
562
  Removed `ember-named-blocks-polyfill` as all consumers of HDS are on Ember 3.25 or later now. This can be installed locally if it is still needed.
485
563
 
486
- <small>[#1606](https://github.com/hashicorp/design-system/pull/1606)</small>
564
+ <small class="doc-whats-new-changelog-metadata">[#1606](https://github.com/hashicorp/design-system/pull/1606)</small>
487
565
 
488
- ---
566
+ <div class="doc-whats-new-changelog-separator"></div>
489
567
 
490
568
  `Alert`, `Toast`: Fixed an issue with anchor tag color styles within Description that had been overriding `Hds::Link` color; changed the default color for HTML links within Description to "neutral" to better align with existing guidance for links in the actions and improve accessible contrast.
491
569
 
492
- <small>[#1576](https://github.com/hashicorp/design-system/pull/1576)</small>
570
+ <small class="doc-whats-new-changelog-metadata">[#1576](https://github.com/hashicorp/design-system/pull/1576)</small>
493
571
 
494
- ---
572
+ <div class="doc-whats-new-changelog-separator"></div>
495
573
 
496
574
  **🔄 Updated dependencies:**
497
575
 
@@ -503,51 +581,51 @@ Removed `ember-named-blocks-polyfill` as all consumers of HDS are on Ember 3.25
503
581
 
504
582
  Added new `FileInput` component
505
583
 
506
- <small>[#1535](https://github.com/hashicorp/design-system/pull/1535)</small>
584
+ <small class="doc-whats-new-changelog-metadata">[#1535](https://github.com/hashicorp/design-system/pull/1535)</small>
507
585
 
508
586
  ### Patch Changes
509
587
 
510
588
  Remove unnecessary export of `hds/copy/index.js`
511
589
 
512
- <small>[#1570](https://github.com/hashicorp/design-system/pull/1570)</small>
590
+ <small class="doc-whats-new-changelog-metadata">[#1570](https://github.com/hashicorp/design-system/pull/1570)</small>
513
591
 
514
- ---
592
+ <div class="doc-whats-new-changelog-separator"></div>
515
593
 
516
594
  `Hds::Tabs` - Fix missing tab indicator when used in Modal or Flyout
517
595
 
518
- <small>[#1575](https://github.com/hashicorp/design-system/pull/1575)</small>
596
+ <small class="doc-whats-new-changelog-metadata">[#1575](https://github.com/hashicorp/design-system/pull/1575)</small>
519
597
 
520
- ---
598
+ <div class="doc-whats-new-changelog-separator"></div>
521
599
 
522
600
  `Copy::Snippet` - Added support for container and updated API docs
523
601
 
524
- <small>[#1567](https://github.com/hashicorp/design-system/pull/1567)</small>
602
+ <small class="doc-whats-new-changelog-metadata">[#1567](https://github.com/hashicorp/design-system/pull/1567)</small>
525
603
 
526
- ---
604
+ <div class="doc-whats-new-changelog-separator"></div>
527
605
 
528
606
  `Hds::Tabs` - Fixed tabs and panels misbehaving on route change
529
607
 
530
- <small>[#1571](https://github.com/hashicorp/design-system/pull/1571)</small>
608
+ <small class="doc-whats-new-changelog-metadata">[#1571](https://github.com/hashicorp/design-system/pull/1571)</small>
531
609
 
532
- ---
610
+ <div class="doc-whats-new-changelog-separator"></div>
533
611
 
534
- <small>[#1568](https://github.com/hashicorp/design-system/pull/1568)</small>
612
+ <small class="doc-whats-new-changelog-metadata">[#1568](https://github.com/hashicorp/design-system/pull/1568)</small>
535
613
 
536
614
  `Copy::Button`, `Copy::Snippet` - Updated error icon
537
615
 
538
- ---
616
+ <div class="doc-whats-new-changelog-separator"></div>
539
617
 
540
618
  `Hds::SegmentedGroup` - Prevent `border-radius` from interfering with underlying elements
541
619
 
542
- <small>[#1555](https://github.com/hashicorp/design-system/pull/1555)</small>
620
+ <small class="doc-whats-new-changelog-metadata">[#1555](https://github.com/hashicorp/design-system/pull/1555)</small>
543
621
 
544
- ---
622
+ <div class="doc-whats-new-changelog-separator"></div>
545
623
 
546
624
  `Table` - Resolved issue where `ThSort` was not supporting right-aligned text properly
547
625
 
548
- <small>[#1565](https://github.com/hashicorp/design-system/pull/1565)</small>
626
+ <small class="doc-whats-new-changelog-metadata">[#1565](https://github.com/hashicorp/design-system/pull/1565)</small>
549
627
 
550
- ---
628
+ <div class="doc-whats-new-changelog-separator"></div>
551
629
 
552
630
  **🔄 Updated dependencies:**
553
631
 
@@ -559,39 +637,39 @@ Remove unnecessary export of `hds/copy/index.js`
559
637
 
560
638
  Added the `Hds::CopyButton` and `Hds::CopySnippet` components.
561
639
 
562
- <small>[#1488](https://github.com/hashicorp/design-system/pull/1488)</small>
640
+ <small class="doc-whats-new-changelog-metadata">[#1488](https://github.com/hashicorp/design-system/pull/1488)</small>
563
641
 
564
642
  ### Patch Changes
565
643
 
566
644
  Adjusted closing brace on copywrite headers to avoid terminal noise
567
645
 
568
- <small>[#1539](https://github.com/hashicorp/design-system/pull/1539)</small>
646
+ <small class="doc-whats-new-changelog-metadata">[#1539](https://github.com/hashicorp/design-system/pull/1539)</small>
569
647
 
570
- ---
648
+ <div class="doc-whats-new-changelog-separator"></div>
571
649
 
572
650
  `Hds::Modal` - reduce test flakiness around closing Modal when using `@ember/test-helpers`
573
651
 
574
- <small>[#1549](https://github.com/hashicorp/design-system/pull/1549) - Thanks [@fivetanley](https://github.com/fivetanley) for the contribution! 🙏</small>
652
+ <small class="doc-whats-new-changelog-metadata">[#1549](https://github.com/hashicorp/design-system/pull/1549) - Thanks [@fivetanley](https://github.com/fivetanley) for the contribution! 🙏</small>
575
653
 
576
- ---
654
+ <div class="doc-whats-new-changelog-separator"></div>
577
655
 
578
656
  Fix Embroider warnings caused by incorrect export of internal utility functions
579
657
 
580
- <small>[#1530](https://github.com/hashicorp/design-system/pull/1530)</small>
658
+ <small class="doc-whats-new-changelog-metadata">[#1530](https://github.com/hashicorp/design-system/pull/1530)</small>
581
659
 
582
- ---
660
+ <div class="doc-whats-new-changelog-separator"></div>
583
661
 
584
662
  `Hds::Flyout` - reduce test flakiness around closing Flyout when using `@ember/test-helpers`
585
663
 
586
- <small>[#1552](https://github.com/hashicorp/design-system/pull/1552)</small>
664
+ <small class="doc-whats-new-changelog-metadata">[#1552](https://github.com/hashicorp/design-system/pull/1552)</small>
587
665
 
588
- ---
666
+ <div class="doc-whats-new-changelog-separator"></div>
589
667
 
590
668
  `Hds::Form::Field` - Fix error message for unexpected `@layout` values
591
669
 
592
- <small>[#1529](https://github.com/hashicorp/design-system/pull/1529)</small>
670
+ <small class="doc-whats-new-changelog-metadata">[#1529](https://github.com/hashicorp/design-system/pull/1529)</small>
593
671
 
594
- ---
672
+ <div class="doc-whats-new-changelog-separator"></div>
595
673
 
596
674
  **🔄 Updated dependencies:**
597
675