fix: fixed tabindex for disabled variant

src/Chip/ChipIcon.tsx

@@ -12,10 +12,11 @@ export interface ChipIconProps {
   onClick?: KeyboardEventHandler & MouseEventHandler,
   alt?: string,
   variant: string,
+  disabled?: boolean,
 }
 
 function ChipIcon({
-  className, src, onClick, alt, variant,
+  className, src, onClick, alt, variant, disabled,
 }: ChipIconProps) {
   if (onClick) {
     return (
@@ -26,6 +27,7 @@ function ChipIcon({
         iconAs={Icon}
         alt={alt}
         invertColors={variant === STYLE_VARIANTS.DARK}
+        tabIndex={disabled ? -1 : 0}
       />
     );
   }
@@ -39,11 +41,13 @@ ChipIcon.propTypes = {
   onClick: PropTypes.func,
   alt: PropTypes.string.isRequired,
   variant: PropTypes.string,
+  disabled: PropTypes.bool,
 };
 
 ChipIcon.defaultProps = {
   onClick: undefined,
   variant: STYLE_VARIANTS.LIGHT,
+  disabled: false,
 };
 
 export default ChipIcon;

src/Chip/index.scss

@@ -32,6 +32,7 @@
 
     [dir="rtl"] & {
       margin-right: 0;
+      margin-left: .25rem;
     }
   }
 

src/Chip/index.tsx

@@ -69,6 +69,7 @@ const Chip = React.forwardRef(({
           onClick={onIconBeforeClick}
           alt={iconBeforeAlt}
           variant={variant}
+          disabled={disabled}
         />
       )}
       <div
@@ -86,6 +87,7 @@ const Chip = React.forwardRef(({
           onClick={onIconAfterClick}
           alt={iconAfterAlt}
           variant={variant}
+          disabled={disabled}
         />
       )}
     </div>