[Bug]: Table's variant relaxed and normal

[vanessatran-ddi]

Describe the bug

The variant relaxed and normal make no difference.

They are no different, regarding about the padding in the table cell.
Definition of "variant"
variant: A relaxed variant of the table with more vertical padding for the cells

Provide Code

No response

To Reproduce

https://deploy-preview-27--abgov-ui-component-docs.netlify.app/components/table
Sandbox, when changing the variant property, makes no difference.

Relevant console log output

No response

What browsers are you seeing the problem on?

No response

Additional context

No response

[Spark450]

comment made in error.

[bdfranck]

The CSS selectors for relaxed rows (and a sticky header) don't work because the goa-table element doesn't get a relaxed or sticky class.

ui-components/libs/web-components/src/assets/css/components.css

Lines 83 to 90 in b690488

	goa-table.relaxed td {
	padding: 1rem;
	}
	goa-table.sticky thead {
	position: sticky;
	top: 0;
	}

It looks like the wrapper div in the element's shadow DOM has the classes instead 👀.

I'm not sure how best to approach it. I'll need to spend more time researching how to style a slotted element in this situation. 🤔

[tzuge]

🎉 This issue has been resolved in version 1.17.0-alpha.44 🎉

The release is available on:

• npm package (@alpha dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[tzuge]

🎉 This issue has been resolved in version 4.17.0-alpha.23 🎉

The release is available on:

• npm package (@alpha dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[tzuge]

🎉 This issue has been resolved in version 1.20.5 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[tzuge]

🎉 This issue has been resolved in version 4.20.4 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[tzuge]

🎉 This issue has been resolved in version 3.0.0-alpha.4 🎉

The release is available on:

• npm package (@alpha dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[tzuge]

🎉 This issue has been resolved in version 3.0.3 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀