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

test(panel): add token theming tests #9442

Merged

Conversation

anveshmekala
Copy link
Contributor

@anveshmekala anveshmekala commented May 28, 2024

Related Issue: #7180

Summary

Add token theming tests for panel component.

@anveshmekala anveshmekala requested a review from a team as a code owner May 28, 2024 20:23
targetProp: "inlineSize",
},
"--calcite-panel-action-background-color": {
shadowSelector: `calcite-action >>> .button`,
Copy link
Contributor

Choose a reason for hiding this comment

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

I think this can just be "calcite-action"

Copy link
Contributor Author

Choose a reason for hiding this comment

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

I think there is a confusion with naming here. The --calcite-panel-action-background-color token is only used for close action rendered when closable is set to true & the trigger of calcite-action-menu when header-menu-actions are slotted.

Should we separate these out and refactor names to be more specific ?

Copy link
Contributor

@alisonailea alisonailea left a comment

Choose a reason for hiding this comment

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

just a few little things to remove shadowDom selection '>>>'

targetProp: "--calcite-action-background-color",
},
"--calcite-panel-action-background-color-hover": {
shadowSelector: `calcite-action >>> .button`,
Copy link
Contributor

Choose a reason for hiding this comment

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

"calcite-action"

state: { hover: { attribute: "class", value: `button` } },
},
"--calcite-panel-action-background-color-active": {
shadowSelector: `calcite-action >>> .button`,
Copy link
Contributor

Choose a reason for hiding this comment

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

"calcite-action"

@anveshmekala anveshmekala merged commit 52cdd12 into epic/7180-component-tokens May 30, 2024
5 checks passed
@anveshmekala anveshmekala deleted the anveshmekala/panel-token-theming-tests branch May 30, 2024 17:48
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