Nested StackLayouts with separators share tokens

[libertymayc]

Package name(s)

Core (@salt-ds/core)

Package version(s)

most recent

Description

When you nest a Stack Layout (of row direction - potentially will happen with both directions) within another, and set the inner gap to be different, the position of the first separator picks up the --stackLayout-gap-multiplier token from the nested Layout

At the same time, can clean up some tokens/code throughout of seEerator spelling, which differ from the spelling of 'sepArators' prop

Steps to reproduce

<StackLayout separators>
    <StackLayout gap={7} separators direction={'row'}>
        <div>hello</div>
        <div>hello</div>
    </StackLayout>
    <div>something else</div>
</StackLayout>

notice the outer stack picks up the gap of 7 coming from nested layout

Expected behavior

tokens should respect their own gap

Operating system

• macOS
• Windows
• Linux
• iOS
• Android

Browser

• Chrome
• Safari
• Firefox
• Edge

Are you a JPMorgan Chase & Co. employee?

• I am an employee of JPMorgan Chase & Co.

[mark-tate]

@libertymayc is this still an issue ?

[Fercas123]

I had a look and this seems to be resolved