-
Notifications
You must be signed in to change notification settings - Fork 76
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
test(panel): add token theming tests #9442
Conversation
targetProp: "inlineSize", | ||
}, | ||
"--calcite-panel-action-background-color": { | ||
shadowSelector: `calcite-action >>> .button`, |
There was a problem hiding this comment.
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"
There was a problem hiding this comment.
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 ?
There was a problem hiding this 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`, |
There was a problem hiding this comment.
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`, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
"calcite-action"
Related Issue: #7180
Summary
Add token theming tests for
panel
component.