Properly style call buttons across app, when already in a call
This commit is contained in:
parent
3c25092f50
commit
c251867699
39 changed files with 610 additions and 189 deletions
|
@ -43,6 +43,7 @@ export enum ButtonIconType {
|
|||
export type PropsType = {
|
||||
className?: string;
|
||||
disabled?: boolean;
|
||||
discouraged?: boolean;
|
||||
icon?: ButtonIconType;
|
||||
size?: ButtonSize;
|
||||
style?: CSSProperties;
|
||||
|
@ -105,6 +106,7 @@ export const Button = React.forwardRef<HTMLButtonElement, PropsType>(
|
|||
children,
|
||||
className,
|
||||
disabled = false,
|
||||
discouraged = false,
|
||||
icon,
|
||||
style,
|
||||
tabIndex,
|
||||
|
@ -143,8 +145,10 @@ export const Button = React.forwardRef<HTMLButtonElement, PropsType>(
|
|||
'module-Button',
|
||||
sizeClassName,
|
||||
variantClassName,
|
||||
discouraged ? `${variantClassName}--discouraged` : undefined,
|
||||
icon && `module-Button--icon--${icon}`,
|
||||
className
|
||||
className,
|
||||
className && discouraged ? `${className}--discouraged` : undefined
|
||||
)}
|
||||
disabled={disabled}
|
||||
onClick={onClick}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue