Skip to content

Commit

Permalink
feat(clerk-js): Added new size variant for Spinner
Browse files Browse the repository at this point in the history
  • Loading branch information
octoper committed Oct 9, 2023
1 parent 999a7db commit 3f597a6
Show file tree
Hide file tree
Showing 4 changed files with 7 additions and 6 deletions.
2 changes: 1 addition & 1 deletion packages/clerk-js/src/ui/common/InfiniteListSpinner.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ export const InfiniteListSpinner = forwardRef<HTMLDivElement>((_, ref) => {
}}
>
<Spinner
size='md'
size='sm'
colorScheme='primary'
/>
</Box>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -83,7 +83,7 @@ export const PreviewListSpinner = forwardRef<HTMLDivElement>((_, ref) => {
}}
>
<Spinner
size='md'
size='sm'
colorScheme='primary'
/>
</Box>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -144,7 +144,7 @@ export const DomainList = (props: DomainListProps) => {
}}
>
<Spinner
size='md'
size='sm'
colorScheme='primary'
/>
</Box>
Expand Down
7 changes: 4 additions & 3 deletions packages/clerk-js/src/ui/primitives/Spinner.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -37,8 +37,9 @@ const { applyVariants, filterProps } = createVariants(theme => {
md: { [thickness]: theme.sizes.$1 },
},
size: {
sm: { [size]: theme.sizes.$3 },
md: { [size]: theme.sizes.$4 },
xs: { [size]: theme.sizes.$3 },
sm: { [size]: theme.sizes.$4 },
md: { [size]: theme.sizes.$5 },
lg: { [size]: theme.sizes.$6 },
xl: { [size]: theme.sizes.$8 },
},
Expand All @@ -50,7 +51,7 @@ const { applyVariants, filterProps } = createVariants(theme => {
defaultVariants: {
speed: 'normal',
thickness: 'sm',
size: 'md',
size: 'sm',
},
};
});
Expand Down

0 comments on commit 3f597a6

Please sign in to comment.