Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Darkside] Updated <Theme /> component #3467

Merged
merged 6 commits into from
Dec 20, 2024
Merged

Conversation

KenAJoh
Copy link
Collaborator

@KenAJoh KenAJoh commented Dec 17, 2024

Description

  • Move theme-component to its own dir outside Provider
  • Name: AkselTheme -> Theme
  • Removed UNSAFE
  • Removed volume since this is highly experimental atm. ReadMore defaults to "low"
  • Renamed hook to useThemeInternal since potential "external" API might differ
  • Portalled elements using <Portal> will now preserve Theme when "portalled" outside the className-scope for .dark and .light.

Note: Theme-component is still not exposed externally, so we can still make all the changes we want.

TODO: Might take inspiration from Chakra here, they have a little simpler API: https://github.com/chakra-ui/chakra-ui/blob/main/packages/react/src/components/theme.tsx

Component Checklist 📝

  • JSDoc
  • Examples
  • Documentation / Decision Records
  • Storybook
  • Style mappings (@navikt/core/css/config/_mappings.js)
  • Component tokens (@navikt/core/css/tokens.json)
  • CSS class deprecations (@navikt/aksel-stylelint/src/deprecations.ts)
  • Exports (@navikt/core/react/src/index.ts and @navikt/core/react/package.json)
  • New component? CSS import (@navikt/core/css/index.css)
  • Breaking change? Update migration guide. Consider codemod.
  • Changeset (Format: <Component>: <gitmoji?> <Text>. E.g. "Button: ✨ Add feature xyz.")

Copy link

changeset-bot bot commented Dec 17, 2024

⚠️ No Changeset found

Latest commit: 2a41a0f

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

Copy link
Contributor

github-actions bot commented Dec 17, 2024

Storybook demo / Chromatic

📝 Changes to review: 1

11a6c629c | 91 components | 135 stories

HalvorHaugan
HalvorHaugan previously approved these changes Dec 19, 2024
),
args: {
...Default.args,
open: true,
},
};

export const BrandVolumeHigh: Story = {
/* High volume temp disabled until we agree on concept */
Copy link
Contributor

@JulianNymark JulianNymark Dec 19, 2024

Choose a reason for hiding this comment

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

ok to leave code commented out? (or shall we remove it and add when we know more later?)

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

Removed it 🔥

@KenAJoh KenAJoh merged commit 561fecb into main Dec 20, 2024
3 checks passed
@KenAJoh KenAJoh deleted the darkside-theme-component branch December 20, 2024 08:29
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.

3 participants