Dylan Hyun

Website - `CodeBlock` height toggle docs

1

### :pushpin: Summary This PR adds docs to the website for the new `CodeBlock` toggle button from #2826. ### :link: External links Jira ticket: [HDS-4745](https://hashicorp.atlassian.net/browse/HDS-4745) *** :speech_balloon: Please consider using...

`DisclosurePrimitive` - Implement a11y toggled content pattern

3

### :pushpin: Summary This PR implements usage of the `aria-controls` attribute in the `DisclosurePrimitive` component to align show/hide behavior across the repo as follows in the initiative from [HDS-3581](https://hashicorp.atlassian.net/browse/HDS-3581). The...

[VAULT-34733] UI: Move the `textarea` block in `FormField` under the HDS block

2

> [!IMPORTANT] > DO NOT MERGE UNTIL 1.20 branch cut. ### Description What does this PR do? - Updated logic in `isHdsFormField` of `FormField` to include the `textarea` use case...

[SPIKE] AdvancedTable Filtering - Mega dropdown

2

### :pushpin: Summary This spike explores implementing filtering in the AdvancedTable through a mega dropdown approach. [Preview](https://hds-showcase-gunb84d3g-hashicorp.vercel.app/layouts/app-frame/frameless/demo-full-app-frame-with-advanced-table) ### :hammer_and_wrench: Detailed description In this spike a new `FilterBar` component is created,...

[SPIKE] AdvancedTable Filtering - Filter bar

1

### :pushpin: Summary This spike explores implementing filtering in the AdvancedTable through a filter bar approach. [Preview](https://hds-showcase-git-dchyun-spike-adv-table-filter-bar-hashicorp.vercel.app/layouts/app-frame/frameless/demo-full-app-frame-with-advanced-table) ### :hammer_and_wrench: Detailed description #### Component API There are two parts to the...

[SPIKE] AdvancedTable Filtering - In-column

1

### :pushpin: Summary This spike explores implementing filtering in the AdvancedTable through an in-column approach. [Preview](https://hds-showcase-git-dchyun-spike-adv-table-in-col-8c31b8-hashicorp.vercel.app/layouts/app-frame/frameless/demo-full-app-frame-with-advanced-table) ### :hammer_and_wrench: Detailed description #### Component API There are two parts to the component...

[SPIKE] SuperSelect filtering demo

1

### :pushpin: Summary This spike creates two demo prototypes for filtering experiences using both a `SuperSelect` and a `Dropdown` component. - [SuperSelect demo](https://hds-showcase-git-dchyun-spike-super-select-filter-hashicorp.vercel.app/layouts/app-frame/frameless/demo-full-app-frame-with-super-select-filter) - [Dropdown demo](https://hds-showcase-git-dchyun-spike-super-select-filter-hashicorp.vercel.app/layouts/app-frame/frameless/demo-full-app-frame-with-dropdown-filter) ### :hammer_and_wrench: Detailed description...

[HDS-5060] UI: Align typography styles to HDS tokens

5

### Description If merged this PR would update CSS styles for `font-family`, `font-weight` `font-size`, and `line-height` to reference HDS tokens instead of hardcoded values or Vault foundational scss variables. This...

[HDS-5541] UI: Align color and border-radius styles to HDS tokens

3

### Description If merged, this PR would update color and border-radius styles to reference [HDS tokens](https://helios.hashicorp.design/foundations/tokens). This is done in order to ensure greater alignment with HDS, and improve the...