diff --git a/src/components/AvatarStack/AvatarStack.scss b/src/components/AvatarStack/AvatarStack.scss index cc0c0f912b..b0663c6a2e 100644 --- a/src/components/AvatarStack/AvatarStack.scss +++ b/src/components/AvatarStack/AvatarStack.scss @@ -40,11 +40,8 @@ $block: '.#{variables.$ns}avatar-stack'; &__more-button { @include mixins.button-reset; - border: solid var(--_--more-button-border-width) var(--g-color-line-generic-solid); border-radius: 100%; - background-color: var(--g-color-base-generic); - width: var(--_--more-button-size); height: var(--_--more-button-size); @@ -59,23 +56,6 @@ $block: '.#{variables.$ns}avatar-stack'; --_--more-button-size: #{$size-value}; } } - - &_xs { - font-size: var(--g-text-caption-1-font-size); - } - - &_s { - font-size: var(--g-text-caption-2-font-size); - } - - &_m, - &_l { - font-size: var(--g-text-body-1-font-size); - } - - &_xl { - font-size: var(--g-text-body-2-font-size); - } } } } diff --git a/src/components/AvatarStack/AvatarStackMoreButton.tsx b/src/components/AvatarStack/AvatarStackMoreButton.tsx index ae34680b30..e4c0451a9c 100644 --- a/src/components/AvatarStack/AvatarStackMoreButton.tsx +++ b/src/components/AvatarStack/AvatarStackMoreButton.tsx @@ -1,7 +1,7 @@ import React from 'react'; import type {AvatarSize} from '../Avatar'; -import {DEFAULT_AVATAR_SIZE} from '../Avatar'; +import {Avatar, DEFAULT_AVATAR_SIZE} from '../Avatar'; import {block} from '../utils/cn'; const b = block('avatar-stack'); @@ -14,13 +14,8 @@ type Props = Pick, 'className' | 'onClick' | export const AvatarStackMoreButton = React.forwardRef( ({className, size = DEFAULT_AVATAR_SIZE, onClick, count, 'aria-label': ariaLabel}, ref) => { return ( - ); },