diff --git a/src/__snapshots__/storybook.test.js.snap b/src/__snapshots__/storybook.test.js.snap index e0d37d9d5..76ad19cc6 100644 --- a/src/__snapshots__/storybook.test.js.snap +++ b/src/__snapshots__/storybook.test.js.snap @@ -3871,7 +3871,7 @@ exports[`Storyshots Config Provider Theming 1`] = `
{ - const computedClassName = mergeClasses(classes); + const computedClassName = mergeClasses([...classes, 'oct-component']); return React.createElement( of, { ...props, ref, className: computedClassName }, diff --git a/src/components/MatchScore/MatchScore.tsx b/src/components/MatchScore/MatchScore.tsx index 6d342e017..99ed97f55 100644 --- a/src/components/MatchScore/MatchScore.tsx +++ b/src/components/MatchScore/MatchScore.tsx @@ -2,6 +2,7 @@ import React, { FC, Ref } from 'react'; import styles from './matchScore.module.scss'; import { mergeClasses } from '../../shared/utilities'; import { FillType, MatchScoreProps } from './MatchScore.types'; +import { Atom } from '../Atom'; export const MatchScore: FC = React.forwardRef( ( @@ -16,15 +17,12 @@ export const MatchScore: FC = React.forwardRef( ref: Ref ) => { const absTotal: number = Math.abs(total); - const matchScoreClasses = mergeClasses( - classNames, - styles.matchScoreContainer - ); return ( -
, HTMLDivElement> + of="div" {...rest} ref={ref} - className={matchScoreClasses} + classes={[classNames, styles.matchScoreContainer]} aria-label={ariaLabel} > {getArrayOfSize(Math.min(Math.floor(score), absTotal)).map( @@ -45,7 +43,7 @@ export const MatchScore: FC = React.forwardRef( {score}/{absTotal}

)} -
+ ); } );