feat(ui): DOMA-11785 update buttons (#6301)

* feat(condo): DOMA-11785 update buttons

* fix(ui): DOMA-11785 fix minimal style

* fix(ui): DOMA-11785 fix !important

* fix(ui): DOMA-11785 fix gap

* fix(ui): DOMA-11785 fix hover

* fix(ui): DOMA-11785 fix focus and add active

* fix(ui): DOMA-11759 fix disabled and add width/height for compact .condo-btn-icon-only

* fix(ui): DOMA-11785 mark @deprecated

* fix(ui): DOMA-11785 add hover on minimal, fix disabled and stateless

* fix(ui): DOMA-11785 fix hover

* fix(ui): DOMA-11785 fix focus-visible

* fix(ui): DOMA-11785 fix focus

* fix(ui): DOMA-11785 fix compact danger hover

* fix(ui): DOMA-11785 fix border

* fix(ui): DOMA-11785 fix size

* fix(ui): DOMA-11785 review fixes

* fix(ui): DOMA-11785 fix border

* fix(ui): DOMA-11785 fix transition with minimal

* fix(ui): DOMA-11785 fix disable hover

* fix(ui): DOMA-11785 fix hover

* fix(ui): DOMA-11785 fix hover

* fix(ui): DOMA-11785 fix border

* fix(ui): DOMA-11785 fix border

* fix(ui): DOMA-11785 fix disable

* fix(ui): DOMA-11785 fix condo-btn-stateless

* fix(ui): DOMA-11785 fix secondary color

* fix(ui): fix disable

* Update style.less

* feat(ui): DOMA-11785 fix focus

Author: Alexander-Turkin

packages/ui/src/components/Button/button.tsx

@@ -10,22 +10,28 @@ import { sendAnalyticsClickEvent, extractChildrenContent } from '../_utils/analy
 export const BUTTON_CLASS_PREFIX = 'condo-btn'
 
 type CondoButtonProps = {
-    type: 'primary' | 'secondary'
+    type: 'primary' | 'secondary' | 'accent'
     children?: string
     stateless?: boolean
     focus?: boolean
+    minimal?: boolean
+    compact?: boolean
+    size?: 'medium' | 'large'
 }
 
 export type ButtonProps = Omit<DefaultButtonProps, 'shape' | 'size' | 'style' | 'ghost' | 'type' | 'prefix' | 'prefixCls'>
 & CondoButtonProps
 
 const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>> = React.forwardRef((props, ref) => {
-    const { type, className, icon, children, onClick, stateless, id, focus, ...rest } = props
+    const { type, className, icon, children, onClick, stateless, id, focus, minimal, compact, size = 'large', ...rest } = props
     const classes = classNames(
         {
             [`${BUTTON_CLASS_PREFIX}-${type}`]: type,
+            [`${BUTTON_CLASS_PREFIX}-${size}`]: size,
             [`${BUTTON_CLASS_PREFIX}-stateless`]: stateless,
             [`${BUTTON_CLASS_PREFIX}-focus`]: focus,
+            [`${BUTTON_CLASS_PREFIX}-minimal`]: minimal,
+            [`${BUTTON_CLASS_PREFIX}-compact`]: compact,
         },
         className,
     )
@@ -71,4 +77,3 @@ Button.displayName = 'Button'
 export {
     Button,
 }
-

packages/ui/src/components/Button/icon/iconButton.tsx

@@ -16,7 +16,9 @@ type CondoIconButtonProps = {
 
 export type IconButtonProps = Omit<DefaultButtonProps, 'shape' | 'size' | 'style' | 'ghost' | 'type' | 'prefix' | 'prefixCls' | 'icon' | 'danger' | 'block'>
 & CondoIconButtonProps
-
+/**
+* @deprecated
+*/
 const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>> = React.forwardRef((props, ref) => {
     const { className, children, onClick, id, size, ...rest } = props
     const mergedSize = size || 'medium'

packages/ui/src/components/Button/index.ts

@@ -8,6 +8,9 @@ export type { ButtonProps } from './button'
 export type { IconButtonProps } from './icon/iconButton'
 
 type CombinedButtonType = typeof InternalButton & {
+    /**
+     * @deprecated
+     */
     Icon: typeof IconButton
 }