cds-layout styles are not applied to cds-grid-footer

[hippee-lee]

Describe the bug

Child elements in the light DOM of cds-grid-footer are not getting cds-layout styles applied.

How to reproduce

Go to internal-stories-grid--footer

Steps to reproduce the behavior:

1. Right click grid footer content to open browser dev tools
2. Right click the highlighted cds-grid-footer element and choose Add attribute
3. Add the following attribute: cds-layout="horizontal gap:md align:horizontal-center"
4. Notice that the layout styles are not applied to the content

Expected behavior

Core layout styles are expected to be applied to projected content in the Light DOM.

Versions

Clarity project:

• Clarity Core
• Clarity Angular/UI

Clarity version:

• v5.x
• v6.x

Framework:

• Angular
• React
• Vue
• Other:

Framework version:
ie: Angular 16

Device:

• Type: N/A

Additional notes

N/A