Skip to content

docs(styleguide): repro story for Background alias bg bug - #65

Draft
dreamwasp wants to merge 1 commit into
mainfrom
cass-gmt-1825-background-alias-repro
Draft

dreamwasp wants to merge 1 commit into
mainfrom
cass-gmt-1825-background-alias-repro

Conversation

@dreamwasp

Copy link
Copy Markdown
Contributor

Overview

Adds a Storybook repro for the bug fixed in #51 (GMT-1825). It is story-only; no library code changes.

Background flips the color mode on the same element it paints. When bg is an alias like primary, the alias resolves in the flipped mode, so on a light core page <Background bg="primary"> paints dark mode's yellow instead of hyper.

Story: Foundations/ColorMode/Alias Background Bug → packages/styleguide/src/lib/Foundations/ColorMode/BackgroundAliasBug.stories.tsx. It renders a hyper control box and a primary alias box side by side inside ColorMode mode="light".

Related


🤖 Generated with Claude Code

Adds a story showing <Background bg="primary"> on a light core page
painting dark mode's yellow instead of hyper. Fixed in #51.

Co-Authored-By: Claude Haiku 5.5 <noreply@anthropic.com>
@pkg-pr-new

pkg-pr-new Bot commented Nov 5, 2026

Copy link
Copy Markdown

Open in StackBlitz

@skillsoft/eslint-plugin-gamut

npm i https://pkg.pr.new/Codecademy/skillsoft-gamut/@skillsoft/eslint-plugin-gamut@65
yarn add https://pkg.pr.new/Codecademy/skillsoft-gamut/@skillsoft/eslint-plugin-gamut@65.tgz

@skillsoft/gamut

npm i https://pkg.pr.new/Codecademy/skillsoft-gamut/@skillsoft/gamut@65
yarn add https://pkg.pr.new/Codecademy/skillsoft-gamut/@skillsoft/gamut@65.tgz

@skillsoft/gamut-agent-tools

npm i https://pkg.pr.new/Codecademy/skillsoft-gamut/@skillsoft/gamut-agent-tools@65
yarn add https://pkg.pr.new/Codecademy/skillsoft-gamut/@skillsoft/gamut-agent-tools@65.tgz

@skillsoft/gamut-codemods

npm i https://pkg.pr.new/Codecademy/skillsoft-gamut/@skillsoft/gamut-codemods@65
yarn add https://pkg.pr.new/Codecademy/skillsoft-gamut/@skillsoft/gamut-codemods@65.tgz

@skillsoft/gamut-icons

npm i https://pkg.pr.new/Codecademy/skillsoft-gamut/@skillsoft/gamut-icons@65
yarn add https://pkg.pr.new/Codecademy/skillsoft-gamut/@skillsoft/gamut-icons@65.tgz

@skillsoft/gamut-illustrations

npm i https://pkg.pr.new/Codecademy/skillsoft-gamut/@skillsoft/gamut-illustrations@65
yarn add https://pkg.pr.new/Codecademy/skillsoft-gamut/@skillsoft/gamut-illustrations@65.tgz

@skillsoft/gamut-patterns

npm i https://pkg.pr.new/Codecademy/skillsoft-gamut/@skillsoft/gamut-patterns@65
yarn add https://pkg.pr.new/Codecademy/skillsoft-gamut/@skillsoft/gamut-patterns@65.tgz

@skillsoft/gamut-styles

npm i https://pkg.pr.new/Codecademy/skillsoft-gamut/@skillsoft/gamut-styles@65
yarn add https://pkg.pr.new/Codecademy/skillsoft-gamut/@skillsoft/gamut-styles@65.tgz

@skillsoft/gamut-tests

npm i https://pkg.pr.new/Codecademy/skillsoft-gamut/@skillsoft/gamut-tests@65
yarn add https://pkg.pr.new/Codecademy/skillsoft-gamut/@skillsoft/gamut-tests@65.tgz

@skillsoft/variance

npm i https://pkg.pr.new/Codecademy/skillsoft-gamut/@skillsoft/variance@65
yarn add https://pkg.pr.new/Codecademy/skillsoft-gamut/@skillsoft/variance@65.tgz

commit: fe75fca

@codecov

codecov Bot commented Nov 5, 2026

Copy link
Copy Markdown

⚠️ JUnit XML file not found

The CLI was unable to find any JUnit XML files to upload.
For more help, visit our troubleshooting guide.

This branch has not been deployed

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant