From cc2c5fb1626d77711a516afb2f03eb83a3ba3824 Mon Sep 17 00:00:00 2001 From: Kristin Bradley Date: Mon, 27 Oct 2025 11:09:14 -0700 Subject: [PATCH 1/5] HDS-5545 Removed disable: true settings which were breaking functionality of Showcase examples --- .../super-select/code-fragments/with-single-field-element.gts | 2 -- 1 file changed, 2 deletions(-) diff --git a/showcase/app/components/page-components/form/super-select/code-fragments/with-single-field-element.gts b/showcase/app/components/page-components/form/super-select/code-fragments/with-single-field-element.gts index 3d933c2bbcc..d574d7a7c7a 100644 --- a/showcase/app/components/page-components/form/super-select/code-fragments/with-single-field-element.gts +++ b/showcase/app/components/page-components/form/super-select/code-fragments/with-single-field-element.gts @@ -31,13 +31,11 @@ const CLUSTER_SIZE_OPTIONS = [ size: 'Small', description: '2 vCPU | 2 GiB RAM', price: '$0.04', - disabled: true, }, { size: 'Medium', description: '4 vCPU | 4 GiB RAM', price: '$0.08', - disabled: true, }, { size: 'Large', description: '8 vCPU | 8 GiB RAM', price: '$0.16' }, { From 06581f9b2033cce0a55416b1f8b1d3d394487e36 Mon Sep 17 00:00:00 2001 From: Kristin Bradley Date: Mon, 27 Oct 2025 11:27:45 -0700 Subject: [PATCH 2/5] HDS-5545 Removed disable: true settings in SuperSelect Multiple Showcase examples --- .../super-select/code-fragments/with-multiple-field-element.gts | 2 -- 1 file changed, 2 deletions(-) diff --git a/showcase/app/components/page-components/form/super-select/code-fragments/with-multiple-field-element.gts b/showcase/app/components/page-components/form/super-select/code-fragments/with-multiple-field-element.gts index 4337b7d8d5f..86b89f1cf9e 100644 --- a/showcase/app/components/page-components/form/super-select/code-fragments/with-multiple-field-element.gts +++ b/showcase/app/components/page-components/form/super-select/code-fragments/with-multiple-field-element.gts @@ -31,13 +31,11 @@ const CLUSTER_SIZE_OPTIONS = [ size: 'Small', description: '2 vCPU | 2 GiB RAM', price: '$0.04', - disabled: true, }, { size: 'Medium', description: '4 vCPU | 4 GiB RAM', price: '$0.08', - disabled: true, }, { size: 'Large', description: '8 vCPU | 8 GiB RAM', price: '$0.16' }, { From 47aa457ee1898c6b0fcb837b91ac22be529e0e32 Mon Sep 17 00:00:00 2001 From: Kristin Bradley Date: Mon, 27 Oct 2025 13:46:52 -0700 Subject: [PATCH 3/5] HDS-5545 Fix color style for disabled SuperSelect options --- .../components/src/styles/components/form/super-select.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/packages/components/src/styles/components/form/super-select.scss b/packages/components/src/styles/components/form/super-select.scss index 93cd71bf07f..c21a326f942 100644 --- a/packages/components/src/styles/components/form/super-select.scss +++ b/packages/components/src/styles/components/form/super-select.scss @@ -198,6 +198,10 @@ $hds-super-select-item-height: 36px; background-color: var(--token-color-foreground-action-active); } } + + &[aria-disabled="true"] { + color: var(--token-form-control-disabled-foreground-color); + } } // Option Groups (similar to HTML optgroup) From ce53cf4445ace4379dbedf4f3a4a2a4073f5cf0a Mon Sep 17 00:00:00 2001 From: Kristin Bradley Date: Mon, 27 Oct 2025 14:31:06 -0700 Subject: [PATCH 4/5] HDS-5545 Add changelog --- .changeset/stupid-wombats-spend.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/stupid-wombats-spend.md diff --git a/.changeset/stupid-wombats-spend.md b/.changeset/stupid-wombats-spend.md new file mode 100644 index 00000000000..4f414bf3c8c --- /dev/null +++ b/.changeset/stupid-wombats-spend.md @@ -0,0 +1,5 @@ +--- +"@hashicorp/design-system-components": patch +--- + +`SuperSelect` - Fix color style for disabled option items. From 9d18f1b230dabc392ca71829b169538d3b8a4673 Mon Sep 17 00:00:00 2001 From: Kristin Bradley Date: Mon, 27 Oct 2025 14:33:08 -0700 Subject: [PATCH 5/5] Fix color style for disabled option items in SuperSelect --- .changeset/stupid-wombats-spend.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/.changeset/stupid-wombats-spend.md b/.changeset/stupid-wombats-spend.md index 4f414bf3c8c..7205df2cf2b 100644 --- a/.changeset/stupid-wombats-spend.md +++ b/.changeset/stupid-wombats-spend.md @@ -2,4 +2,6 @@ "@hashicorp/design-system-components": patch --- -`SuperSelect` - Fix color style for disabled option items. + +`SuperSelect` - Fixed color style for disabled option items. +