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(meter): Add component tokens #8606

Merged

Conversation

macandcheese
Copy link
Contributor

@macandcheese macandcheese commented Jan 13, 2024

Related Issue: #7180

Summary

Adds the following public component css properties:
--calcite-meter-background-color: Specifies the background color of the component.
--calcite-meter-border-color: Specifies the border color of the component and displayed step lines.
--calcite-meter-shadow: Specifies the box shadow of the component.
--calcite-meter-corner-radius: Specifies the corner radius of the component.
--calcite-meter-fill-color: Specifies the color of the component's fill.
--calcite-meter-range-text-color: Specifies the color of the component's range labels.
--calcite-meter-value-text-color: Specifies the color of the component's value label.

Adds a Chromatic test and a demo page example.

@macandcheese macandcheese requested a review from a team as a code owner January 13, 2024 02:01
@macandcheese macandcheese added the pr ready for visual snapshots Adding this label will run visual snapshot testing. label Jan 13, 2024
@macandcheese macandcheese requested review from a team and removed request for a team January 13, 2024 02:02
@macandcheese macandcheese added pr ready for visual snapshots Adding this label will run visual snapshot testing. and removed pr ready for visual snapshots Adding this label will run visual snapshot testing. labels Jan 17, 2024
@macandcheese macandcheese added pr ready for visual snapshots Adding this label will run visual snapshot testing. and removed pr ready for visual snapshots Adding this label will run visual snapshot testing. labels Jan 17, 2024
Copy link
Contributor

This PR has been automatically marked as stale because it has not had recent activity. Please close your PR if it is no longer relevant. Thank you for your contributions.

@github-actions github-actions bot added the Stale Issues or pull requests that have not had recent activity. label Jan 25, 2024
@macandcheese macandcheese removed the Stale Issues or pull requests that have not had recent activity. label Jan 29, 2024
Copy link
Contributor

github-actions bot commented Feb 6, 2024

This PR has been automatically marked as stale because it has not had recent activity. Please close your PR if it is no longer relevant. Thank you for your contributions.

@github-actions github-actions bot added the Stale Issues or pull requests that have not had recent activity. label Feb 6, 2024
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.

Meter's an odd one. I think it can be simplified but it might require a non-breaking-change-refactor.

@macandcheese macandcheese removed the Stale Issues or pull requests that have not had recent activity. label Feb 12, 2024
@macandcheese macandcheese added pr ready for visual snapshots Adding this label will run visual snapshot testing. and removed pr ready for visual snapshots Adding this label will run visual snapshot testing. labels Feb 15, 2024
@macandcheese
Copy link
Contributor Author

Reviewer note: The font color change for unit are expected and verified by cc @SkyeSeitz @ashetland

@macandcheese macandcheese added pr ready for visual snapshots Adding this label will run visual snapshot testing. and removed pr ready for visual snapshots Adding this label will run visual snapshot testing. labels Feb 15, 2024
@macandcheese macandcheese requested a review from a team February 16, 2024 17:16
@macandcheese macandcheese added pr ready for visual snapshots Adding this label will run visual snapshot testing. and removed pr ready for visual snapshots Adding this label will run visual snapshot testing. labels Feb 16, 2024
--calcite-meter-space-internal: theme("spacing[0.5]");
--calcite-meter-height-internal: theme("spacing.4");
--calcite-meter-font-size-internal: var(--calcite-font-size--1);
--calcite-internal-meter-space: var(--calcite-spacing-base);
Copy link
Contributor

Choose a reason for hiding this comment

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

can we add these other internal vars to the Local props list?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Done!

@macandcheese macandcheese merged commit 1fdec90 into epic/7180-component-tokens Feb 17, 2024
4 checks passed
@macandcheese macandcheese deleted the macandcheese/token-update-meter branch February 17, 2024 01:31
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
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