diff --git a/cypress/snapshots/ui/components/Spinner/SpinnerBase.component-test.tsx/plasma-core Spinner -- many colors.snap.png b/cypress/snapshots/ui/components/Spinner/SpinnerBase.component-test.tsx/plasma-core Spinner -- many colors.snap.png deleted file mode 100644 index f4ff81a679..0000000000 Binary files a/cypress/snapshots/ui/components/Spinner/SpinnerBase.component-test.tsx/plasma-core Spinner -- many colors.snap.png and /dev/null differ diff --git a/packages/plasma-core/src/components/Spinner/Spinner.component-test.tsx b/packages/plasma-core/src/components/Spinner/Spinner.component-test.tsx index 92114f3a1a..cb5fe7270a 100644 --- a/packages/plasma-core/src/components/Spinner/Spinner.component-test.tsx +++ b/packages/plasma-core/src/components/Spinner/Spinner.component-test.tsx @@ -56,17 +56,4 @@ describe('plasma-core: Spinner', () => { ); cy.matchImageSnapshot(); }); - - it('many colors', () => { - mount( - - - - - - - , - ); - cy.matchImageSnapshot(); - }); }); diff --git a/packages/plasma-core/src/components/Spinner/Spinner.tsx b/packages/plasma-core/src/components/Spinner/Spinner.tsx index e7e65a2664..b6d7393281 100644 --- a/packages/plasma-core/src/components/Spinner/Spinner.tsx +++ b/packages/plasma-core/src/components/Spinner/Spinner.tsx @@ -2,7 +2,6 @@ import React from 'react'; import styled, { keyframes, css } from 'styled-components'; import { accent } from '../../tokens'; -import { useUniqId } from '../../hooks'; import { SpinnerSvg } from './SpinnerSvg'; @@ -49,13 +48,11 @@ const sizeFormatting = (size: number | string, deviceScale = 1): string => { */ export const Spinner: React.FC = (props) => { const { id, size = 56, color = accent, deviceScale, ...rest } = props; - const uniqId = useUniqId(); - const innerId = id || uniqId; const currentSize = sizeFormatting(size, deviceScale); return ( - - + + ); };