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

refactor(split-button): add component tokens #8972

Merged
merged 3 commits into from
Mar 21, 2024

Conversation

alisonailea
Copy link
Contributor

Related Issue: #7180

Summary

Split Button

--calcite-split-button-background-color-active: Specifies the component's background color when the button is active.
--calcite-split-button-background-color-focus: Specifies the component's background color when the button is focused.
--calcite-split-button-background-color-hover: Specifies the component's background color when the button is hovered.
--calcite-split-button-background-color: Specifies the component's background color.
--calcite-split-button-border-color-active: Specifies the component's border color when the button is active.
--calcite-split-button-border-color-focus: Specifies the component's border color when the button is focused.
--calcite-split-button-border-color-hover: Specifies the component's border color when the button is hovered.
--calcite-split-button-border-color: Specifies the component's border color.
--calcite-split-button-corner-radius: Specifies the component's corner radius.
--calcite-split-button-divider-color: Specifies the component's divider color.
--calcite-split-button-dropdown-background-color: Specifies the component's dropdown background color.
--calcite-split-button-icon-color-active: Specifies the component's icon color when the button is active.
--calcite-split-button-icon-color-focus: Specifies the component's icon color when the button is focused.
--calcite-split-button-icon-color-hover: Specifies the component's icon color when the button is hovered.
--calcite-split-button-icon-color: Specifies the component's icon color.
--calcite-split-button-loader-color: Specifies the component's loader color.
--calcite-split-button-shadow-active: Specifies the component's shadow when the button is active.
--calcite-split-button-shadow-focus: Specifies the component's shadow when the button is focused.
--calcite-split-button-shadow-hover: Specifies the component's shadow when the button is hovered.
--calcite-split-button-shadow: Specifies the component's shadow.
--calcite-split-button-text-color-active: Specifies the component's text color when the button is active.
--calcite-split-button-text-color-focus: Specifies the component's text color when the button is focused.
--calcite-split-button-text-color-hover: Specifies the component's text color when the button is hovered.
--calcite-split-button-text-color: Specifies the component's text color.

# Conflicts:
#	packages/calcite-components/src/components/split-button/split-button.scss
@alisonailea alisonailea added enhancement Issues tied to a new feature or request. design-tokens Issues requiring design tokens. labels Mar 20, 2024
@alisonailea alisonailea requested a review from a team as a code owner March 20, 2024 17:15
…components into astump/7180-split-button

# Conflicts:
#	packages/calcite-components/src/components/split-button/split-button.scss
@alisonailea alisonailea added the pr ready for visual snapshots Adding this label will run visual snapshot testing. label Mar 20, 2024
Copy link
Member

@jcfranco jcfranco left a comment

Choose a reason for hiding this comment

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

Noice! 🪵🪓

@alisonailea alisonailea merged commit eb3b3ba into epic/7180-component-tokens Mar 21, 2024
8 checks passed
@alisonailea alisonailea deleted the astump/7180-split-button branch March 21, 2024 03:06
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
design-tokens Issues requiring design tokens. enhancement Issues tied to a new feature or request. pr ready for visual snapshots Adding this label will run visual snapshot testing.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants