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(loader): add fallback component tokens #8857

Merged
merged 11 commits into from
Mar 2, 2024

Conversation

alisonailea
Copy link
Contributor

Related Issue: #7180

Summary

Loader

--calcite-loader-bar-width: deprecated defines the width of the loader animation.
--calcite-loader-color-oneThird: defines the color of a loader. Applies to --calcite-loader-color between 33% - 66% of the animation.
--calcite-loader-color-start: defines the starting color of a loader. Applies to --calcite-loader-color between 0% - 33% of the animation.
--calcite-loader-color-twoThirds: defines the color of a loader. Applies to --calcite-loader-color between 66% - 99% of the animation.
--calcite-loader-font-size: deprecated Specifies the font size of the loading percentage when type is "determinate".
--calcite-loader-padding: deprecated Specifies the padding of the loader.
--calcite-loader-size-inline: deprecated The width and height of an inline loader.
--calcite-loader-size: deprecated The width and height of a non-inline loader.
--calcite-loader-text-color: var(--calcite-color-text-1); defines the text color of a loader.
--calcite-loader-track-color-determinate: var(--calcite-color-border-3); defines the track color of a "determinate" loader

Action

--calcite-action-loader-color-oneThird: Specifies the starting color of the loader
--calcite-action-loader-color-start: Specifies the starting color of the loader
--calcite-action-loader-color-twoThirds: Specifies the starting color of the loader

Block

--calcite-block-loader-color-oneThird: Specifies the starting color of the loader
--calcite-block-loader-color-start: Specifies the starting color of the loader
--calcite-block-loader-color-twoThirds: Specifies the starting color of the loader

Button

--calcite-button-loader-color-oneThird: Specifies the starting color of the loader
--calcite-button-loader-color-start: Specifies the starting color of the loader
--calcite-button-loader-color-twoThirds: Specifies the starting color of the loader

Card

--calcite-card-loader-color-oneThird: Specifies the starting color of the loader
--calcite-card-loader-color-start: Specifies the starting color of the loader
--calcite-card-loader-color-twoThirds: Specifies the starting color of the loader

Scrim

--calcite-scrim-loader-color-oneThird: Specifies the starting color of the loader
--calcite-scrim-loader-color-start: Specifies the starting color of the loader
--calcite-scrim-loader-color-twoThirds: Specifies the starting color of the loader

@alisonailea alisonailea changed the base branch from main to epic/7180-component-tokens February 29, 2024 23:52
@github-actions github-actions bot added the enhancement Issues tied to a new feature or request. label Feb 29, 2024
…components into astump/7180-loader

# Conflicts:
#	packages/calcite-components/src/components/block/block.scss
@alisonailea alisonailea requested a review from driskull March 1, 2024 17:17
Copy link
Member

@driskull driskull left a comment

Choose a reason for hiding this comment

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

Nice! 🦖

…components into astump/7180-loader

# Conflicts:
#	packages/calcite-components/src/components/action/action.scss
#	packages/calcite-components/src/components/card/card.scss
#	packages/calcite-components/src/components/icon/icon.scss
#	packages/calcite-components/src/components/input-message/input-message.scss
@alisonailea alisonailea merged commit 3cbd874 into epic/7180-component-tokens Mar 2, 2024
4 checks passed
@alisonailea alisonailea deleted the astump/7180-loader branch March 2, 2024 00:16
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.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants