remove hasLargeFocusOffset

Author: cansuaa

src/internal/components/expand-toggle-button/index.tsx

@@ -15,14 +15,12 @@ export function ExpandToggleButton({
   expandButtonLabel,
   collapseButtonLabel,
   customIcon,
-  hasLargeFocusOffset,
 }: {
   isExpanded?: boolean;
   onExpandableItemToggle?: () => void;
   expandButtonLabel?: string;
   collapseButtonLabel?: string;
   customIcon?: React.ReactNode;
-  hasLargeFocusOffset?: boolean;
 }) {
   const buttonRef = useRef<HTMLButtonElement>(null);
   const { tabIndex } = useSingleTabStopNavigation(buttonRef);
@@ -33,7 +31,7 @@ export function ExpandToggleButton({
       tabIndex={tabIndex}
       aria-label={isExpanded ? collapseButtonLabel : expandButtonLabel}
       aria-expanded={isExpanded}
-      className={clsx(styles['expand-toggle'], hasLargeFocusOffset && styles['focus-offset-large'])}
+      className={styles['expand-toggle']}
       onClick={onExpandableItemToggle}
     >
       {customIcon ?? (

src/internal/components/expand-toggle-button/styles.scss

@@ -41,13 +41,7 @@
   color: awsui.$color-text-interactive-default;
 
   @include focus-visible.when-visible {
-    @include styles.focus-highlight(awsui.$space-button-inline-icon-focus-outline-gutter);
-  }
-
-  &.focus-offset-large {
-    @include focus-visible.when-visible {
-      @include styles.focus-highlight(awsui.$space-button-focus-outline-gutter);
-    }
+    @include styles.focus-highlight(awsui.$space-button-focus-outline-gutter);
   }
 
   &:hover {

src/tree-view/tree-item/index.tsx

@@ -75,7 +75,6 @@ const InternalTreeItem = <T,>({
             <ExpandToggleButton
               isExpanded={isExpanded}
               customIcon={customIcon}
-              hasLargeFocusOffset={true}
               expandButtonLabel={joinStrings(
                 i18n('i18nStrings.expandButtonLabel', i18nStrings?.expandButtonLabel?.(item)),
                 itemLabelToAnnounce