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(clerk-js,types): Add appearance keys for pagination and table head #1803

Conversation

octoper
Copy link
Member

@octoper octoper commented Sep 29, 2023

Description

Add missing appearance keys for Pagination text and buttons and Table head.

Before

Before

After

After

Checklist

  • npm test runs as expected.
  • npm run build runs as expected.
  • (If applicable) JSDoc comments have been added or updated for any package exports
  • (If applicable) Documentation has been updated

Type of change

  • 🐛 Bug fix
  • 🌟 New feature
  • 🔨 Breaking change
  • 📖 Refactoring / dependency upgrade / documentation
  • other:

Packages affected

  • @clerk/clerk-js
  • @clerk/clerk-react
  • @clerk/nextjs
  • @clerk/remix
  • @clerk/types
  • @clerk/themes
  • @clerk/localizations
  • @clerk/clerk-expo
  • @clerk/backend
  • @clerk/clerk-sdk-node
  • @clerk/shared
  • @clerk/fastify
  • @clerk/chrome-extension
  • gatsby-plugin-clerk
  • build/tooling/chore

@changeset-bot
Copy link

changeset-bot bot commented Sep 29, 2023

🦋 Changeset detected

Latest commit: 8dc7d81

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 13 packages
Name Type
@clerk/clerk-js Minor
@clerk/themes Patch
@clerk/types Minor
@clerk/chrome-extension Patch
@clerk/clerk-expo Patch
@clerk/backend Patch
@clerk/fastify Patch
gatsby-plugin-clerk Patch
@clerk/localizations Patch
@clerk/nextjs Patch
@clerk/clerk-react Patch
@clerk/remix Patch
@clerk/clerk-sdk-node Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@octoper octoper force-pushed the vaggelis/js-754-add-external-class-to-organizationprofile-members-table branch 2 times, most recently from 37f04af to 68094ab Compare September 30, 2023 09:41
@nikosdouvlis nikosdouvlis marked this pull request as ready for review October 2, 2023 11:31
@nikosdouvlis nikosdouvlis requested a review from a team as a code owner October 2, 2023 11:31
@octoper octoper force-pushed the vaggelis/js-754-add-external-class-to-organizationprofile-members-table branch from 9600b54 to 5a41fef Compare October 2, 2023 11:41
localizationKey={localizationKeys('paginationRowText__displaying')}
/>{' '}
<Text
as='span'
colorScheme='inherit'
Copy link
Member

Choose a reason for hiding this comment

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

@octoper I see we made some minor UI changes here, could you please add a screenshot in the PR description if needed? Even if the changes are minor, this always helps and we can use it for future reference as well.

Copy link
Contributor

Choose a reason for hiding this comment

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

Yes, let's add a before and after showcasing why we need to use inherit here.

Copy link
Member Author

Choose a reason for hiding this comment

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

The main reason I used colorScheme='inherit' here is just to have the colour to the parent element so I can use the element descriptor only theme.

Copy link
Member

Choose a reason for hiding this comment

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

@octoper I'm very skeptic about the result of the before/active. This is something i recently touched as well, but endup not making the change.

I don't think using the primary colour here makes sense, and the result is not that elegant.

Copy link
Member Author

Choose a reason for hiding this comment

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

@panteliselef Yeah it's not that elegant but I thought that this should match the other parts of our components that have text, because if this is not changed every other part will have the primary colour and this will be black.

@octoper octoper force-pushed the vaggelis/js-754-add-external-class-to-organizationprofile-members-table branch 2 times, most recently from fe6598b to e7f1993 Compare October 6, 2023 11:45
Copy link
Member

@nikosdouvlis nikosdouvlis left a comment

Choose a reason for hiding this comment

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

This looks good :) Approving to unblock, let's discuss about the type issue offline

@octoper octoper force-pushed the vaggelis/js-754-add-external-class-to-organizationprofile-members-table branch from e7f1993 to 448a860 Compare October 11, 2023 07:45
@octoper octoper force-pushed the vaggelis/js-754-add-external-class-to-organizationprofile-members-table branch from 2b841ea to 19c6aa3 Compare October 12, 2023 08:47
@octoper octoper force-pushed the vaggelis/js-754-add-external-class-to-organizationprofile-members-table branch from 820e858 to 5b51cc8 Compare October 12, 2023 20:04
@octoper octoper added this pull request to the merge queue Oct 17, 2023
Merged via the queue into main with commit 35be870 Oct 17, 2023
11 of 12 checks passed
@octoper octoper deleted the vaggelis/js-754-add-external-class-to-organizationprofile-members-table branch October 17, 2023 09:11
@clerk-cookie clerk-cookie mentioned this pull request Oct 17, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

6 participants