kui-basic 1.1.38 → 1.1.40

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { HTMLInputTypeAttribute, ReactElement, SyntheticEvent, RefObject, ReactNode } from 'react';
+import { HTMLInputTypeAttribute, ReactElement, SyntheticEvent, ReactNode, RefObject } from 'react';
 
 interface BrandColors {
   main: string
@@ -658,27 +658,27 @@ type LinearProgressType = (
 
 declare const LinearProgress: LinearProgressType
 
-type TabChangeHandlerType = (
-  e: SyntheticEvent<HTMLButtonElement>,
-  value: number
-) => void
-
-interface TabProps
-  extends Omit<
-    React.DetailedHTMLProps<
-      React.ButtonHTMLAttributes<HTMLButtonElement>,
-      HTMLButtonElement
-    >,
-    "onChange"
-  > {
-  selected?: boolean
-  value?: number
-  label: string
-  onChange?: TabChangeHandlerType
-}
-
-type TabType = (props: TabProps) => React.ReactElement
-
+type TabChangeHandlerType = (
+  e: SyntheticEvent<HTMLButtonElement>,
+  value: number
+) => void
+
+interface TabProps
+  extends Omit<
+    React.DetailedHTMLProps<
+      React.ButtonHTMLAttributes<HTMLButtonElement>,
+      HTMLButtonElement
+    >,
+    "onChange"
+  > {
+  selected?: boolean
+  value?: number
+  label: string | ReactNode
+  onChange?: TabChangeHandlerType
+}
+
+type TabType = (props: TabProps) => React.ReactElement
+
 declare const Tab: TabType
 
 type TabsIndicatorPositions = "bottom" | "top"
@@ -708,7 +708,7 @@ interface TabsPanelProps
     >,
     "onChange"
   > {
-  tabs: string[]
+  tabs: (string | ReactNode)[]
   tabPanels?: React.ReactNode[]
   paths?: string[]
   activeTab?: number
@@ -780,23 +780,27 @@ type PopperSizeParams = {
 
 declare const Popper: (props: PopperProps) => React.ReactElement
 
-interface TooltipProps
-  extends Omit<React.HTMLAttributes<HTMLDivElement>, "content"> {
-  onOpen?: () => void
-  onClose?: () => void
-  content: ReactNode
-  open?: boolean
-  placement?: PopperPlacements
-  withArrow?: boolean
-  cursor?: "pointer" | "auto"
-  spacing?: string
-}
-
-type TooltipStylesProps = {
-  cursor?: "pointer" | "auto"
-  spacing?: string
-}
-
+type TooltipToggleMethods = "click" | "hover"
+
+interface TooltipProps
+  extends Omit<React.HTMLAttributes<HTMLDivElement>, "content" | "onChange"> {
+  onOpen?: () => void
+  onClose?: () => void
+  onChange?: (isOpen: boolean) => void
+  content: ReactNode
+  open?: boolean
+  placement?: PopperPlacements
+  withArrow?: boolean
+  cursor?: "pointer" | "auto"
+  spacing?: string
+  toggleMethod?: TooltipToggleMethods
+}
+
+type TooltipStylesProps = {
+  cursor?: "pointer" | "auto"
+  spacing?: string
+}
+
 declare const Tooltip: (props: TooltipProps) => React.ReactElement
 
 interface ErrorComponentProps
@@ -811,4 +815,4 @@ interface ErrorComponentProps
 
 declare const ErrorComponent: (props: ErrorComponentProps) => React.ReactElement
 
-export { Accordion, AccordionDetails, AccordionDetailsType, AccordionProps, AccordionSummary, AccordionSummaryProps, AccordionSummaryType, AccordionType, AppBar, AppBarProps, AppBarType, BackgroundColors, BackgroundColorsType, Box, BoxProps, BoxSizing, BoxType, BrandColors, BreakpointsType, Button, ButtonBorder, ButtonProps, ButtonSizes, ButtonThemes, ButtonType, ButtonTypes, Caption, CaptionAlign, CaptionColorGroups, CaptionColors, CaptionProps, CaptionSizes, CaptionType, CaptionVariants, CaptionWeight, Checkbox, CheckboxProps, CheckboxType, CircularProgress, CircularProgressType, ColorOption, ColorsType, Container, ContainerType, CountryItem, Divider, DividerProps, DividerType, ErrorColorsType, ErrorComponent, ErrorComponentProps, GreyColors, Grid, GridAlignItems, GridDirections, GridJustify, GridProps, GridSizing, GridType, GridWrap, Heading, HeadingColorGroups, HeadingColors, HeadingProps, HeadingSizes, HeadingType, IconButton, IconButtonProps, IconButtonType, InfoColorsType, Input, InputFile, InputFileProps, InputFileType, InputMessage, InputMessageProps, InputMessageType, InputMessageVariant, InputProps, InputType, InputWithAdornments, InputWithAdornmentsProps, InputWithAdornmentsType, InputWithCountryDropdown, InputWithCountryDropdownProps, InputWithCountryDropdownType, InputWithMask, InputWithMaskProps, InputWithMaskType, LinearProgress, LinearProgressType, MenuPanel, MenuPanelProps, MenuPanelType, Modal, ModalProps, ModalSizes, ModalType, Palette, Popper, PopperProps, PopperSizeParams, PrimaryColorsType, PurpleColorsType, Radio, RadioProps, RadioType, SecondaryColorsType, SettingsType, ShadowsType, Skeleton, SkeletonType, SuccessColorsType, Switch, SwitchProps, SwitchSizes, SwitchType, Tab, TabChangeHandlerType, TabProps, TabType, Tabs, TabsIndicatorPositions, TabsPanel, TabsPanelProps, TabsPanelType, TabsProps, TabsType, Text, TextColors, TextProps, TextSizes, TextType, TextWeight, ThemeInterface, ThemeType, ToolBar, ToolBarType, Tooltip, TooltipProps, TooltipStylesProps, theme, themeOld };
+export { Accordion, AccordionDetails, AccordionDetailsType, AccordionProps, AccordionSummary, AccordionSummaryProps, AccordionSummaryType, AccordionType, AppBar, AppBarProps, AppBarType, BackgroundColors, BackgroundColorsType, Box, BoxProps, BoxSizing, BoxType, BrandColors, BreakpointsType, Button, ButtonBorder, ButtonProps, ButtonSizes, ButtonThemes, ButtonType, ButtonTypes, Caption, CaptionAlign, CaptionColorGroups, CaptionColors, CaptionProps, CaptionSizes, CaptionType, CaptionVariants, CaptionWeight, Checkbox, CheckboxProps, CheckboxType, CircularProgress, CircularProgressType, ColorOption, ColorsType, Container, ContainerType, CountryItem, Divider, DividerProps, DividerType, ErrorColorsType, ErrorComponent, ErrorComponentProps, GreyColors, Grid, GridAlignItems, GridDirections, GridJustify, GridProps, GridSizing, GridType, GridWrap, Heading, HeadingColorGroups, HeadingColors, HeadingProps, HeadingSizes, HeadingType, IconButton, IconButtonProps, IconButtonType, InfoColorsType, Input, InputFile, InputFileProps, InputFileType, InputMessage, InputMessageProps, InputMessageType, InputMessageVariant, InputProps, InputType, InputWithAdornments, InputWithAdornmentsProps, InputWithAdornmentsType, InputWithCountryDropdown, InputWithCountryDropdownProps, InputWithCountryDropdownType, InputWithMask, InputWithMaskProps, InputWithMaskType, LinearProgress, LinearProgressType, MenuPanel, MenuPanelProps, MenuPanelType, Modal, ModalProps, ModalSizes, ModalType, Palette, Popper, PopperProps, PopperSizeParams, PrimaryColorsType, PurpleColorsType, Radio, RadioProps, RadioType, SecondaryColorsType, SettingsType, ShadowsType, Skeleton, SkeletonType, SuccessColorsType, Switch, SwitchProps, SwitchSizes, SwitchType, Tab, TabChangeHandlerType, TabProps, TabType, Tabs, TabsIndicatorPositions, TabsPanel, TabsPanelProps, TabsPanelType, TabsProps, TabsType, Text, TextColors, TextProps, TextSizes, TextType, TextWeight, ThemeInterface, ThemeType, ToolBar, ToolBarType, Tooltip, TooltipProps, TooltipStylesProps, TooltipToggleMethods, theme, themeOld };