Skip to content

Commit 714f8dd

Browse files
committed
chore(Icon stories): drop #888 backdrop from IconHarness
The IconHarness wrapper applied a hardcoded grey #888 background that made sense for Spacer/Separator (where you need contrast against an otherwise invisible primitive) but hurt Icon's stories — it muddied the state pills (success/warning/danger/info badges) and washed out glyphs whose visibility doesn't need any artificial contrast against Storybook's page background. Drop the backdrop and the 24px padding; keep the wrapper as a testid-only inline-flex container so the Playwright locator still attaches. All 36 Icon snapshots regenerated. No component code changes; stories/spec layout only.
1 parent 5130256 commit 714f8dd

37 files changed

Lines changed: 1 addition & 5 deletions

File tree

src/components/Icon/Icon.stories.tsx

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -59,11 +59,7 @@ export const Playground: Story = {
5959
const IconHarness = (props: ImageType) => (
6060
<div
6161
data-testid="icon-harness"
62-
style={{
63-
display: 'inline-flex',
64-
padding: '24px',
65-
background: '#888',
66-
}}
62+
style={{ display: 'inline-flex' }}
6763
>
6864
<Icon {...props} />
6965
</div>
-151 Bytes
Loading
-138 Bytes
Loading
-16 Bytes
Loading
-80 Bytes
Loading
-63 Bytes
Loading
-102 Bytes
Loading
-171 Bytes
Loading
-177 Bytes
Loading
-63 Bytes
Loading

0 commit comments

Comments
 (0)