From d3e0b091b031fec9be269ca5cdae42a8b9213c6a Mon Sep 17 00:00:00 2001 From: Calvin Chhour Date: Wed, 30 Oct 2019 10:02:37 -0700 Subject: [PATCH] Updated some gestalt components (#39952) * Updated types for some gestalt components * Removed change to toast prop --- types/gestalt/index.d.ts | 12 ++++++++---- 1 file changed, 8 insertions(+), 4 deletions(-) diff --git a/types/gestalt/index.d.ts b/types/gestalt/index.d.ts index 1c351bfb0e..50353804de 100644 --- a/types/gestalt/index.d.ts +++ b/types/gestalt/index.d.ts @@ -60,6 +60,7 @@ export interface BoxProps { | "purple" | "red" | "transparent" + | "transparentDarkGray" | "watermelon" | "white"; column?: UnsignedUpTo12; @@ -232,7 +233,7 @@ export interface FlyoutProps { anchor: React.RefObject; onDismiss: () => void; children?: React.ReactNode; - color?: "blue" | "orange" | "white"; + color?: "blue" | "orange" | "red" | "white" | "darkGray"; idealDirection?: "up" | "right" | "down" | "left"; positionRelativeToAnchor?: boolean; size?: "xs" | "sm" | "md" | "lg" | "xl" | number; @@ -465,10 +466,12 @@ https://pinterest.github.io/gestalt/#/IconButton export interface IconButtonProps { accessibilityLabel: string; - icon: Icons; accessibilityExpanded?: boolean; accessibilityHaspopup?: boolean; - bgColor?: "transparent" | "lightGray" | "white"; + bgColor?: "transparent" | "transparentDarkGray" | "gray" | "lightGray" | "white" | "blue"; + dangerouslySetSvgPath?: { __path: string}; + disabled?: boolean; + icon: Icons; iconColor?: "blue" | "darkGray" | "gray" | "red" | "white"; onClick?: (args: { event: React.SyntheticEvent }) => void; size?: "xs" | "sm" | "md" | "lg" | "xl"; @@ -766,6 +769,7 @@ export interface TextProps { | "white"; inline?: boolean; italic?: boolean; + leading?: "short" | "tall"; overflow?: "normal" | "breakWord"; size?: "xs" | "sm" | "md" | "lg" | "xl"; smSize?: "xs" | "sm" | "md" | "lg" | "xl"; @@ -846,7 +850,7 @@ https://pinterest.github.io/gestalt/#/Toast */ export interface ToastProps { - color?: "darkGray" | "orange"; + color?: "darkGray" | "orange" | "red"; icon?: "arrow-circle-forward"; text?: string | ReadonlyArray; thumbnail?: React.ReactElement;