Skip to content

Commit

Permalink
feat(spinner): unify styles file criteria
Browse files Browse the repository at this point in the history
andresin87 committed May 2, 2023
1 parent 6db006b commit 2d1b539
Showing 2 changed files with 5 additions and 5 deletions.
4 changes: 2 additions & 2 deletions packages/components/spinner/src/Spinner.styles.tsx
Original file line number Diff line number Diff line change
@@ -6,7 +6,7 @@ const defaultVariants = {
isBackgroundVisible: false,
} as const

export const spinnerVariants = cva(
export const spinnerStyles = cva(
['inline-block', 'border-solid', 'rounded-full', 'border-md', 'animate-spin'],
{
variants: {
@@ -33,4 +33,4 @@ export const spinnerVariants = cva(
}
)

export type SpinnerVariantsProps = VariantProps<typeof spinnerVariants>
export type SpinnerStylesProps = VariantProps<typeof spinnerStyles>
6 changes: 3 additions & 3 deletions packages/components/spinner/src/Spinner.tsx
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
import { VisuallyHidden } from '@spark-ui/visually-hidden'
import { ComponentPropsWithoutRef, forwardRef, PropsWithChildren } from 'react'

import { spinnerVariants, SpinnerVariantsProps } from './Spinner.variants'
import { spinnerStyles, SpinnerStylesProps } from './Spinner.styles'

export interface SpinnerProps extends ComponentPropsWithoutRef<'div'>, SpinnerVariantsProps {
export interface SpinnerProps extends ComponentPropsWithoutRef<'div'>, SpinnerStylesProps {
label?: string
}

@@ -13,7 +13,7 @@ export const Spinner = forwardRef<HTMLDivElement, PropsWithChildren<SpinnerProps
<div
data-spark-component="spinner"
ref={ref}
className={spinnerVariants({ className, size, intent, isBackgroundVisible })}
className={spinnerStyles({ className, size, intent, isBackgroundVisible })}
{...others}
>
{label && <VisuallyHidden>{label}</VisuallyHidden>}

0 comments on commit 2d1b539

Please sign in to comment.