Skip to content

break(Section)!: remove spacing property#6594

Open
langz wants to merge 8 commits intov11from
break/section
Open

break(Section)!: remove spacing property#6594
langz wants to merge 8 commits intov11from
break/section

Conversation

@langz
Copy link
Contributor

@langz langz commented Feb 10, 2026

No description provided.

@cloudflare-workers-and-pages
Copy link

cloudflare-workers-and-pages bot commented Feb 10, 2026

Deploying eufemia with  Cloudflare Pages  Cloudflare Pages

Latest commit: 470d504
Status: ✅  Deploy successful!
Preview URL: https://56e548ce.eufemia-e25.pages.dev
Branch Preview URL: https://break-section.eufemia-e25.pages.dev

View logs

@pkg-pr-new
Copy link

pkg-pr-new bot commented Feb 10, 2026

commit: 470d504

@codesandbox-ci
Copy link

codesandbox-ci bot commented Feb 10, 2026

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Comment on lines +364 to +381
&--spacing-x-small {
padding-top: var(--spacing-x-small);
}
&--spacing-small {
padding-top: var(--spacing-small);
}
&--spacing-medium {
padding-top: var(--spacing-medium);
}
&--spacing-large {
padding-top: var(--spacing-large);
}
&--spacing-x-large {
padding-top: var(--spacing-x-large);
}
&--spacing-xx-large {
padding-top: var(--spacing-xx-large);
}
Copy link
Contributor Author

@langz langz Feb 10, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I've added this or sort of moved these here from dnb-section--spacing.
As far as I see these spacing classes is still needed for the content_spacing and tabs_spacing properties support.

So instead of using the dnb-section--spacing class for this, I've added classes to tabs like dnb-tabs--spacing instead

top
bottom
style_type="white"
>
Copy link
Contributor Author

@langz langz Feb 10, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The following adjustments causes changes to the Tabs screenshot tests.

I feel that I've done the correct migration, just changing spacing to be innerSpace={{ top: true, bottom: true }}, but together with top and bottom property, it seems like it results in visual changes...
See adjusted screenshot tests for tabs, I do believe they are all based on this example/demo

<Wrapper>
<ComponentBox data-visual-test="anchor-in-section">
<Section spacing>
<Section innerSpace={{ top: true, bottom: true }}>
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Migration-wise, I feel like I've done the correct migration, by replacing spacing with innerSpace={{ top: true, bottom: true }}, but some how this change also have led to updated screenshot test: 470d504

@langz langz requested a review from tujoworker February 10, 2026 14:49
@tujoworker tujoworker force-pushed the v11 branch 6 times, most recently from 4f31265 to bd2083c Compare February 17, 2026 09:39
@tujoworker tujoworker force-pushed the v11 branch 2 times, most recently from 9682439 to 338304c Compare February 27, 2026 11:05
@github-actions
Copy link

github-actions bot commented Mar 6, 2026

Branch Preview URL (stable):
https://break-section.eufemia-e25.pages.dev

https://break-section.eufemia-e25.pages.dev

Deployment URL (unique):
https://72732ea5.eufemia-e25.pages.dev

https://72732ea5.eufemia-e25.pages.dev

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Development

Successfully merging this pull request may close these issues.

1 participant