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(tab): add component tokens #8852

Merged

Conversation

jcfranco
Copy link
Member

@jcfranco jcfranco commented Feb 29, 2024

Related Issue: #7180

Summary

Adds the following component tokens (CSS props):

  • --calcite-tab-content-space-y

Deprecates the following:

  • --calcite-tab-content-block-padding

@jcfranco jcfranco requested a review from a team as a code owner February 29, 2024 07:38
@jcfranco jcfranco added the pr ready for visual snapshots Adding this label will run visual snapshot testing. label Feb 29, 2024
@@ -3,7 +3,8 @@
*
* These properties can be overridden using the component's tag as selector.
*
* @prop --calcite-tab-content-block-padding: Specifies the block padding of the component's content in the `default` slot.
* @prop --calcite-tab-content-block-padding: [Deprecated] Use `--calcite-tab-content-space` instead. Specifies the block padding of the component's content in the `default` slot.
* @prop --calcite-tab-content-space: Specifies the space of the component's content in the `default` slot.
Copy link
Contributor

Choose a reason for hiding this comment

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

Should this be “content block space”?

Copy link
Member Author

Choose a reason for hiding this comment

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

Synced up w/ @alisonailea and landed on --calcite-tab-content-space-y. It's concise, readable and platform-agnostic.

Copy link
Member

Choose a reason for hiding this comment

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

Do we need to update other space vars already merged?

Copy link
Member Author

Choose a reason for hiding this comment

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

We should. I've got some block/block-section PRs to update. ✨💪✨

@jcfranco jcfranco 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 Mar 1, 2024
@jcfranco jcfranco merged commit ee840a5 into epic/7180-component-tokens Mar 1, 2024
8 checks passed
@jcfranco jcfranco deleted the jcfranco/7180-add-component-tokens-to-tab branch March 1, 2024 01:03
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.

4 participants