diff --git a/.changeset/flat-cooks-look.md b/.changeset/flat-cooks-look.md new file mode 100644 index 0000000000..fc8986bf6e --- /dev/null +++ b/.changeset/flat-cooks-look.md @@ -0,0 +1,5 @@ +--- +'@sebgroup/green-core': patch +--- + +Dropdown: Added support for size small to header diff --git a/libs/core/src/components/dropdown/dropdown.test.ts b/libs/core/src/components/dropdown/dropdown.test.ts index 00932d45a1..9ab8944f77 100644 --- a/libs/core/src/components/dropdown/dropdown.test.ts +++ b/libs/core/src/components/dropdown/dropdown.test.ts @@ -332,6 +332,46 @@ describe('', () => { await el.updateComplete await expect(el.displayValue).to.equal('Option 3 (updated)') }) + + it('should set gds-form-control-header class based on size', async () => { + const el = await fixture(html` + + + `) + const gdsFormControlHeader = el.shadowRoot!.querySelector('[gds-element=gds-form-control-header]')! + + await expect(gdsFormControlHeader.classList.contains('size-small')).to.be.true + }) + + it('should set gds-form-control-header class based on default size', async () => { + const el = await fixture(html` + + + `) + const gdsFormControlHeader = el.shadowRoot!.querySelector('[gds-element=gds-form-control-header]')! + + await expect(gdsFormControlHeader.classList.contains('size-medium')).to.be.true + }) + + it('should set gds-form-control-footer class based on size', async () => { + const el = await fixture(html` + + + `) + const gdsFormControlFooter = el.shadowRoot!.querySelector('[gds-element=gds-form-control-footer]')! + + await expect(gdsFormControlFooter.classList.contains('size-small')).to.be.true + }) + + it('should set gds-form-control-footer class based on default size', async () => { + const el = await fixture(html` + + + `) + const gdsFormControlFooter = el.shadowRoot!.querySelector('[gds-element=gds-form-control-footer]')! + + await expect(gdsFormControlFooter.classList.contains('size-medium')).to.be.true + }) }) describe(' interactions', () => { diff --git a/libs/core/src/components/dropdown/dropdown.ts b/libs/core/src/components/dropdown/dropdown.ts index 3b8a4b81c0..8b5a1f88db 100644 --- a/libs/core/src/components/dropdown/dropdown.ts +++ b/libs/core/src/components/dropdown/dropdown.ts @@ -236,7 +236,7 @@ export class GdsDropdown ${when( !this.hideLabel, () => html` - + ${when( this.supportingText.length > 0,