Add missing prop to Spinner (#1489)

common/changes/pcln-design-system/spinner-prop-update-2_2024-04-25-16-13.json

@@ -0,0 +1,10 @@
+{
+  "changes": [
+    {
+      "packageName": "pcln-design-system",
+      "comment": "Add missing prop to Spinner",
+      "type": "patch"
+    }
+  ],
+  "packageName": "pcln-design-system"
+}

packages/core/src/Spinner/Spinner.tsx

@@ -68,10 +68,11 @@ const GradientRingWrapper = styled(Absolute)`
   height: 100%;
 `
 
-type GradientRingProps = {
+export type GradientRingProps = {
   strokeWidth?: string
+  color?: PaletteFamilyName
   theme?: Theme
-} & SpinnerProps
+}
 
 function GradientRing({ strokeWidth = '6px', ...props }: GradientRingProps) {
   const strokeColor = getPaletteColor(props.color, 'base')(props)
@@ -124,9 +125,8 @@ export type SpinnerSizes = 'small' | 'medium' | 'large' | number
 /**
  * @public
  */
-export type SpinnerProps = {
+export type SpinnerProps = GradientRingProps & {
   children?: React.ReactNode
-  color?: PaletteFamilyName
   size?: SpinnerSizes | string | Array<SpinnerSizes | string>
   useGradient?: boolean
 }

packages/core/src/index.ts

@@ -141,7 +141,7 @@ export { type ShimmerVariation, type ShimmerVariationType } from './Shimmer/cons
 export { SkipMenu, type SkipMenuProps } from './SkipMenu/SkipMenu'
 export { type ArrowPosition } from './SlideBox/Arrow'
 export { SlideBox, type SlideBoxProps } from './SlideBox/SlideBox'
-export { Spinner, type SpinnerProps, type SpinnerSizes } from './Spinner/Spinner'
+export { Spinner, type GradientRingProps, type SpinnerProps, type SpinnerSizes } from './Spinner/Spinner'
 export { SrOnly } from './SrOnly/SrOnly'
 export { Stamp, type StampProps } from './Stamp/Stamp'
 export { Step, type StepProps } from './Step/Step'