diff --git a/.changeset/green-cameras-say.md b/.changeset/green-cameras-say.md new file mode 100644 index 0000000000..535ead94bb --- /dev/null +++ b/.changeset/green-cameras-say.md @@ -0,0 +1,5 @@ +--- +'@swisspost/design-system-documentation': patch +--- + +Replaced empty label option for overflow utilities with `unset` for better clarity across all overflow controls (`overflow`, `overflowX`, `overflowY`). diff --git a/packages/documentation/src/stories/utilities/overflow/overflow.stories.ts b/packages/documentation/src/stories/utilities/overflow/overflow.stories.ts index e2bca787e2..1766116507 100644 --- a/packages/documentation/src/stories/utilities/overflow/overflow.stories.ts +++ b/packages/documentation/src/stories/utilities/overflow/overflow.stories.ts @@ -16,7 +16,7 @@ const meta: MetaExtended = { control: { type: 'select', }, - options: ['', 'auto', 'hidden', 'scroll', 'visible'], + options: ['unset', 'auto', 'hidden', 'scroll', 'visible'], table: { category: 'General', }, @@ -27,7 +27,7 @@ const meta: MetaExtended = { control: { type: 'select', }, - options: ['', 'auto', 'hidden', 'scroll', 'visible'], + options: ['unset', 'auto', 'hidden', 'scroll', 'visible'], table: { category: 'General', }, @@ -38,7 +38,7 @@ const meta: MetaExtended = { control: { type: 'select', }, - options: ['', 'auto', 'hidden', 'scroll', 'visible'], + options: ['unset', 'auto', 'hidden', 'scroll', 'visible'], table: { category: 'General', }, @@ -47,9 +47,9 @@ const meta: MetaExtended = { render: (args: Args) => { return html`
This is a long text content that demonstrates how the overflow property works. This paragraph contains several sentences that will help show the different overflow behaviors when the container is too small to contain all the text. It's useful for testing different overflow settings and seeing how they affect the layout and scrolling capabilities of the container element.