Skip to content

EP-6630: Clean up rebrand styles for components E-P#876

Merged
Patrick DeVries (PatrickDeVries) merged 9 commits intomainfrom
cleanup/EP-6630_clean-up-rebrand-e-through-p
Jul 21, 2025
Merged

EP-6630: Clean up rebrand styles for components E-P#876
Patrick DeVries (PatrickDeVries) merged 9 commits intomainfrom
cleanup/EP-6630_clean-up-rebrand-e-through-p

Conversation

@PatrickDeVries
Copy link
Contributor

This cleans up the rebrand styles and logic for components E-P.

The rebrand has been cleaned up in OV so the old brand styles are no longer relevant. They are also creating issues with OV's new RSBuild system and not behaving as expected.

For packages that have had a major release, I marked this a major bump. For packages that have not yet had a major release, I marked this a minor bump.

Copilot AI review requested due to automatic review settings July 17, 2025 19:11
@changeset-bot
Copy link

changeset-bot bot commented Jul 17, 2025

🦋 Changeset detected

Latest commit: 12c96e9

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 30 packages
Name Type
@igloo-ui/form-group Major
@igloo-ui/icon-button Major
@igloo-ui/input Major
@igloo-ui/modal Major
@igloo-ui/pager Major
@igloo-ui/progress-bar Major
@igloo-ui/ellipsis Minor
@igloo-ui/filter Minor
@igloo-ui/helper-text Minor
@igloo-ui/hyperlink Minor
@igloo-ui/list Minor
@igloo-ui/metric Major
@igloo-ui/option-button Minor
@igloo-ui/pie-chart Minor
@igloo-ui/popover Major
@igloo-ui/provider Minor
@igloo-ui/tag-picker Patch
@igloo-ui/action-menu Patch
@igloo-ui/alert Major
@igloo-ui/combobox Major
@igloo-ui/datepicker Major
@igloo-ui/select Patch
@igloo-ui/tag Major
@igloo-ui/text-editor Major
@igloo-ui/toaster Patch
@igloo-ui/dialog Patch
@igloo-ui/stacked-bar Patch
@igloo-ui/area-chart Major
@igloo-ui/breadcrumb Major
@igloo-ui/color-picker Major

Not sure what this means? Click here to learn what changesets are.

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

@netlify
Copy link

netlify bot commented Jul 17, 2025

Deploy Preview for igloo-ui ready!

Name Link
🔨 Latest commit 12c96e9
🔍 Latest deploy log https://app.netlify.com/projects/igloo-ui/deploys/687e7538480c530008de02cc
😎 Deploy Preview https://deploy-preview-876--igloo-ui.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull Request Overview

This PR removes legacy default styling and conditional logic for non-Workleap branding across components E–P, streamlining the code to only support the new Workleap design tokens and behaviors.

  • Deleted obsolete :root CSS variables and old brand toggles, keeping only Workleap overrides.
  • Stripped out getBrand checks and legacy icon variants, standardizing on new Workleap icons and fixed conversions.
  • Adjusted import orders and minor style tweaks (e.g., Popover min-width update).

Reviewed Changes

Copilot reviewed 23 out of 23 changed files in this pull request and generated no comments.

Show a summary per file
File Description
packages/ProgressBar/src/progress-bar.scss Removed default root variables, left only Workleap overrides
packages/Popover/src/popover.scss Deleted outdated tokens, updated min-width and removed brand block
packages/Popover/src/Popover.tsx Removed getBrand, simplified fromPxToRem base logic
packages/PieChart/src/pie-chart.scss Cleared legacy root styles, retained Workleap variables
packages/Pager/src/pager.scss Stripped default CSS vars, preserved only Workleap definitions
packages/Pager/src/Pager.tsx Eliminated getBrand, always use medium-sized arrows
packages/OptionButton/src/option-button.scss Removed legacy styling variables, kept Workleap overrides
packages/OptionButton/src/OptionButton.tsx Dropped getBrand and legacy icons, now only new icon imports
packages/Modal/src/modal.scss Purged default modal tokens, left Workleap customizations
packages/Metric/src/score.scss Deleted root score variables, retained only Workleap settings
packages/Metric/src/metric.scss Removed default metric tokens, kept Workleap definitions
packages/Metric/src/Score.tsx Stripped getBrand, always render new arrow icons
packages/Metric/src/Metric.tsx Removed getBrand/HelpSolid, standardized on QuestionIcon
packages/List/src/list.scss Cleared default list tokens, left Workleap overrides
packages/List/src/list-item.scss Removed default list-item vars, preserved Workleap custom styles
packages/List/src/ListItem.tsx Got rid of getBrand, always use UserIcon
packages/Input/src/input.scss Stripped legacy input tokens, kept only Workleap variables
packages/IconButton/src/icon-button.scss Deleted default icon-button vars, kept Workleap definitions
packages/Hyperlink/src/hyperlink.scss Removed outdated hyperlink tokens, left only Workleap variants
packages/HelperText/src/helper-text.scss Purged default helper-text vars, retained Workleap overrides
packages/FormGroup/src/form-group.scss Cleared root form-group variables, kept Workleap styles
packages/Filter/src/filter.scss Removed legacy filter tokens, preserved Workleap definitions
.changeset/old-weeks-pump.md Added changeset entries for major/minor bumps across packages
Comments suppressed due to low confidence (4)

packages/Popover/src/Popover.tsx:156

  • Since the base parameter never varies and is always 16, consider removing it and hardcoding the conversion (e.g., const fromPxToRem = (value: number): string => ${value/16}rem``) to simplify the function signature.
    const fromPxToRem = (value: number, base = 16): string =>

packages/OptionButton/src/OptionButton.tsx:1

  • [nitpick] For consistency with other components, place the React import (import * as React from "react";) before third-party module imports like classnames.
import cx from "classnames";

packages/Metric/src/Metric.tsx:105

  • The QuestionIcon component is used here but not shown in the imports at the top of the file. Please add the appropriate import statement to avoid a runtime error.
                                <QuestionIcon size="sm" />

packages/Metric/src/Score.tsx:1

  • [nitpick] Consider moving import * as React from "react"; above the classnames import to align with the React-first import convention used in other components.
import cx from "classnames";

@PatrickDeVries Patrick DeVries (PatrickDeVries) merged commit 08f9a05 into main Jul 21, 2025
12 checks passed
@PatrickDeVries Patrick DeVries (PatrickDeVries) deleted the cleanup/EP-6630_clean-up-rebrand-e-through-p branch July 21, 2025 17:43
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