kui-basic 1.1.63 → 1.1.64

package/index.d.ts

@@ -1,820 +0,0 @@
-import * as React from 'react';
-import { HTMLInputTypeAttribute, ReactElement, SyntheticEvent, ReactNode, RefObject } from 'react';
-
-interface BrandColors {
-  main: string
-  pressed: string
-  hover: string
-  light: string
-  background: string
-}
-interface ColorOption {
-  fiftyP: string
-  seventy: string
-  sixty: string
-  ten: string
-  five: string
-}
-interface GreyColors {
-  seventy: string
-  sixty: string
-  fiftyP: string
-  fourty: string
-  thirty: string
-  fifteenB: string
-  zero: string
-}
-interface BackgroundColors {
-  light1: string
-  light2: string
-  light3: string
-  light4: string
-}
-
-type PrimaryColorsType = {
-  main: string
-  pressed: string
-  hover: string
-  light: string
-  light2: string
-}
-
-type SecondaryColorsType = {
-  main: string
-  gray60: string
-  gray50: string
-  gray40: string
-  gray30: string
-  gray15: string
-  white: string
-  light: string
-  disabled: string
-}
-
-type BackgroundColorsType = {
-  main: string
-  light2: string
-  light3: string
-}
-
-type SuccessColorsType = {
-  green70: string
-  green60: string
-  main: string
-  green10: string
-  green5: string
-}
-
-type ErrorColorsType = {
-  red70: string
-  red60: string
-  main: string
-  red10: string
-  red5: string
-}
-
-type InfoColorsType = {
-  blue70: string
-  blue60: string
-  main: string
-  blue10: string
-  blue5: string
-}
-
-type PurpleColorsType = {
-  purple70: string
-  purple60: string
-  main: string
-  purple10: string
-  purple5: string
-}
-
-type ColorsType = {
-  primary: PrimaryColorsType
-  secondary: SecondaryColorsType
-  background: BackgroundColorsType
-  success: SuccessColorsType
-  error: ErrorColorsType
-  info: InfoColorsType
-  purple: PurpleColorsType
-}
-
-type ShadowsType = {
-  shadow1: string
-  shadow2: string
-  shadow3: string
-  shadow4: string
-}
-
-type BreakpointsType = {
-  xxs: number
-  xs: number
-  sm: number
-  md: number
-  lg: number
-  xl: number
-}
-
-type SettingsType = {
-  spacing: number
-  columns: number
-}
-
-type ThemeType = {
-  palette: ColorsType
-  shadows: ShadowsType
-  breakpoints: BreakpointsType
-  settings: SettingsType
-}
-
-type Palette = {
-  brand: BrandColors
-  green: ColorOption
-  red: ColorOption
-  blue: ColorOption
-  purple: ColorOption
-  grey: GreyColors
-  background: BackgroundColors
-}
-
-type ThemeInterface = {
-  palette: Palette
-  shadows: ShadowsType
-  breakpoints: BreakpointsType
-  settings: SettingsType
-}
-
-declare const themeOld: ThemeType
-declare const theme: ThemeInterface
-
-type CaptionSizes = "xs" | "sm" | "s" | "m" | "l"
-
-type CaptionVariants = "default" | "high"
-
-type CaptionWeight = 300 | 400 | 500 | 600 | 700
-
-type CaptionAlign = "center" | "right" | "left"
-
-type CaptionColorGroups = keyof Palette
-
-type CaptionColors =
-  | keyof GreyColors
-  | keyof BrandColors
-  | keyof ColorOption
-  | keyof BackgroundColors
-
-interface CaptionProps
-  extends React.DetailedHTMLProps<
-      React.HTMLAttributes<HTMLParagraphElement>,
-      HTMLParagraphElement
-    >,
-    React.AriaAttributes {
-  size?: CaptionSizes
-  weight?: CaptionWeight
-  color?: CaptionColors
-  disableUserSelect?: boolean
-  align?: CaptionAlign
-  colorGroup?: CaptionColorGroups
-  variant?: CaptionVariants
-}
-
-type CaptionType = (props: CaptionProps) => React.ReactElement
-
-declare const Caption: CaptionType
-
-type ButtonThemes =
-  | "primary"
-  | "orange"
-  | "orangeWithHoverLight"
-  | "orangeWithBorder"
-  | "white"
-  | "whiteWithOrangeHover"
-  | "whiteWithBrand"
-  | "blur"
-  | "blurDark"
-  | "whiteWithGray"
-  | "grayLightWithBorder"
-  | "grayLight"
-  | "grayDark"
-  | "green"
-  | "red"
-  | "error"
-  | "transparent"
-  | "transparentLight"
-  | "transparentWithBorder"
-  | "transparentWithDarkBorder"
-  | "transparentWithBoldBorder"
-  | "backgroundLight"
-  | "backgroundWithBorder"
-
-type ButtonSizes = "xs" | "s" | "m" | "l"
-
-type ButtonTypes = "button" | "submit"
-
-type ButtonBorder = "brand" | "lightGray" | "lightOrange"
-
-interface ButtonProps
-  extends React.DetailedHTMLProps<
-      React.ButtonHTMLAttributes<HTMLButtonElement>,
-      HTMLButtonElement
-    >,
-    React.AriaAttributes {
-  variant?: ButtonThemes
-  size?: ButtonSizes
-  type?: ButtonTypes
-  fullWidth?: boolean
-  endIcon?: React.ReactElement
-  startIcon?: React.ReactElement
-  disabled?: boolean
-  isCircle?: boolean
-  captionSize?: CaptionSizes
-  captionWeight?: CaptionWeight
-  disabledStyle?: string
-  border?: ButtonBorder
-  withoutChildrenWrapper?: boolean
-}
-
-type ButtonType = (props: ButtonProps) => React.ReactElement
-
-declare const Button: ButtonType
-
-interface CheckboxProps
-  extends React.DetailedHTMLProps<
-      React.InputHTMLAttributes<HTMLInputElement>,
-      HTMLInputElement
-    >,
-    React.AriaAttributes {
-  error?: any
-  label?: React.ReactElement | string
-  inputRef?: React.RefObject<HTMLInputElement>
-}
-
-type CheckboxType = (props: CheckboxProps) => React.ReactElement
-
-declare const Checkbox: CheckboxType
-
-interface DividerProps
-  extends React.DetailedHTMLProps<
-      React.HTMLAttributes<HTMLHRElement>,
-      HTMLHRElement
-    >,
-    React.AriaAttributes {}
-
-type DividerType = (props: DividerProps) => React.ReactElement
-
-declare const Divider: DividerType
-
-type HeadingSizes = "hero" | "h1" | "h2" | "h3" | "h4"
-
-type HeadingColors = CaptionColors
-
-type HeadingColorGroups = CaptionColorGroups
-
-interface HeadingProps
-  extends React.DetailedHTMLProps<
-      React.HTMLAttributes<HTMLElement>,
-      HTMLElement
-    >,
-    React.AriaAttributes {
-  size?: HeadingSizes
-  uppercase?: boolean
-  disableUserSelect?: boolean
-  color?: HeadingColors
-  colorGroup?: HeadingColorGroups
-  weight?: number
-  align?: "center" | "right" | "left"
-}
-
-type HeadingType = (props: HeadingProps) => React.ReactElement
-
-declare const Heading: HeadingType
-
-type InputMessageVariant = "error" | "warning" | "success"
-
-interface InputMessageProps
-  extends React.DetailedHTMLProps<
-      React.HTMLAttributes<HTMLDivElement>,
-      HTMLDivElement
-    >,
-    React.AriaAttributes {
-  msg?: string
-  variant?: InputMessageVariant
-}
-
-type InputMessageType = (props: InputMessageProps) => React.ReactElement
-
-declare const InputMessage: InputMessageType
-
-interface InputProps
-  extends React.DetailedHTMLProps<
-      React.InputHTMLAttributes<HTMLInputElement>,
-      HTMLInputElement
-    >,
-    React.AriaAttributes {
-  isTextArea?: boolean
-  inputRef?: React.RefObject<HTMLInputElement | null>
-  inputStyles?: string
-  labelStyles?: string
-  label?: string
-  startIcon?: string | React.ReactElement | boolean
-  endIcon?: string | React.ReactElement | boolean
-  messageClassName?: string
-  labelInlineStyles?: string
-  message?: string | null
-  messageVariant?: InputMessageVariant
-  inputValue?: string | number | undefined
-  type?: HTMLInputTypeAttribute
-}
-
-type InputType = (props: InputProps) => React.ReactElement
-
-declare const Input: InputType
-
-interface InputFileProps
-  extends React.DetailedHTMLProps<
-      React.InputHTMLAttributes<HTMLInputElement>,
-      HTMLInputElement
-    >,
-    React.AriaAttributes {
-  label?: string
-  name?: string
-}
-
-type InputFileType = (props: InputFileProps) => React.ReactElement
-
-declare const InputFile: InputFileType
-
-interface InputWithAdornmentsProps extends InputProps {
-  cornerLabel?: string
-}
-
-type InputWithAdornmentsType = (
-  props: InputWithAdornmentsProps
-) => React.ReactElement
-
-declare const InputWithAdornments: InputWithAdornmentsType
-
-type CountryItem = {
-  name: string
-  nameCode: string
-  nameRus: string
-  phoneCode: string
-  mask: string
-}
-
-interface InputWithCountryDropdownProps
-  extends InputWithAdornmentsProps {
-  onSelectCountry?: (country: CountryItem) => void
-  hiddenInputProps?: React.DetailedHTMLProps<
-    React.InputHTMLAttributes<HTMLInputElement>,
-    HTMLInputElement
-  >
-}
-
-type InputWithCountryDropdownType = (
-  props: InputWithCountryDropdownProps
-) => React.ReactElement
-
-declare const InputWithCountryDropdown: InputWithCountryDropdownType
-
-interface InputWithMaskProps extends InputWithAdornmentsProps {
-  mask?: string
-  value?: string | number | undefined
-}
-
-type InputWithMaskType = (
-  props: InputWithMaskProps
-) => React.ReactElement
-
-declare const InputWithMask: InputWithMaskType
-
-type ModalSizes = "small" | "large"
-
-interface ModalProps
-  extends React.DetailedHTMLProps<
-    React.HTMLAttributes<HTMLDivElement>,
-    HTMLDivElement
-  > {
-  isOpen?: boolean
-  handleClose?: () => void
-  title?: string
-  size?: ModalSizes
-  icon?: ReactElement
-  isScrollable?: boolean
-  description?: string
-}
-
-type ModalType = (props: ModalProps) => React.ReactElement
-
-declare const Modal: ModalType
-
-interface RadioProps
-  extends React.DetailedHTMLProps<
-      React.InputHTMLAttributes<HTMLInputElement>,
-      HTMLInputElement
-    >,
-    React.AriaAttributes {
-  label?: React.ReactElement | string
-  inputRef?: React.RefObject<HTMLInputElement>
-}
-
-type RadioType = (props: RadioProps) => React.ReactElement
-
-declare const Radio: RadioType
-
-type SwitchSizes = "s" | "m" | "l"
-
-// @ts-ignore
-interface SwitchProps
-  extends React.DetailedHTMLProps<
-      React.InputHTMLAttributes<HTMLInputElement>,
-      HTMLInputElement
-    >,
-    React.AriaAttributes {
-  error?: any
-  label?: React.ReactElement | string
-  inputRef?: React.RefObject<HTMLInputElement>
-  size?: SwitchSizes
-}
-
-type SwitchType = (props: SwitchProps) => React.ReactElement
-
-declare const Switch: SwitchType
-
-type TextSizes = "xs" | "s" | "m"
-
-type TextWeight = 400 | 500 | 600
-
-type TextColors =
-  | "main"
-  | "gray60"
-  | "gray50"
-  | "gray40"
-  | "white"
-  | "brand"
-
-interface TextProps
-  extends React.DetailedHTMLProps<
-      React.HTMLAttributes<HTMLParagraphElement>,
-      HTMLParagraphElement
-    >,
-    React.AriaAttributes {
-  size?: TextSizes
-  weight?: TextWeight
-  color?: TextColors
-  disableUserSelect?: boolean
-}
-
-type TextType = (props: TextProps) => React.ReactElement
-
-declare const Text: TextType
-
-type ContainerType = (
-  props: React.DetailedHTMLProps<
-    React.HTMLAttributes<HTMLDivElement>,
-    HTMLDivElement
-  >
-) => React.ReactElement
-
-declare const Container: ContainerType
-
-type GridJustify = "center" | "flex-start" | "flex-end" | "space-between"
-
-type GridAlignItems = "center" | "flex-start" | "flex-end"
-
-type GridDirections = "column" | "row"
-
-type GridWrap = "wrap" | "nowrap"
-
-type GridSizing =
-  | 1
-  | 2
-  | 3
-  | 4
-  | 5
-  | 6
-  | 7
-  | 8
-  | 9
-  | 10
-  | 11
-  | 12
-  | "auto"
-
-interface GridProps
-  extends React.DetailedHTMLProps<
-      React.HTMLAttributes<HTMLDivElement>,
-      HTMLDivElement
-    >,
-    React.AriaAttributes {
-  spacing?: GridSizing
-  item?: boolean
-  container?: boolean
-  justify?: GridJustify
-  alignItems?: GridAlignItems
-  alignContent?: GridAlignItems
-  direction?: GridDirections
-  wrap?: GridWrap
-  xs?: GridSizing
-  sm?: GridSizing
-  md?: GridSizing
-  lg?: GridSizing
-  xl?: GridSizing
-}
-
-type GridType = (props: GridProps) => React.ReactElement
-
-declare const Grid: GridType
-
-type BoxSizing = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12
-
-interface BoxProps
-  extends React.DetailedHTMLProps<
-      React.HTMLAttributes<HTMLDivElement>,
-      HTMLDivElement
-    >,
-    React.AriaAttributes {
-  mt?: BoxSizing
-  mr?: BoxSizing
-  ml?: BoxSizing
-  mb?: BoxSizing
-  pt?: BoxSizing
-  pr?: BoxSizing
-  pl?: BoxSizing
-  pb?: BoxSizing
-}
-
-type BoxType = (props: BoxProps) => React.ReactElement
-
-declare const Box: BoxType
-
-interface AccordionProps
-  extends Omit<
-    React.DetailedHTMLProps<
-      React.HTMLAttributes<HTMLDivElement>,
-      HTMLDivElement
-    >,
-    "onChange"
-  > {
-  expanded?: boolean
-  onChange?: (expanded: boolean) => void
-  disabled?: boolean
-}
-
-type AccordionType = (props: AccordionProps) => React.ReactElement
-
-declare const Accordion: AccordionType
-
-interface AccordionSummaryProps
-  extends React.DetailedHTMLProps<
-      React.HTMLAttributes<HTMLDivElement>,
-      HTMLDivElement
-    >,
-    React.AriaAttributes {
-  detailsBlock?: React.RefObject<HTMLDivElement>
-  expandIcon?: React.ReactElement | React.ReactElement[] | string
-  contentStyles?: string
-  expandedStyles?: string
-  iconStyles?: string
-  disabled?: boolean
-}
-
-type AccordionSummaryType = (
-  props: AccordionSummaryProps
-) => React.ReactElement
-
-declare const AccordionSummary: AccordionSummaryType
-
-type AccordionDetailsType = (
-  props: React.DetailedHTMLProps<
-    React.HTMLAttributes<HTMLDivElement>,
-    HTMLDivElement
-  >
-) => React.ReactElement
-
-declare const AccordionDetails: AccordionDetailsType
-
-type SkeletonType = (
-  props: React.DetailedHTMLProps<
-    React.HTMLAttributes<HTMLSpanElement>,
-    HTMLSpanElement
-  >
-) => React.ReactElement
-
-declare const Skeleton: SkeletonType
-
-interface AppBarProps
-  extends React.DetailedHTMLProps<
-      React.HTMLAttributes<HTMLElement>,
-      HTMLElement
-    >,
-    React.AriaAttributes {
-  isFixed?: boolean
-}
-
-type AppBarType = (props: AppBarProps) => React.ReactElement
-
-declare const AppBar: AppBarType
-
-type ToolBarType = (
-  props: React.DetailedHTMLProps<
-    React.HTMLAttributes<HTMLDivElement>,
-    HTMLDivElement
-  >
-) => React.ReactElement
-
-declare const ToolBar: ToolBarType
-
-interface CircularProgressProps
-  extends React.DetailedHTMLProps<
-      React.HTMLAttributes<HTMLDivElement>,
-      HTMLDivElement
-    >,
-    React.AriaAttributes {
-  svgStyles?: string
-  circleStyles?: string
-}
-
-type CircularProgressType = (
-  props: CircularProgressProps
-) => React.ReactElement
-
-declare const CircularProgress: CircularProgressType
-
-interface LinearProgressProps
-  extends React.DetailedHTMLProps<
-      React.HTMLAttributes<HTMLDivElement>,
-      HTMLDivElement
-    >,
-    React.AriaAttributes {
-  className?: string
-  progressBarStyles?: string
-  value?: number
-}
-
-type LinearProgressType = (
-  props: LinearProgressProps
-) => React.ReactElement
-
-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 | ReactNode
-  onChange?: TabChangeHandlerType
-}
-
-type TabType = (props: TabProps) => React.ReactElement
-
-declare const Tab: TabType
-
-type TabsIndicatorPositions = "bottom" | "top"
-
-interface TabsProps
-  extends Omit<
-    React.DetailedHTMLProps<
-      React.HTMLAttributes<HTMLDivElement>,
-      HTMLDivElement
-    >,
-    "onChange"
-  > {
-  value: number
-  onChange?: TabChangeHandlerType
-  indicatorPos?: TabsIndicatorPositions
-}
-
-type TabsType = (props: TabsProps) => React.ReactElement
-
-declare const Tabs: TabsType
-
-interface TabsPanelProps
-  extends Omit<
-    React.DetailedHTMLProps<
-      React.HTMLAttributes<HTMLDivElement>,
-      HTMLDivElement
-    >,
-    "onChange"
-  > {
-  tabs: (string | ReactNode)[]
-  tabPanels?: React.ReactNode[]
-  paths?: string[]
-  activeTab?: number
-  onChange?: TabChangeHandlerType
-  indicatorPos?: TabsIndicatorPositions
-}
-
-type TabsPanelType = (props: TabsPanelProps) => React.ReactElement
-
-declare const TabsPanel: TabsPanelType
-
-interface MenuPanelProps
-  extends Omit<
-    React.DetailedHTMLProps<
-      React.HTMLAttributes<HTMLDivElement>,
-      HTMLDivElement
-    >,
-    "onChange"
-  > {
-  tabs: string[]
-  tabsId?: string[]
-  activeTab?: number
-  offset?: number
-  onChange?: TabChangeHandlerType
-  indicatorPos?: TabsIndicatorPositions
-}
-
-type MenuPanelType = (props: MenuPanelProps) => React.ReactElement
-
-declare const MenuPanel: MenuPanelType
-
-interface IconButtonProps
-  extends React.DetailedHTMLProps<
-      React.ButtonHTMLAttributes<HTMLButtonElement>,
-      HTMLButtonElement
-    >,
-    React.AriaAttributes {}
-
-type IconButtonType = (props: IconButtonProps) => React.ReactElement
-
-declare const IconButton: IconButtonType
-
-type PopperPlacements =
-  | "right"
-  | "left"
-  | "topStart"
-  | "topMiddle"
-  | "topEnd"
-  | "bottomStart"
-  | "bottomMiddle"
-  | "bottomEnd"
-
-type PopperBaseProps = {
-  open?: boolean
-  placement?: PopperPlacements
-  withArrow?: boolean
-  spacing?: string
-  className?: string
-  withoutMobile?: boolean
-} & React.HTMLAttributes<HTMLDivElement>
-
-type PopperProps = {
-  contentRef: RefObject<HTMLDivElement>
-} & PopperBaseProps
-
-type PopperSizeParams = {
-  width: number
-  height: number
-}
-
-declare const Popper: (props: PopperProps) => React.ReactElement
-
-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
-  withoutMobile?: boolean
-}
-
-type TooltipStylesProps = {
-  cursor?: "pointer" | "auto"
-  spacing?: string
-}
-
-declare const Tooltip: (props: TooltipProps) => React.ReactElement
-
-interface ErrorComponentProps
-  extends React.DetailedHTMLProps<
-      React.HTMLAttributes<HTMLDivElement>,
-      HTMLDivElement
-    >,
-    React.AriaAttributes {
-  message: string
-  icon: ReactNode
-}
-
-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, TooltipToggleMethods, theme, themeOld };