Skip to content

GAUD-8866 remove button scss from bsi - #7254

Open
EdwinACL831 wants to merge 11 commits into
mainfrom
ecollazos/GAUD-8866_remove_button_scss_from_bsi
Open

GAUD-8866 remove button scss from bsi#7254
EdwinACL831 wants to merge 11 commits into
mainfrom
ecollazos/GAUD-8866_remove_button_scss_from_bsi

Conversation

@EdwinACL831

@EdwinACL831 EdwinACL831 commented Jul 22, 2026

Copy link
Copy Markdown
Contributor

Jira

GAUD-8866

Description

Extracts and encapsulates button styles that will be used in BSI into functions, in order to replace BSI's sass code and instead use the generator functions so there is only one source of truth

@github-actions

Copy link
Copy Markdown
Contributor

Thanks for the PR! 🎉

We've deployed an automatic preview for this PR - you can see your changes here:

URL https://live.d2l.dev/prs/BrightspaceUI/core/pr-7254/

Note

The build needs to finish before your changes are deployed.
Changes to the PR will automatically update the instance.

@EdwinACL831
EdwinACL831 force-pushed the ecollazos/GAUD-8866_remove_button_scss_from_bsi branch from 23ef02c to 65c7403 Compare July 22, 2026 16:52
@EdwinACL831
EdwinACL831 force-pushed the ecollazos/GAUD-8866_remove_button_scss_from_bsi branch from 54e3564 to 65c7403 Compare July 22, 2026 17:34
@EdwinACL831
EdwinACL831 marked this pull request as ready for review July 23, 2026 17:49
@EdwinACL831
EdwinACL831 requested a review from a team as a code owner July 23, 2026 17:49

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

I think would be better if you use the split view so you can see what was replaced by what

selector = unsafeCSS(selector.trim());

return css`
/* Firefox includes a hidden border which messes up button dimensions */

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Lots of generator methods. Was hoping core would just have two - one for the base styles (defined in the mixin), and another for the d2l-button styles.

Can this be combined with the template immediately above?

`;
}

export function _generateButtonDisabledStyles(selector, isForBsi = false) {

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Same thing here - do we need to support a special generator just for the disabled styles?

The BSI aspect creeping in here isn't great. If we really need to distinguish the context, I think we can make it more meaningful by naming it something like hasHost or forWebComponent.

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.

2 participants