Button - change isFilled by background color (#3670)

* Refactor Button component to determine filled state based on background color

* Remove unused isOutline method

* Fix Button component disabled state check for outline and link types

---------

Co-authored-by: Inbal Tish <[email protected]>

Author: adids1221

src/components/button/index.tsx

@@ -61,18 +61,13 @@ class Button extends PureComponent<Props, ButtonState> {
     }
   };
 
-  get isOutline() {
-    const {outline, outlineColor} = this.props;
-    return Boolean(outline || outlineColor);
-  }
-
   get isLink() {
     const {link, hyperlink} = this.props;
     return link || hyperlink;
   }
 
   get isFilled() {
-    return !this.isOutline && !this.isLink;
+    return this.getBackgroundColor() !== 'transparent';
   }
 
   get isIconButton() {
@@ -116,7 +111,7 @@ class Button extends PureComponent<Props, ButtonState> {
       color = backgroundColor === 'transparent' ? undefined : Colors.$iconDefaultLight;
     }
 
-    if (disabled && (isLink || outline)) {
+    if (disabled && !this.isFilled) {
       return Colors.$textDisabled;
     }