refactor(split-button): add component tokens #8972
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
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.