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

feat(combobox, combobox-item-group): add component tokens #11623

Open
wants to merge 7 commits into
base: dev
Choose a base branch
from

Conversation

anveshmekala
Copy link
Contributor

@anveshmekala anveshmekala commented Feb 26, 2025

Related Issue: #7180

Summary

Adds following tokens in combobox component :

--calcite-combobox-input-height: Specifies the height of the component's input.
--calcite-combobox-background-color: Specifies the component's background color.
--calcite-combobox-text-color: Specifies the component's text color.
--calcite-combobox-border-color: Specifies the component's border color.
--calcite-combobox-icon-color: Specifies the component's icon color.
--calcite-combobox-icon-color-hover: Specifies the component's icon color when hovered.
--calcite-combobox-placeholder-icon-color: Specifies the component's placeholder icon color.
--calcite-combobox-listbox-background-color: Specifies the background color of the component's listbox.
--calcite-combobox-chip-background-color: Specifies the background color of the component's chips.
--calcite-combobox-chip-background-color-active: Specifies the background color of the component's chips when close icon is focused with Arrow keys.
--calcite-combobox-chip-close-icon-color: Specifies the close icon color of the component's chips.
--calcite-combobox-chip-corner-radius: Specifies the corner radius of the component's chips.
--calcite-combobox-chip-icon-color: Specifies the icon color of the component's chips.
--calcite-combobox-chip-text-color: Specifies the text color of the component's chips.

Adds following tokens in combobox-item-group component:

--calcite-combobox-item-group-text-color: Specifies the text color of the component.
--calcite-combobox-item-group-border-color: Specifies the border color of the component.

@github-actions github-actions bot added the enhancement Issues tied to a new feature or request. label Feb 26, 2025
@anveshmekala anveshmekala changed the title feat(combobox): add component tokens feat(combobox, combobox-item-group): add component tokens Feb 26, 2025
@anveshmekala anveshmekala added the pr ready for visual snapshots Adding this label will run visual snapshot testing. label Feb 26, 2025
@anveshmekala anveshmekala marked this pull request as ready for review February 26, 2025 21:03
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
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.

1 participant