kitchn
- Version 1.5.0
- Published
- 2.58 MB
- 10 dependencies
- MIT license
Install
npm i kitchnyarn add kitchnpnpm add kitchnOverview
Tonight Pass delicious React styled-components UI kit
Index
Variables
- areaCss
- Avatar
- AvatarGroup
- AvatarImage
- backgroundCss
- Badge
- borderCss
- Button
- ButtonContent
- ButtonPrefix
- ButtonSuffix
- Calendar
- Checkbox
- CheckboxCheck
- CheckboxCheckContainer
- CheckboxCheckmark
- CheckboxContainer
- CheckboxContent
- CheckboxLabel
- Code
- CodeContent
- CodeHeader
- CodeTitle
- Collapse
- CollapseContent
- CollapseContentContainer
- CollapseHeader
- CollapseHeaderContent
- CollapseSubtitle
- CollapseTitle
- Combobox
- ComboboxContext
- ComboboxDropdown
- ComboboxEmpty
- ComboboxItem
- ComboboxSearching
- Container
- Control
- ControlledInput
- darkTheme
- defaultThemes
- defaultToastLayout
- defaultTooltipPosition
- Drawer
- DrawerContent
- Dropdown
- Entity
- EntityField
- EntityFieldDescription
- EntityFieldTitle
- Error
- ErrorAction
- ErrorActionIcon
- ErrorContent
- ErrorIconContainer
- ErrorLabel
- ErrorText
- ErrorTextContainer
- excludedProperties
- fadeIn
- fadeInDown
- fadeOut
- fadeOutUp
- Fieldset
- float
- Footer
- FooterColumn
- FooterGroup
- FooterGroupTitle
- FooterLink
- FooterNav
- formatCaption
- formatWeekdayName
- FragmentLink
- GlobalStyle
- Highlight
- HighlightContainer
- Icon
- Image
- InlineCode
- Input
- InputClear
- InputContainer
- InputError
- InputField
- InputLabel
- InputPrefix
- InputSuffix
- InputSuffixPart
- kitchn
- KitchnProvider
- KitchnProviderComponent
- lightTheme
- Link
- ListItem
- loading
- mainCss
- mainTheme
- marginCss
- Menu
- Modal
- NavigationMenu
- NextThemeProviderWrapper
- Note
- NoteAction
- NoteContent
- NoteLabel
- OrderedList
- paddingCss
- PasswordInput
- positionCss
- Progress
- ProgressCheckpoint
- ProgressCheckpointContainer
- ProgressCheckpointTitle
- ProgressContainer
- ProgressState
- resetCss
- rotate
- Scroller
- Select
- SelectSelector
- shouldForwardProp
- skBouncedelay
- skeleton
- Skeleton
- slideInUp
- slideOutDown
- Snippet
- SnippetLine
- Spacer
- Spinner
- StyledCheckbox
- SubFooter
- Switch
- Tab
- Tabs
- Text
- Textarea
- ThemeContext
- themeCss
- ToastActions
- ToastContainer
- ToastItem
- ToastItemAnimationContainer
- ToastsContent
- Toggle
- tonightpassTheme
- Tooltip
- TooltipContentContainer
- TooltipContentInner
- UnorderedList
- useKeyboard
Functions
- capitalize()
- convertRGBToRGBA()
- convertThemeToCssVariables()
- createElement()
- createTheme()
- createThemeVariables()
- generateThemes()
- getActiveModMap()
- getCtrlKeysByPlatform()
- getElementOffset()
- getEventRect()
- getIconPosition()
- getId()
- getPosition()
- getRefRect()
- getTooltipRect()
- getTranslateByPlacement()
- handleFont()
- handlePixelValue()
- handleRadius()
- handleValue()
- isBrowser()
- isDevelopment()
- isFieldsetContainer()
- isMac()
- isNumber()
- isRefTarget()
- isString()
- isUnplacedRect()
- pickChild()
- shortenName()
- ThemeProvider()
- useBreakpoint()
- useCheckbox()
- useClickAnyWhere()
- useClickAway()
- useClipboard()
- useCombobox()
- useCurrentState()
- useDOMObserver()
- useMediaQuery()
- useModal()
- usePortal()
- usePrevious()
- useRect()
- useResize()
- useSSR()
- useTheme()
- useToasts()
- useToastsContext()
- useWarning()
- withBox()
- withDecorator()
- withScale()
Interfaces
Enums
KeyCode
- Alt
- Backquote
- Backslash
- Backspace
- CapsLock
- Ctrl
- Delete
- DownArrow
- End
- Enter
- Equal
- Escape
- F1
- F10
- F11
- F12
- F2
- F3
- F4
- F5
- F6
- F7
- F8
- F9
- Home
- Insert
- KEY_0
- KEY_1
- KEY_2
- KEY_3
- KEY_4
- KEY_5
- KEY_6
- KEY_7
- KEY_8
- KEY_9
- KEY_A
- KEY_B
- KEY_C
- KEY_D
- KEY_E
- KEY_F
- KEY_G
- KEY_H
- KEY_I
- KEY_J
- KEY_K
- KEY_L
- KEY_M
- KEY_N
- KEY_O
- KEY_P
- KEY_Q
- KEY_R
- KEY_S
- KEY_T
- KEY_U
- KEY_V
- KEY_W
- KEY_X
- KEY_Y
- KEY_Z
- LeftArrow
- Meta
- Minus
- NumLock
- PageDown
- PageUp
- PauseBreak
- RightArrow
- ScrollLock
- Shift
- Space
- Tab
- Unknown
- UpArrow
Type Aliases
- AccentColors
- AreaProps
- AvatarGroupProps
- AvatarProps
- BackgroundProps
- BadgeProps
- BorderProps
- BoxProps
- Breakpoint
- ButtonProps
- CalendarProps
- CheckboxCheckContainerProps
- CheckboxProps
- ClickAwayGetContainer
- CodeProps
- CollapseProps
- Colors
- ComboboxDropdownProps
- ComboboxEmptyProps
- ComboboxItemProps
- ComboboxOption
- ComboboxOptions
- ComboboxProps
- ComboboxSearchingProps
- ContainerProps
- ControlProps
- CurrentStateType
- DecoratorProps
- DeepPartial
- DrawerProps
- DropdownProps
- EntityFieldProps
- EntityFieldTitleProps
- EntityProps
- ErrorProps
- FieldsetProps
- FieldsetTabsProps
- FooterGroupProps
- FooterLinkProps
- FooterProps
- FragmentLinkProps
- Gap
- HighlightPosition
- HighlightProps
- IconProps
- ImageProps
- InlineCodeProps
- InpuPasswordProps
- InputProps
- KeyboardOptions
- KeyboardResult
- KitchnComponent
- KitchnProviderProps
- LayoutColors
- LinkProps
- ListItemProps
- MainTheme
- MarginProps
- MenuButtonProps
- MenuContainerProps
- MenuContentProps
- MenuItemProps
- MenuLinkProps
- MenuSectionProps
- ModalActionProps
- ModalProps
- NavigationMenuSectionHeaderProps
- NavigationMenuSectionItemDescriptionProps
- NavigationMenuSectionItemIconProps
- NavigationMenuSectionItemNameProps
- NavigationMenuSectionProps
- NextThemeProviderWrapperProps
- NormalSizes
- NoteProps
- OrderedListProps
- PaddingProps
- Placement
- PositionProps
- ProgressProps
- Radius
- ScaleProps
- ScrollerProps
- SelectProps
- Size
- SkeletonProps
- SnippetLineProps
- SnippetProps
- SpacerProps
- SpinnerProps
- SSRState
- SwitchProps
- TabProps
- TabsProps
- TextareaProps
- TextColors
- TextProps
- Theme
- ThemeContextParams
- ThemeProviderProps
- Themes
- Toast
- ToastActionsProps
- ToastContainerProps
- ToastInstance
- ToastItemProps
- ToastLayout
- ToastPlacement
- ToastTypes
- ToggleProps
- TooltipContainerProps
- TooltipIconOffset
- TooltipOnContentClick
- TooltipOnVisibleChange
- TooltipPlacement
- TooltipPosition
- TooltipProps
- TooltipReactiveDomReact
- TooltipTriggers
- TooltipTypes
- TriggerTypes
- UnorderedListProps
- UpdateToastsFunction
- UpdateToastsIDFunction
- UpdateToastsLayoutFunction
- UseBreakpointResult
- UseCheckboxResult
- UseCheckboxValue
- UseClipboardOptions
- UseClipboardResult
- UseKeyboard
- UseKeyboardHandler
- UseModalResult
- UseToastsResult
- Weight
- window
Namespaces
Variables
variable areaCss
const areaCss: styled_components.RuleSet<AreaProps>;variable Avatar
const Avatar: any;variable AvatarGroup
const AvatarGroup: any;variable AvatarImage
const AvatarImage: any;variable backgroundCss
const backgroundCss: styled_components.RuleSet<BackgroundProps>;variable Badge
const Badge: any;variable borderCss
const borderCss: styled_components.RuleSet<BorderProps>;variable Button
const Button: any;variable ButtonContent
const ButtonContent: any;variable ButtonPrefix
const ButtonPrefix: any;variable ButtonSuffix
const ButtonSuffix: any;variable Calendar
const Calendar: any;variable Checkbox
const Checkbox: any;variable CheckboxCheck
const CheckboxCheck: any;variable CheckboxCheckContainer
const CheckboxCheckContainer: any;variable CheckboxCheckmark
const CheckboxCheckmark: any;variable CheckboxContainer
const CheckboxContainer: any;variable CheckboxContent
const CheckboxContent: any;variable CheckboxLabel
const CheckboxLabel: any;variable Code
const Code: any;variable CodeContent
const CodeContent: any;variable CodeHeader
const CodeHeader: any;variable CodeTitle
const CodeTitle: any;variable Collapse
const Collapse: any;variable CollapseContent
const CollapseContent: any;variable CollapseContentContainer
const CollapseContentContainer: any;variable CollapseHeader
const CollapseHeader: any;variable CollapseHeaderContent
const CollapseHeaderContent: any;variable CollapseSubtitle
const CollapseSubtitle: any;variable CollapseTitle
const CollapseTitle: any;variable Combobox
const Combobox: any;variable ComboboxContext
const ComboboxContext: React__default.Context<ComboboxConfig>;variable ComboboxDropdown
const ComboboxDropdown: any;variable ComboboxEmpty
const ComboboxEmpty: any;variable ComboboxItem
const ComboboxItem: any;variable ComboboxSearching
const ComboboxSearching: any;variable Container
const Container: any;variable Control
const Control: any;variable ControlledInput
const ControlledInput: any;variable darkTheme
const darkTheme: Theme;variable defaultThemes
const defaultThemes: { dark: DefaultTheme; light: DefaultTheme };variable defaultToastLayout
const defaultToastLayout: Required<ToastLayout>;variable defaultTooltipPosition
const defaultTooltipPosition: { top: string; left: string; transform: string };variable Drawer
const Drawer: any;variable DrawerContent
const DrawerContent: any;variable Dropdown
const Dropdown: any;variable Entity
const Entity: any;variable EntityField
const EntityField: any;variable EntityFieldDescription
const EntityFieldDescription: any;variable EntityFieldTitle
const EntityFieldTitle: any;variable Error
const Error: any;variable ErrorAction
const ErrorAction: any;variable ErrorActionIcon
const ErrorActionIcon: any;variable ErrorContent
const ErrorContent: any;variable ErrorIconContainer
const ErrorIconContainer: any;variable ErrorLabel
const ErrorLabel: any;variable ErrorText
const ErrorText: any;variable ErrorTextContainer
const ErrorTextContainer: any;variable excludedProperties
const excludedProperties: string[];variable fadeIn
const fadeIn: styled_components_dist_models_Keyframes.default;variable fadeInDown
const fadeInDown: styled_components_dist_models_Keyframes.default;variable fadeOut
const fadeOut: styled_components_dist_models_Keyframes.default;variable fadeOutUp
const fadeOutUp: styled_components_dist_models_Keyframes.default;variable Fieldset
const Fieldset: { Container: any; Content: any; Title: any; Subtitle: any; Footer: any; FooterStatus: any; FooterActions: any; Tabs: any;};variable float
const float: styled_components_dist_models_Keyframes.default;variable Footer
const Footer: any;variable FooterColumn
const FooterColumn: any;variable FooterGroup
const FooterGroup: any;variable FooterGroupTitle
const FooterGroupTitle: any;variable FooterLink
const FooterLink: any;variable FooterNav
const FooterNav: any;variable formatCaption
const formatCaption: DateFormatter;variable formatWeekdayName
const formatWeekdayName: DateFormatter;variable FragmentLink
const FragmentLink: any;variable GlobalStyle
const GlobalStyle: React$1.NamedExoticComponent<any>;variable Highlight
const Highlight: any;variable HighlightContainer
const HighlightContainer: any;variable Icon
const Icon: any;variable Image
const Image: any;variable InlineCode
const InlineCode: any;variable Input
const Input: any;variable InputClear
const InputClear: any;variable InputContainer
const InputContainer: any;variable InputError
const InputError: any;variable InputField
const InputField: any;variable InputLabel
const InputLabel: any;variable InputPrefix
const InputPrefix: any;variable InputSuffix
const InputSuffix: any;variable InputSuffixPart
const InputSuffixPart: any;variable kitchn
const kitchn: (< Target extends styled_components.WebTarget, InjectedProps extends object = styled_components_dist_types.BaseObject>( tag: Target) => styled_components.StyledInstance< 'web', Target, Target extends styled_components_dist_types.KnownTarget ? any : InjectedProps, styled_components_dist_types.BaseObject>) & { object: styled_components.StyledInstance< 'web', 'object', React.DetailedHTMLProps< React.ObjectHTMLAttributes<HTMLObjectElement>, HTMLObjectElement >, styled_components_dist_types.BaseObject >; g: styled_components.StyledInstance< 'web', 'g', React.SVGProps<SVGGElement>, styled_components_dist_types.BaseObject >; map: styled_components.StyledInstance< 'web', 'map', React.DetailedHTMLProps< React.MapHTMLAttributes<HTMLMapElement>, HTMLMapElement >, styled_components_dist_types.BaseObject >; big: styled_components.StyledInstance< 'web', 'big', React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, styled_components_dist_types.BaseObject >; link: styled_components.StyledInstance< 'web', 'link', React.DetailedHTMLProps< React.LinkHTMLAttributes<HTMLLinkElement>, HTMLLinkElement >, styled_components_dist_types.BaseObject >; small: styled_components.StyledInstance< 'web', 'small', React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, styled_components_dist_types.BaseObject >; sub: styled_components.StyledInstance< 'web', 'sub', React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, styled_components_dist_types.BaseObject >; sup: styled_components.StyledInstance< 'web', 'sup', React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, styled_components_dist_types.BaseObject >; a: styled_components.StyledInstance< 'web', 'a', React.DetailedHTMLProps< React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement >, styled_components_dist_types.BaseObject >; abbr: styled_components.StyledInstance< 'web', 'abbr', React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, styled_components_dist_types.BaseObject >; address: styled_components.StyledInstance< 'web', 'address', React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, styled_components_dist_types.BaseObject >; area: styled_components.StyledInstance< 'web', 'area', React.DetailedHTMLProps< React.AreaHTMLAttributes<HTMLAreaElement>, HTMLAreaElement >, styled_components_dist_types.BaseObject >; article: styled_components.StyledInstance< 'web', 'article', React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, styled_components_dist_types.BaseObject >; aside: styled_components.StyledInstance< 'web', 'aside', React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, styled_components_dist_types.BaseObject >; audio: styled_components.StyledInstance< 'web', 'audio', React.DetailedHTMLProps< React.AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement >, styled_components_dist_types.BaseObject >; b: styled_components.StyledInstance< 'web', 'b', React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, styled_components_dist_types.BaseObject >; base: styled_components.StyledInstance< 'web', 'base', React.DetailedHTMLProps< React.BaseHTMLAttributes<HTMLBaseElement>, HTMLBaseElement >, styled_components_dist_types.BaseObject >; bdi: styled_components.StyledInstance< 'web', 'bdi', React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, styled_components_dist_types.BaseObject >; bdo: styled_components.StyledInstance< 'web', 'bdo', React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, styled_components_dist_types.BaseObject >; blockquote: styled_components.StyledInstance< 'web', 'blockquote', React.DetailedHTMLProps< React.BlockquoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement >, styled_components_dist_types.BaseObject >; body: styled_components.StyledInstance< 'web', 'body', React.DetailedHTMLProps< React.HTMLAttributes<HTMLBodyElement>, HTMLBodyElement >, styled_components_dist_types.BaseObject >; br: styled_components.StyledInstance< 'web', 'br', React.DetailedHTMLProps<React.HTMLAttributes<HTMLBRElement>, HTMLBRElement>, styled_components_dist_types.BaseObject >; button: styled_components.StyledInstance< 'web', 'button', React.DetailedHTMLProps< React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement >, styled_components_dist_types.BaseObject >; canvas: styled_components.StyledInstance< 'web', 'canvas', React.DetailedHTMLProps< React.CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement >, styled_components_dist_types.BaseObject >; caption: styled_components.StyledInstance< 'web', 'caption', React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, styled_components_dist_types.BaseObject >; cite: styled_components.StyledInstance< 'web', 'cite', React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, styled_components_dist_types.BaseObject >; code: styled_components.StyledInstance< 'web', 'code', React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, styled_components_dist_types.BaseObject >; col: styled_components.StyledInstance< 'web', 'col', React.DetailedHTMLProps< React.ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement >, styled_components_dist_types.BaseObject >; colgroup: styled_components.StyledInstance< 'web', 'colgroup', React.DetailedHTMLProps< React.ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement >, styled_components_dist_types.BaseObject >; data: styled_components.StyledInstance< 'web', 'data', React.DetailedHTMLProps< React.DataHTMLAttributes<HTMLDataElement>, HTMLDataElement >, styled_components_dist_types.BaseObject >; datalist: styled_components.StyledInstance< 'web', 'datalist', React.DetailedHTMLProps< React.HTMLAttributes<HTMLDataListElement>, HTMLDataListElement >, styled_components_dist_types.BaseObject >; dd: styled_components.StyledInstance< 'web', 'dd', React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, styled_components_dist_types.BaseObject >; del: styled_components.StyledInstance< 'web', 'del', React.DetailedHTMLProps< React.DelHTMLAttributes<HTMLModElement>, HTMLModElement >, styled_components_dist_types.BaseObject >; details: styled_components.StyledInstance< 'web', 'details', React.DetailedHTMLProps< React.DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement >, styled_components_dist_types.BaseObject >; dfn: styled_components.StyledInstance< 'web', 'dfn', React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, styled_components_dist_types.BaseObject >; dialog: styled_components.StyledInstance< 'web', 'dialog', React.DetailedHTMLProps< React.DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement >, styled_components_dist_types.BaseObject >; div: styled_components.StyledInstance< 'web', 'div', React.DetailedHTMLProps< React.HTMLAttributes<HTMLDivElement>, HTMLDivElement >, styled_components_dist_types.BaseObject >; dl: styled_components.StyledInstance< 'web', 'dl', React.DetailedHTMLProps< React.HTMLAttributes<HTMLDListElement>, HTMLDListElement >, styled_components_dist_types.BaseObject >; dt: styled_components.StyledInstance< 'web', 'dt', React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, styled_components_dist_types.BaseObject >; em: styled_components.StyledInstance< 'web', 'em', React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, styled_components_dist_types.BaseObject >; embed: styled_components.StyledInstance< 'web', 'embed', React.DetailedHTMLProps< React.EmbedHTMLAttributes<HTMLEmbedElement>, HTMLEmbedElement >, styled_components_dist_types.BaseObject >; fieldset: styled_components.StyledInstance< 'web', 'fieldset', React.DetailedHTMLProps< React.FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement >, styled_components_dist_types.BaseObject >; figcaption: styled_components.StyledInstance< 'web', 'figcaption', React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, styled_components_dist_types.BaseObject >; figure: styled_components.StyledInstance< 'web', 'figure', React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, styled_components_dist_types.BaseObject >; footer: styled_components.StyledInstance< 'web', 'footer', React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, styled_components_dist_types.BaseObject >; form: styled_components.StyledInstance< 'web', 'form', React.DetailedHTMLProps< React.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement >, styled_components_dist_types.BaseObject >; h1: styled_components.StyledInstance< 'web', 'h1', React.DetailedHTMLProps< React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement >, styled_components_dist_types.BaseObject >; h2: styled_components.StyledInstance< 'web', 'h2', React.DetailedHTMLProps< React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement >, styled_components_dist_types.BaseObject >; h3: styled_components.StyledInstance< 'web', 'h3', React.DetailedHTMLProps< React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement >, styled_components_dist_types.BaseObject >; h4: styled_components.StyledInstance< 'web', 'h4', React.DetailedHTMLProps< React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement >, styled_components_dist_types.BaseObject >; h5: styled_components.StyledInstance< 'web', 'h5', React.DetailedHTMLProps< React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement >, styled_components_dist_types.BaseObject >; h6: styled_components.StyledInstance< 'web', 'h6', React.DetailedHTMLProps< React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement >, styled_components_dist_types.BaseObject >; header: styled_components.StyledInstance< 'web', 'header', React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, styled_components_dist_types.BaseObject >; hgroup: styled_components.StyledInstance< 'web', 'hgroup', React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, styled_components_dist_types.BaseObject >; hr: styled_components.StyledInstance< 'web', 'hr', React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, styled_components_dist_types.BaseObject >; html: styled_components.StyledInstance< 'web', 'html', React.DetailedHTMLProps< React.HtmlHTMLAttributes<HTMLHtmlElement>, HTMLHtmlElement >, styled_components_dist_types.BaseObject >; i: styled_components.StyledInstance< 'web', 'i', React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, styled_components_dist_types.BaseObject >; iframe: styled_components.StyledInstance< 'web', 'iframe', React.DetailedHTMLProps< React.IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement >, styled_components_dist_types.BaseObject >; img: styled_components.StyledInstance< 'web', 'img', React.DetailedHTMLProps< React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement >, styled_components_dist_types.BaseObject >; input: styled_components.StyledInstance< 'web', 'input', React.DetailedHTMLProps< React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement >, styled_components_dist_types.BaseObject >; ins: styled_components.StyledInstance< 'web', 'ins', React.DetailedHTMLProps< React.InsHTMLAttributes<HTMLModElement>, HTMLModElement >, styled_components_dist_types.BaseObject >; kbd: styled_components.StyledInstance< 'web', 'kbd', React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, styled_components_dist_types.BaseObject >; keygen: styled_components.StyledInstance< 'web', 'keygen', React.DetailedHTMLProps< React.KeygenHTMLAttributes<HTMLElement>, HTMLElement >, styled_components_dist_types.BaseObject >; label: styled_components.StyledInstance< 'web', 'label', React.DetailedHTMLProps< React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement >, styled_components_dist_types.BaseObject >; legend: styled_components.StyledInstance< 'web', 'legend', React.DetailedHTMLProps< React.HTMLAttributes<HTMLLegendElement>, HTMLLegendElement >, styled_components_dist_types.BaseObject >; li: styled_components.StyledInstance< 'web', 'li', React.DetailedHTMLProps< React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement >, styled_components_dist_types.BaseObject >; main: styled_components.StyledInstance< 'web', 'main', React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, styled_components_dist_types.BaseObject >; mark: styled_components.StyledInstance< 'web', 'mark', React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, styled_components_dist_types.BaseObject >; menu: styled_components.StyledInstance< 'web', 'menu', React.DetailedHTMLProps<React.MenuHTMLAttributes<HTMLElement>, HTMLElement>, styled_components_dist_types.BaseObject >; menuitem: styled_components.StyledInstance< 'web', 'menuitem', React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, styled_components_dist_types.BaseObject >; meta: styled_components.StyledInstance< 'web', 'meta', React.DetailedHTMLProps< React.MetaHTMLAttributes<HTMLMetaElement>, HTMLMetaElement >, styled_components_dist_types.BaseObject >; meter: styled_components.StyledInstance< 'web', 'meter', React.DetailedHTMLProps< React.MeterHTMLAttributes<HTMLMeterElement>, HTMLMeterElement >, styled_components_dist_types.BaseObject >; nav: styled_components.StyledInstance< 'web', 'nav', React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, styled_components_dist_types.BaseObject >; noscript: styled_components.StyledInstance< 'web', 'noscript', React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, styled_components_dist_types.BaseObject >; ol: styled_components.StyledInstance< 'web', 'ol', React.DetailedHTMLProps< React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement >, styled_components_dist_types.BaseObject >; optgroup: styled_components.StyledInstance< 'web', 'optgroup', React.DetailedHTMLProps< React.OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement >, styled_components_dist_types.BaseObject >; option: styled_components.StyledInstance< 'web', 'option', React.DetailedHTMLProps< React.OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement >, styled_components_dist_types.BaseObject >; output: styled_components.StyledInstance< 'web', 'output', React.DetailedHTMLProps< React.OutputHTMLAttributes<HTMLOutputElement>, HTMLOutputElement >, styled_components_dist_types.BaseObject >; p: styled_components.StyledInstance< 'web', 'p', React.DetailedHTMLProps< React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement >, styled_components_dist_types.BaseObject >; param: styled_components.StyledInstance< 'web', 'param', React.DetailedHTMLProps< React.ParamHTMLAttributes<HTMLParamElement>, HTMLParamElement >, styled_components_dist_types.BaseObject >; picture: styled_components.StyledInstance< 'web', 'picture', React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, styled_components_dist_types.BaseObject >; pre: styled_components.StyledInstance< 'web', 'pre', React.DetailedHTMLProps< React.HTMLAttributes<HTMLPreElement>, HTMLPreElement >, styled_components_dist_types.BaseObject >; progress: styled_components.StyledInstance< 'web', 'progress', React.DetailedHTMLProps< React.ProgressHTMLAttributes<HTMLProgressElement>, HTMLProgressElement >, styled_components_dist_types.BaseObject >; q: styled_components.StyledInstance< 'web', 'q', React.DetailedHTMLProps< React.QuoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement >, styled_components_dist_types.BaseObject >; rp: styled_components.StyledInstance< 'web', 'rp', React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, styled_components_dist_types.BaseObject >; rt: styled_components.StyledInstance< 'web', 'rt', React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, styled_components_dist_types.BaseObject >; ruby: styled_components.StyledInstance< 'web', 'ruby', React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, styled_components_dist_types.BaseObject >; s: styled_components.StyledInstance< 'web', 's', React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, styled_components_dist_types.BaseObject >; samp: styled_components.StyledInstance< 'web', 'samp', React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, styled_components_dist_types.BaseObject >; script: styled_components.StyledInstance< 'web', 'script', React.DetailedHTMLProps< React.ScriptHTMLAttributes<HTMLScriptElement>, HTMLScriptElement >, styled_components_dist_types.BaseObject >; section: styled_components.StyledInstance< 'web', 'section', React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, styled_components_dist_types.BaseObject >; select: styled_components.StyledInstance< 'web', 'select', React.DetailedHTMLProps< React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement >, styled_components_dist_types.BaseObject >; source: styled_components.StyledInstance< 'web', 'source', React.DetailedHTMLProps< React.SourceHTMLAttributes<HTMLSourceElement>, HTMLSourceElement >, styled_components_dist_types.BaseObject >; span: styled_components.StyledInstance< 'web', 'span', React.DetailedHTMLProps< React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement >, styled_components_dist_types.BaseObject >; strong: styled_components.StyledInstance< 'web', 'strong', React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, styled_components_dist_types.BaseObject >; style: styled_components.StyledInstance< 'web', 'style', React.DetailedHTMLProps< React.StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement >, styled_components_dist_types.BaseObject >; summary: styled_components.StyledInstance< 'web', 'summary', React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, styled_components_dist_types.BaseObject >; table: styled_components.StyledInstance< 'web', 'table', React.DetailedHTMLProps< React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement >, styled_components_dist_types.BaseObject >; tbody: styled_components.StyledInstance< 'web', 'tbody', React.DetailedHTMLProps< React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement >, styled_components_dist_types.BaseObject >; td: styled_components.StyledInstance< 'web', 'td', React.DetailedHTMLProps< React.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement >, styled_components_dist_types.BaseObject >; textarea: styled_components.StyledInstance< 'web', 'textarea', React.DetailedHTMLProps< React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement >, styled_components_dist_types.BaseObject >; tfoot: styled_components.StyledInstance< 'web', 'tfoot', React.DetailedHTMLProps< React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement >, styled_components_dist_types.BaseObject >; th: styled_components.StyledInstance< 'web', 'th', React.DetailedHTMLProps< React.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement >, styled_components_dist_types.BaseObject >; thead: styled_components.StyledInstance< 'web', 'thead', React.DetailedHTMLProps< React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement >, styled_components_dist_types.BaseObject >; time: styled_components.StyledInstance< 'web', 'time', React.DetailedHTMLProps< React.TimeHTMLAttributes<HTMLTimeElement>, HTMLTimeElement >, styled_components_dist_types.BaseObject >; tr: styled_components.StyledInstance< 'web', 'tr', React.DetailedHTMLProps< React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement >, styled_components_dist_types.BaseObject >; track: styled_components.StyledInstance< 'web', 'track', React.DetailedHTMLProps< React.TrackHTMLAttributes<HTMLTrackElement>, HTMLTrackElement >, styled_components_dist_types.BaseObject >; u: styled_components.StyledInstance< 'web', 'u', React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, styled_components_dist_types.BaseObject >; ul: styled_components.StyledInstance< 'web', 'ul', React.DetailedHTMLProps< React.HTMLAttributes<HTMLUListElement>, HTMLUListElement >, styled_components_dist_types.BaseObject >; var: styled_components.StyledInstance< 'web', 'var', React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, styled_components_dist_types.BaseObject >; video: styled_components.StyledInstance< 'web', 'video', React.DetailedHTMLProps< React.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement >, styled_components_dist_types.BaseObject >; wbr: styled_components.StyledInstance< 'web', 'wbr', React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, styled_components_dist_types.BaseObject >; svg: styled_components.StyledInstance< 'web', 'svg', React.SVGProps<SVGSVGElement>, styled_components_dist_types.BaseObject >; circle: styled_components.StyledInstance< 'web', 'circle', React.SVGProps<SVGCircleElement>, styled_components_dist_types.BaseObject >; clipPath: styled_components.StyledInstance< 'web', 'clipPath', React.SVGProps<SVGClipPathElement>, styled_components_dist_types.BaseObject >; defs: styled_components.StyledInstance< 'web', 'defs', React.SVGProps<SVGDefsElement>, styled_components_dist_types.BaseObject >; ellipse: styled_components.StyledInstance< 'web', 'ellipse', React.SVGProps<SVGEllipseElement>, styled_components_dist_types.BaseObject >; foreignObject: styled_components.StyledInstance< 'web', 'foreignObject', React.SVGProps<SVGForeignObjectElement>, styled_components_dist_types.BaseObject >; image: styled_components.StyledInstance< 'web', 'image', React.SVGProps<SVGImageElement>, styled_components_dist_types.BaseObject >; line: styled_components.StyledInstance< 'web', 'line', React.SVGLineElementAttributes<SVGLineElement>, styled_components_dist_types.BaseObject >; linearGradient: styled_components.StyledInstance< 'web', 'linearGradient', React.SVGProps<SVGLinearGradientElement>, styled_components_dist_types.BaseObject >; marker: styled_components.StyledInstance< 'web', 'marker', React.SVGProps<SVGMarkerElement>, styled_components_dist_types.BaseObject >; mask: styled_components.StyledInstance< 'web', 'mask', React.SVGProps<SVGMaskElement>, styled_components_dist_types.BaseObject >; path: styled_components.StyledInstance< 'web', 'path', React.SVGProps<SVGPathElement>, styled_components_dist_types.BaseObject >; pattern: styled_components.StyledInstance< 'web', 'pattern', React.SVGProps<SVGPatternElement>, styled_components_dist_types.BaseObject >; polygon: styled_components.StyledInstance< 'web', 'polygon', React.SVGProps<SVGPolygonElement>, styled_components_dist_types.BaseObject >; polyline: styled_components.StyledInstance< 'web', 'polyline', React.SVGProps<SVGPolylineElement>, styled_components_dist_types.BaseObject >; radialGradient: styled_components.StyledInstance< 'web', 'radialGradient', React.SVGProps<SVGRadialGradientElement>, styled_components_dist_types.BaseObject >; rect: styled_components.StyledInstance< 'web', 'rect', React.SVGProps<SVGRectElement>, styled_components_dist_types.BaseObject >; stop: styled_components.StyledInstance< 'web', 'stop', React.SVGProps<SVGStopElement>, styled_components_dist_types.BaseObject >; text: styled_components.StyledInstance< 'web', 'text', React.SVGTextElementAttributes<SVGTextElement>, styled_components_dist_types.BaseObject >; tspan: styled_components.StyledInstance< 'web', 'tspan', React.SVGProps<SVGTSpanElement>, styled_components_dist_types.BaseObject >; use: styled_components.StyledInstance< 'web', 'use', React.SVGProps<SVGUseElement>, styled_components_dist_types.BaseObject >;};variable KitchnProvider
const KitchnProvider: any;variable KitchnProviderComponent
const KitchnProviderComponent: React__default.FC<KitchnProviderProps>;variable lightTheme
const lightTheme: Theme;variable Link
const Link: any;variable ListItem
const ListItem: any;variable loading
const loading: styled_components_dist_models_Keyframes.default;variable mainCss
const mainCss: styled_components.RuleSet<object>;variable mainTheme
const mainTheme: MainTheme;variable marginCss
const marginCss: styled_components.RuleSet<MarginProps>;variable Menu
const Menu: { Container: any; Button: ({ unstyled, ...props }: MenuButtonProps) => React__default.JSX.Element; Content: any; Item: any; Link: any; Section: any; Divider: any;};variable Modal
const Modal: { Modal: any; Body: any; Header: any; Title: any; Subtitle: any; Actions: any; Action: any; Inset: any;};variable NavigationMenu
const NavigationMenu: { Container: ({ children, hoverHeightRatio, hoverWidthRatio, highlight, ...props }: NavigationMenuContainerProps) => React__default.JSX.Element; List: any; Item: any; Button: any; ButtonIcon: any; Content: ({ children, id, ...props }: { children: React__default.ReactNode; id?: string } & { display?: styled_components_native.CSSProperties; overflow?: styled_components_native.CSSProperties; font?: styled_components_native.CSSProperties['fontSize'] | keyof Size; cursor?: styled_components_native.CSSProperties; pointerEvents?: styled_components_native.CSSProperties; userSelect?: styled_components_native.CSSProperties; } & AreaProps & BackgroundProps & BorderProps & MarginProps & PaddingProps & PositionProps) => null; Section: any; SectionHeader: any; SectionContent: any; SectionItem: any; SectionItemIcon: any; SectionItemName: any; SectionItemDescription: any;};variable NextThemeProviderWrapper
const NextThemeProviderWrapper: React__default.FC<any>;variable Note
const Note: any;variable NoteAction
const NoteAction: any;variable NoteContent
const NoteContent: any;variable NoteLabel
const NoteLabel: any;variable OrderedList
const OrderedList: any;variable paddingCss
const paddingCss: styled_components.RuleSet<PaddingProps>;variable PasswordInput
const PasswordInput: any;variable positionCss
const positionCss: styled_components.RuleSet<PositionProps>;variable Progress
const Progress: any;variable ProgressCheckpoint
const ProgressCheckpoint: any;variable ProgressCheckpointContainer
const ProgressCheckpointContainer: any;variable ProgressCheckpointTitle
const ProgressCheckpointTitle: any;variable ProgressContainer
const ProgressContainer: any;variable ProgressState
const ProgressState: any;variable resetCss
const resetCss: styled_components.RuleSet<object>;variable rotate
const rotate: styled_components_dist_models_Keyframes.default;variable Scroller
const Scroller: any;variable Select
const Select: any;variable SelectSelector
const SelectSelector: any;variable shouldForwardProp
const shouldForwardProp: ShouldForwardProp<'web'>;variable skBouncedelay
const skBouncedelay: styled_components_dist_models_Keyframes.default;variable skeleton
const skeleton: styled_components_dist_models_Keyframes.default;variable Skeleton
const Skeleton: any;variable slideInUp
const slideInUp: styled_components_dist_models_Keyframes.default;variable slideOutDown
const slideOutDown: styled_components_dist_models_Keyframes.default;variable Snippet
const Snippet: any;variable SnippetLine
const SnippetLine: any;variable Spacer
const Spacer: any;variable Spinner
const Spinner: any;variable StyledCheckbox
const StyledCheckbox: any;variable SubFooter
const SubFooter: any;variable Switch
const Switch: any;variable Tab
const Tab: any;variable Tabs
const Tabs: any;variable Text
const Text: any;variable Textarea
const Textarea: any;variable ThemeContext
const ThemeContext: React__default.Context<ThemeContextParams>;variable themeCss
const themeCss: styled_components.RuleSet<{ staticThemes: Themes; attribute: ThemeProviderProps$1;}>;variable ToastActions
const ToastActions: any;variable ToastContainer
const ToastContainer: any;variable ToastItem
const ToastItem: any;variable ToastItemAnimationContainer
const ToastItemAnimationContainer: any;variable ToastsContent
const ToastsContent: React__default.Context<ToastsContextParams>;variable Toggle
const Toggle: any;variable tonightpassTheme
const tonightpassTheme: Theme;variable Tooltip
const Tooltip: any;variable TooltipContentContainer
const TooltipContentContainer: any;variable TooltipContentInner
const TooltipContentInner: any;variable UnorderedList
const UnorderedList: any;variable useKeyboard
const useKeyboard: UseKeyboard;Functions
function capitalize
capitalize: (s: string) => string;Capitalize the first letter of a string.
function convertRGBToRGBA
convertRGBToRGBA: (rgb: string, alpha: number) => string;Converts RGB string to RGBA string
function convertThemeToCssVariables
convertThemeToCssVariables: (obj: object, prefix?: string) => string;function createElement
createElement: (id: string) => HTMLElement;function createTheme
createTheme: (theme: Theme | (Theme & DeepPartial<MainTheme>)) => DefaultTheme;function createThemeVariables
createThemeVariables: (theme: DefaultTheme, prefix?: string) => DefaultTheme;function generateThemes
generateThemes: ( staticThemes: Record<string, DefaultTheme>) => Record<string, DefaultTheme>;function getActiveModMap
getActiveModMap: (bindings: number[]) => Record<keyof typeof KeyMod, boolean>;function getCtrlKeysByPlatform
getCtrlKeysByPlatform: () => Record<string, 'metaKey' | 'ctrlKey'>;function getElementOffset
getElementOffset: (el?: HTMLElement | null | undefined) => { top: number; left: number;};function getEventRect
getEventRect: ( event?: | React__default.MouseEvent<HTMLElement> | React__default.FocusEvent<HTMLElement>, getContainer?: () => HTMLElement | null) => ReactiveDomReact;function getIconPosition
getIconPosition: ( placement: Placement, offsetX: string, offsetY: string, offsetAbsolute?: string) => TooltipIconPosition;function getId
getId: () => string;function getPosition
getPosition: ( placement: Placement, rect: TooltipReactiveDomReact, offset: number) => TooltipPosition;function getRefRect
getRefRect: ( ref?: React__default.MutableRefObject<HTMLElement>, getContainer?: () => HTMLElement | null) => ReactiveDomReact;function getTooltipRect
getTooltipRect: ( ref: React.MutableRefObject<HTMLElement>) => TooltipReactiveDomReact;function getTranslateByPlacement
getTranslateByPlacement: (placement: ToastPlacement) => { enter: string; leave: string;};function handleFont
handleFont: ( theme: DefaultTheme, value: string | number | keyof Size) => string | number | undefined;function handlePixelValue
handlePixelValue: (value?: string | number) => string | number | undefined;function handleRadius
handleRadius: ( theme: DefaultTheme, value?: string | number | keyof Radius) => string | number | undefined;function handleValue
handleValue: ( theme: DefaultTheme, value?: string | number | keyof Gap | keyof Breakpoint) => string | number | undefined;function isBrowser
isBrowser: () => boolean;function isDevelopment
isDevelopment: () => boolean;function isFieldsetContainer
isFieldsetContainer: ( child: React__default.ReactNode) => child is React__default.ReactElement<any>;function isMac
isMac: () => boolean;function isNumber
isNumber: (value: any) => boolean;isNumber is a utility function that checks if a value is a number.
function isRefTarget
isRefTarget: ( eventOrRef: | React__default.MouseEvent<HTMLElement> | React__default.FocusEvent<HTMLElement> | React__default.MutableRefObject<HTMLElement>) => eventOrRef is React__default.MutableRefObject<HTMLElement>;function isString
isString: (x: any) => boolean;isString is a utility function that checks if a value is a string.
function isUnplacedRect
isUnplacedRect: (rect?: ReactiveDomReact) => boolean;function pickChild
pickChild: ( children: React__default.ReactNode | undefined, targetChild: React__default.ElementType) => [React__default.ReactNode | undefined, React__default.ReactNode | undefined];function shortenName
shortenName: (name: string) => string;function ThemeProvider
ThemeProvider: ({ children, themes, ...props}: ThemeProviderProps) => React__default.JSX.Element;function useBreakpoint
useBreakpoint: () => UseBreakpointResult;function useCheckbox
useCheckbox: (defaultValue?: UseCheckboxValue) => UseCheckboxResult;function useClickAnyWhere
useClickAnyWhere: (handler: (event: Event) => void) => void;function useClickAway
useClickAway: ( ref: React__default.MutableRefObject<HTMLElement>, handler: (event: Event) => void) => void;function useClipboard
useClipboard: (options?: UseClipboardOptions) => UseClipboardResult;function useCombobox
useCombobox: () => ComboboxConfig;function useCurrentState
useCurrentState: <S>(initialState: S | (() => S)) => CurrentStateType<S>;function useDOMObserver
useDOMObserver: ( ref: React__default.MutableRefObject<HTMLElement | null> | undefined, callback?: MutationCallback) => void;function useMediaQuery
useMediaQuery: (query: string) => boolean;function useModal
useModal: () => UseModalResult;function usePortal
usePortal: ( selectId?: string, getContainer?: () => HTMLElement | null) => HTMLElement | null;function usePrevious
usePrevious: <T>(state: T) => T;function useRect
useRect: (initialState?: ReactiveDomReact | (() => ReactiveDomReact)) => { rect: ReactiveDomReact; setRect: ( event: | React__default.MouseEvent<HTMLElement> | React__default.FocusEvent<HTMLElement>, getContainer?: () => HTMLElement | null ) => void; setRectWithRef: ( ref: React__default.MutableRefObject<HTMLElement>, getContainer?: () => HTMLElement | null ) => void;};function useResize
useResize: (callback: () => unknown, immediatelyInvoke?: boolean) => void;function useSSR
useSSR: () => SSRState;function useTheme
useTheme: () => { theme: styled_components.DefaultTheme; setTheme: (theme: keyof Themes | 'system') => void; setThemeStyle: (theme: styled_components.DefaultTheme) => void; resolvedTheme?: keyof Themes | 'system'; forcedTheme?: keyof Themes | 'system'; systemTheme?: keyof Themes; storedTheme?: keyof Themes | 'system'; themes: Record<string, styled_components.DefaultTheme>;};function useToasts
useToasts: (layout?: ToastLayout) => UseToastsResult;function useToastsContext
useToastsContext: () => ToastsContextParams;function useWarning
useWarning: (message: string, component?: string) => void;function withBox
withBox: <T extends object>(WrappedComponent: React.ComponentType<T>) => any;function withDecorator
withDecorator: <T extends object>( WrappedComponent: React__default.ComponentType<T>, passThroughProps?: (keyof DecoratorProps)[]) => any;function withScale
withScale: <T extends object>(WrappedComponent: React.ComponentType<T>) => any;Interfaces
interface ComboboxConfig
interface ComboboxConfig {}property ref
ref?: MutableRefObject<HTMLElement | null>;property updateValue
updateValue?: (val: string) => unknown;property updateVisible
updateVisible?: (next: boolean) => unknown;property value
value?: string;property visible
visible?: boolean;interface ReactiveDomReact
interface ReactiveDomReact {}interface ToastAction
interface ToastAction {}interface ToastInput
interface ToastInput {}interface ToastsContextParams
interface ToastsContextParams {}property lastUpdateToastId
lastUpdateToastId: string | null;property toastLayout
toastLayout: Required<ToastLayout>;property toasts
toasts: Toast[];property updateLastToastId
updateLastToastId: UpdateToastsIDFunction;property updateToastLayout
updateToastLayout: UpdateToastsLayoutFunction;property updateToasts
updateToasts: UpdateToastsFunction;Enums
enum KeyCode
enum KeyCode { Unknown = 0, Backspace = 8, Tab = 9, Enter = 13, Shift = 16, Ctrl = 17, Alt = 18, PauseBreak = 19, CapsLock = 20, Escape = 27, Space = 32, PageUp = 33, PageDown = 34, End = 35, Home = 36, LeftArrow = 37, UpArrow = 38, RightArrow = 39, DownArrow = 40, Insert = 45, Delete = 46, KEY_0 = 48, KEY_1 = 49, KEY_2 = 50, KEY_3 = 51, KEY_4 = 52, KEY_5 = 53, KEY_6 = 54, KEY_7 = 55, KEY_8 = 56, KEY_9 = 57, KEY_A = 65, KEY_B = 66, KEY_C = 67, KEY_D = 68, KEY_E = 69, KEY_F = 70, KEY_G = 71, KEY_H = 72, KEY_I = 73, KEY_J = 74, KEY_K = 75, KEY_L = 76, KEY_M = 77, KEY_N = 78, KEY_O = 79, KEY_P = 80, KEY_Q = 81, KEY_R = 82, KEY_S = 83, KEY_T = 84, KEY_U = 85, KEY_V = 86, KEY_W = 87, KEY_X = 88, KEY_Y = 89, KEY_Z = 90, Meta = 91, F1 = 112, F2 = 113, F3 = 114, F4 = 115, F5 = 116, F6 = 117, F7 = 118, F8 = 119, F9 = 120, F10 = 121, F11 = 122, F12 = 123, NumLock = 144, ScrollLock = 145, Equal = 187, Minus = 189, Backquote = 192, Backslash = 220,}KeyBinding Codes The content of this file is based on the design of the open source project "microsoft/vscode", Copyright (c) Microsoft Corporation. All rights reserved.
We inherit the KeyMod values from "microsoft/vscode", but use the Browser's KeyboardEvent event implementation, and all values are used only as identification.
member Alt
Alt = 18member Backquote
Backquote = 192member Backslash
Backslash = 220member Backspace
Backspace = 8member CapsLock
CapsLock = 20member Ctrl
Ctrl = 17member Delete
Delete = 46member DownArrow
DownArrow = 40member End
End = 35member Enter
Enter = 13member Equal
Equal = 187member Escape
Escape = 27member F1
F1 = 112member F10
F10 = 121member F11
F11 = 122member F12
F12 = 123member F2
F2 = 113member F3
F3 = 114member F4
F4 = 115member F5
F5 = 116member F6
F6 = 117member F7
F7 = 118member F8
F8 = 119member F9
F9 = 120member Home
Home = 36member Insert
Insert = 45member KEY_0
KEY_0 = 48member KEY_1
KEY_1 = 49member KEY_2
KEY_2 = 50member KEY_3
KEY_3 = 51member KEY_4
KEY_4 = 52member KEY_5
KEY_5 = 53member KEY_6
KEY_6 = 54member KEY_7
KEY_7 = 55member KEY_8
KEY_8 = 56member KEY_9
KEY_9 = 57member KEY_A
KEY_A = 65member KEY_B
KEY_B = 66member KEY_C
KEY_C = 67member KEY_D
KEY_D = 68member KEY_E
KEY_E = 69member KEY_F
KEY_F = 70member KEY_G
KEY_G = 71member KEY_H
KEY_H = 72member KEY_I
KEY_I = 73member KEY_J
KEY_J = 74member KEY_K
KEY_K = 75member KEY_L
KEY_L = 76member KEY_M
KEY_M = 77member KEY_N
KEY_N = 78member KEY_O
KEY_O = 79member KEY_P
KEY_P = 80member KEY_Q
KEY_Q = 81member KEY_R
KEY_R = 82member KEY_S
KEY_S = 83member KEY_T
KEY_T = 84member KEY_U
KEY_U = 85member KEY_V
KEY_V = 86member KEY_W
KEY_W = 87member KEY_X
KEY_X = 88member KEY_Y
KEY_Y = 89member KEY_Z
KEY_Z = 90member LeftArrow
LeftArrow = 37member Meta
Meta = 91member Minus
Minus = 189member NumLock
NumLock = 144member PageDown
PageDown = 34member PageUp
PageUp = 33member PauseBreak
PauseBreak = 19member RightArrow
RightArrow = 39member ScrollLock
ScrollLock = 145member Shift
Shift = 16member Space
Space = 32member Tab
Tab = 9member Unknown
Unknown = 0member UpArrow
UpArrow = 38Type Aliases
type AccentColors
type AccentColors = { primary: string; secondary: string; success: string; warning: string; danger: string; info: string; light: string; dark: string;};AccentColors are static colors that are used to highlight
type AreaProps
type AreaProps = { width?: CSSProperties['width'] | keyof Gap | keyof Breakpoint; height?: CSSProperties['height'] | keyof Gap | keyof Breakpoint; w?: AreaProps['width']; h?: AreaProps['height']; minWidth?: CSSProperties['minWidth'] | keyof Gap | keyof Breakpoint; minHeight?: CSSProperties['minHeight'] | keyof Gap | keyof Breakpoint; maxWidth?: CSSProperties['maxWidth'] | keyof Gap | keyof Breakpoint; maxHeight?: CSSProperties['maxHeight'] | keyof Gap | keyof Breakpoint; minW?: AreaProps['minWidth']; minH?: AreaProps['minHeight']; maxW?: AreaProps['maxWidth']; maxH?: AreaProps['maxHeight'];};type AvatarGroupProps
type AvatarGroupProps = KitchnComponent<Props$G>;type AvatarProps
type AvatarProps = KitchnComponent<Props$H>;type BackgroundProps
type BackgroundProps = { background?: CSSProperties['background'] | keyof LayoutColors; bg?: BackgroundProps['background']; backgroundColor?: CSSProperties['backgroundColor'] | keyof LayoutColors; bgc?: BackgroundProps['backgroundColor']; backgroundAccent?: keyof AccentColors; bga?: BackgroundProps['backgroundAccent'];};type BadgeProps
type BadgeProps = KitchnComponent<Props$F>;type BorderProps
type BorderProps = { borderStyle?: CSSProperties['borderStyle']; bs?: BorderProps['borderStyle']; borderWidth?: CSSProperties['borderWidth']; bw?: BorderProps['borderWidth']; borderLeftWidth?: CSSProperties['borderLeftWidth']; blw?: BorderProps['borderWidth']; borderRightWidth?: CSSProperties['borderRightWidth']; brw?: BorderProps['borderWidth']; borderTopWidth?: CSSProperties['borderTopWidth']; btw?: BorderProps['borderWidth']; borderBottomWidth?: CSSProperties['borderBottomWidth']; bbw?: BorderProps['borderWidth']; borderColor?: CSSProperties['borderColor'] | keyof LayoutColors; bc?: BorderProps['borderColor']; borderLeftColor?: CSSProperties['borderLeftColor'] | keyof LayoutColors; blc?: BorderProps['borderColor']; borderRightColor?: CSSProperties['borderRightColor'] | keyof LayoutColors; brc?: BorderProps['borderColor']; borderTopColor?: CSSProperties['borderTopColor'] | keyof LayoutColors; btc?: BorderProps['borderColor']; borderBottomColor?: CSSProperties['borderBottomColor'] | keyof LayoutColors; bbc?: BorderProps['borderColor']; borderRadius?: CSSProperties['borderRadius'] | keyof Radius; br?: BorderProps['borderRadius']; borderTopLeftRadius?: CSSProperties['borderTopLeftRadius'] | keyof Radius; btlr?: BorderProps['borderRadius']; borderTopRightRadius?: CSSProperties['borderTopRightRadius'] | keyof Radius; btrr?: BorderProps['borderRadius']; borderBottomLeftRadius?: CSSProperties['borderBottomLeftRadius'] | keyof Radius; bblr?: BorderProps['borderRadius']; borderBottomRightRadius?: | CSSProperties['borderBottomRightRadius'] | keyof Radius; bbrr?: BorderProps['borderRadius'];};type BoxProps
type BoxProps = DecoratorProps;type Breakpoint
type Breakpoint = { /** * Desktops and laptops */ desktop: string; /** * iPads (landscape) */ laptop: string; /** * iPads (portrait) */ tablet: string; /** * Smartphones (landscape) */ mobile: string;};Breakpoint is used for media queries.
type ButtonProps
type ButtonProps = KitchnComponent< Props$E, React__default.ButtonHTMLAttributes<HTMLButtonElement>>;type CalendarProps
type CalendarProps = Props$A;type CheckboxCheckContainerProps
type CheckboxCheckContainerProps = KitchnComponent< { label?: boolean; }, React__default.HTMLAttributes<HTMLDivElement>>;type CheckboxProps
type CheckboxProps = KitchnComponent< Props$z, React__default.InputHTMLAttributes<HTMLInputElement>>;type ClickAwayGetContainer
type ClickAwayGetContainer = () => HTMLElement | null;type CodeProps
type CodeProps = KitchnComponent< Props$y, React__default.HTMLAttributes<HTMLPreElement>>;type CollapseProps
type CollapseProps = KitchnComponent<Props$x>;type Colors
type Colors = { layout: LayoutColors; text: TextColors; accent: AccentColors;};type ComboboxDropdownProps
type ComboboxDropdownProps = KitchnComponent<Props$r>;type ComboboxEmptyProps
type ComboboxEmptyProps = KitchnComponent<Props$q, ContainerProps>;type ComboboxItemProps
type ComboboxItemProps = KitchnComponent<Props$w, ContainerProps>;type ComboboxOption
type ComboboxOption = { label: string; value: string;};type ComboboxOptions
type ComboboxOptions = ( | typeof ComboboxItem | ComboboxOption | React__default.ReactElement<ComboboxItemProps>)[];type ComboboxProps
type ComboboxProps = KitchnComponent<Props$s, InputProps>;type ComboboxSearchingProps
type ComboboxSearchingProps = KitchnComponent<Props$p, ContainerProps>;type ContainerProps
type ContainerProps = Props$D & React__default.ComponentPropsWithRef<'div'>;type ControlProps
type ControlProps = TabProps;type CurrentStateType
type CurrentStateType<S> = [ S, React__default.Dispatch<React__default.SetStateAction<S>>, React__default.MutableRefObject<S>];type DecoratorProps
type DecoratorProps = { display?: CSSProperties$1['display']; overflow?: CSSProperties$1['overflow']; font?: CSSProperties$1['fontSize'] | keyof Size; cursor?: CSSProperties$1['cursor']; pointerEvents?: CSSProperties$1['pointerEvents']; userSelect?: CSSProperties$1['userSelect'];} & AreaProps & BackgroundProps & BorderProps & MarginProps & PaddingProps & PositionProps;type DeepPartial
type DeepPartial<T> = { [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];};type DrawerProps
type DrawerProps = KitchnComponent<Props$o>;type DropdownProps
type DropdownProps = KitchnComponent<Props$n>;type EntityFieldProps
type EntityFieldProps = KitchnComponent<Props$l, ContainerProps>;type EntityFieldTitleProps
type EntityFieldTitleProps = KitchnComponent< { active?: boolean; label?: boolean; }, TextProps>;type EntityProps
type EntityProps = KitchnComponent<Props$m, ContainerProps>;type ErrorProps
type ErrorProps = KitchnComponent<Props$k>;type FieldsetProps
type FieldsetProps = KitchnComponent<Props$j>;type FieldsetTabsProps
type FieldsetTabsProps = KitchnComponent< { tabs: string[]; }, ContainerProps>;type FooterGroupProps
type FooterGroupProps = KitchnComponent<GroupProps>;type FooterLinkProps
type FooterLinkProps = KitchnComponent< { href: LinkProps['href']; }, React__default.HTMLProps<HTMLLIElement>>;type FooterProps
type FooterProps = KitchnComponent<Props$i>;type FragmentLinkProps
type FragmentLinkProps = KitchnComponent<Props$f, LinkProps>;type Gap
type Gap = { extraLarge: string; large: string; medium: string; normal: string; small: string; tiny: string;};Gap is used for spacing.
type HighlightPosition
type HighlightPosition = { width: string; left: string; height: string; top: string; transition: string;};type HighlightProps
type HighlightProps = KitchnComponent<{ rect: ReactiveDomReact; visible?: boolean; hoverHeightRatio?: number; hoverWidthRatio?: number; activeOpacity?: number;}>;type IconProps
type IconProps = KitchnComponent<Props$v, React__default.SVGProps<SVGSVGElement>>;type ImageProps
type ImageProps = KitchnComponent< Props$h, React__default.ImgHTMLAttributes<HTMLImageElement>>;type InlineCodeProps
type InlineCodeProps = KitchnComponent< object, React__default.HTMLAttributes<HTMLElement>>;type InpuPasswordProps
type InpuPasswordProps = KitchnComponent<Props$g, InputProps>;type InputProps
type InputProps = KitchnComponent< Props$t, React__default.InputHTMLAttributes<HTMLInputElement>>;type KeyboardOptions
type KeyboardOptions = { disableGlobalEvent?: boolean; stopPropagation?: boolean; preventDefault?: boolean; capture?: boolean; event?: 'keydown' | 'keypress' | 'keyup';};type KeyboardResult
type KeyboardResult = { bindings: { onKeyDown: React__default.KeyboardEventHandler; onKeyDownCapture: React__default.KeyboardEventHandler; onKeyPress: React__default.KeyboardEventHandler; onKeyPressCapture: React__default.KeyboardEventHandler; onKeyUp: React__default.KeyboardEventHandler; onKeyUpCapture: React__default.KeyboardEventHandler; };};type KitchnComponent
type KitchnComponent<P, N = React.HTMLAttributes<any>> = { /** * The root element. */ as?: React.ElementType; /** * The content, duh. */ children?: React.ReactNode; forwardedAs?: React.ElementType;} & P & Omit<N, keyof P>;type KitchnProviderProps
type KitchnProviderProps = { children?: React__default.ReactNode; theme?: ThemeProviderProps['theme']; enableSystem?: boolean; defaultTheme?: keyof Themes | 'system'; forcedTheme?: keyof Themes | 'system'; themes?: Record<string, DefaultTheme>; dangerouslyDisableNextThemeProvider?: boolean; attribute?: ThemeProviderProps$1['attribute']; showBreakpointBadge?: boolean;};type LayoutColors
type LayoutColors = { darkest: string; darker: string; dark: string; light: string; lighter: string; lightest: string;};Layout colors are used for backgrounds, borders, etc.
type LinkProps
type LinkProps = KitchnComponent< Props$C, React__default.AnchorHTMLAttributes<HTMLAnchorElement>>;type ListItemProps
type ListItemProps = KitchnComponent< object, React__default.LiHTMLAttributes<HTMLElement>>;type MainTheme
type MainTheme = { breakpoint: Breakpoint; family: { primary: string; monospace: string; }; gap: Gap; size: Size; weight: Weight; radius: Radius;};type MarginProps
type MarginProps = { margin?: CSSProperties['margin'] | keyof Gap; m?: MarginProps['margin']; marginLeft?: CSSProperties['marginLeft'] | keyof Gap; marginRight?: CSSProperties['marginRight'] | keyof Gap; marginTop?: CSSProperties['marginTop'] | keyof Gap; marginBottom?: CSSProperties['marginBottom'] | keyof Gap; ml?: MarginProps['marginLeft']; mr?: MarginProps['marginRight']; mt?: MarginProps['marginTop']; mb?: MarginProps['marginBottom']; mx?: MarginProps['margin']; my?: MarginProps['margin'];};type MenuButtonProps
type MenuButtonProps = | ({ unstyled?: true; } & React__default.PropsWithChildren) | ({ unstyled?: false; } & ButtonProps & DecoratorProps);type MenuContainerProps
type MenuContainerProps = Omit<TooltipProps, 'text'>;type MenuContentProps
type MenuContentProps = ContainerProps;type MenuItemProps
type MenuItemProps = KitchnComponent< { disabled?: boolean; active?: boolean; }, ContainerProps>;type MenuLinkProps
type MenuLinkProps = KitchnComponent<MenuItemProps, LinkProps & DecoratorProps>;type MenuSectionProps
type MenuSectionProps = KitchnComponent< { title: string; }, ContainerProps>;type ModalActionProps
type ModalActionProps = KitchnComponent< { disabled?: boolean; }, ButtonProps>;type ModalProps
type ModalProps = KitchnComponent<Props$e>;type NavigationMenuSectionHeaderProps
type NavigationMenuSectionHeaderProps = TextProps;type NavigationMenuSectionItemDescriptionProps
type NavigationMenuSectionItemDescriptionProps = TextProps;type NavigationMenuSectionItemIconProps
type NavigationMenuSectionItemIconProps = ContainerProps & { icon: NonNullable<IconProps['icon']>;};type NavigationMenuSectionItemNameProps
type NavigationMenuSectionItemNameProps = TextProps;type NavigationMenuSectionProps
type NavigationMenuSectionProps = ContainerProps;type NextThemeProviderWrapperProps
type NextThemeProviderWrapperProps = ThemeProviderProps$1 & { dangerouslyDisableNextThemeProvider?: boolean;};type NormalSizes
type NormalSizes = 'small' | 'normal' | 'large';type NoteProps
type NoteProps = KitchnComponent<Props$d>;type OrderedListProps
type OrderedListProps = KitchnComponent< object, React__default.OlHTMLAttributes<HTMLElement>>;type PaddingProps
type PaddingProps = { padding?: CSSProperties['padding'] | keyof Gap; p?: PaddingProps['padding']; paddingLeft?: CSSProperties['paddingLeft'] | keyof Gap; paddingRight?: CSSProperties['paddingRight'] | keyof Gap; paddingTop?: CSSProperties['paddingTop'] | keyof Gap; paddingBottom?: CSSProperties['paddingBottom'] | keyof Gap; pl?: PaddingProps['paddingLeft']; pr?: PaddingProps['paddingRight']; pt?: PaddingProps['paddingTop']; pb?: PaddingProps['paddingBottom']; px?: PaddingProps['padding']; py?: PaddingProps['padding'];};type Placement
type Placement = | 'top' | 'topStart' | 'topEnd' | 'left' | 'leftStart' | 'leftEnd' | 'bottom' | 'bottomStart' | 'bottomEnd' | 'right' | 'rightStart' | 'rightEnd';type PositionProps
type PositionProps = { position?: CSSProperties['position']; pos?: PositionProps['position']; zIndex?: CSSProperties['zIndex']; zi?: PositionProps['zIndex']; left?: CSSProperties['left'] | keyof Gap | keyof Breakpoint; right?: CSSProperties['right'] | keyof Gap | keyof Breakpoint; top?: CSSProperties['top'] | keyof Gap | keyof Breakpoint; bottom?: CSSProperties['bottom'] | keyof Gap | keyof Breakpoint; l?: PositionProps['left']; r?: PositionProps['right']; t?: PositionProps['top']; b?: PositionProps['bottom'];};type ProgressProps
type ProgressProps = KitchnComponent< Props$c, React__default.ProgressHTMLAttributes<HTMLProgressElement>>;type Radius
type Radius = { square: string; round: string;};Radius is used for border radius.
type ScaleProps
type ScaleProps = DecoratorProps;type ScrollerProps
type ScrollerProps = KitchnComponent<Props$b>;type SelectProps
type SelectProps = KitchnComponent< Props$a, React__default.SelectHTMLAttributes<HTMLSelectElement>>;type Size
type Size = { extraTitle: string; title: string; large: string; medium: string; normal: string; compact: string; small: string; tiny: string;};Size is used for font sizes.
type SkeletonProps
type SkeletonProps = KitchnComponent<Props$9>;type SnippetLineProps
type SnippetLineProps = TextProps & { prompt?: boolean;};type SnippetProps
type SnippetProps = KitchnComponent<Props$8, ContainerProps>;type SpacerProps
type SpacerProps = KitchnComponent<Props$7>;type SpinnerProps
type SpinnerProps = KitchnComponent<Props$6>;type SSRState
type SSRState = { isBrowser: boolean; isServer: boolean;};type SwitchProps
type SwitchProps = TabsProps;type TabProps
type TabProps = KitchnComponent< { title: React__default.ReactNode; value: string; icon?: JSX.Element; }, React__default.HTMLProps<HTMLDivElement>>;type TabsProps
type TabsProps = KitchnComponent<Props$5>;type TextareaProps
type TextareaProps = KitchnComponent< Props$4, React__default.TextareaHTMLAttributes<HTMLTextAreaElement>>;type TextColors
type TextColors = { lightest: string; lighter: string; light: string; dark: string; darker: string; darkest: string;};Text colors are used for text and icons.
type TextProps
type TextProps = KitchnComponent<Props$u>;type Theme
type Theme = { name: string; colors: Colors;};type ThemeContextParams
type ThemeContextParams = { theme: DefaultTheme; setTheme: (theme: keyof Themes | 'system') => void; setThemeStyle: (theme: DefaultTheme) => void; resolvedTheme?: keyof Themes | 'system'; forcedTheme?: keyof Themes | 'system'; systemTheme?: keyof Themes; storedTheme?: keyof Themes | 'system'; themes: Record<string, DefaultTheme>;};type ThemeProviderProps
type ThemeProviderProps = { children: React__default.ReactNode; theme?: DefaultTheme; themes: ThemeContextParams['themes'];};type Themes
type Themes = Record<string, DefaultTheme>;type Toast
type Toast = Required<ToastInput> & ToastInstance;type ToastActionsProps
type ToastActionsProps = KitchnComponent<Props$3>;type ToastContainerProps
type ToastContainerProps = KitchnComponent<object>;type ToastInstance
type ToastInstance = { visible: boolean; cancel: () => void; _timeout: null | number; _internalIdent: string;};type ToastItemProps
type ToastItemProps = KitchnComponent<Props$2>;type ToastLayout
type ToastLayout = { padding?: React__default.CSSProperties['padding']; margin?: React__default.CSSProperties['margin']; width?: React__default.CSSProperties['width']; maxWidth?: React__default.CSSProperties['maxWidth']; maxHeight?: React__default.CSSProperties['maxHeight']; placement?: ToastPlacement;};type ToastPlacement
type ToastPlacement = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';type ToastTypes
type ToastTypes = keyof AccentColors;type ToggleProps
type ToggleProps = KitchnComponent< Props$1, React__default.InputHTMLAttributes<HTMLInputElement>>;type TooltipContainerProps
type TooltipContainerProps = KitchnComponent<Props>;type TooltipIconOffset
type TooltipIconOffset = { x: string; y: string;};type TooltipOnContentClick
type TooltipOnContentClick = ( e: React__default.MouseEvent, visible: boolean, setVisible: (visible: boolean) => void) => void;type TooltipOnVisibleChange
type TooltipOnVisibleChange = (visible: boolean) => void;type TooltipPlacement
type TooltipPlacement = Placement;type TooltipPosition
type TooltipPosition = { top: string; left: string; transform: string;};type TooltipProps
type TooltipProps = KitchnComponent<Props$B>;type TooltipReactiveDomReact
type TooltipReactiveDomReact = { top: number; bottom: number; left: number; right: number; width: number; height: number;};type TooltipTriggers
type TooltipTriggers = TriggerTypes;type TooltipTypes
type TooltipTypes = keyof AccentColors;type TriggerTypes
type TriggerTypes = 'hover' | 'click';type UnorderedListProps
type UnorderedListProps = KitchnComponent< object, React__default.OlHTMLAttributes<HTMLElement>>;type UpdateToastsFunction
type UpdateToastsFunction = (fn: (toasts: Toast[]) => Toast[]) => void;type UpdateToastsIDFunction
type UpdateToastsIDFunction = (fn: () => string | null) => void;type UpdateToastsLayoutFunction
type UpdateToastsLayoutFunction = ( fn: (layout: Required<ToastLayout>) => Required<ToastLayout>) => void;type UseBreakpointResult
type UseBreakpointResult = { isMobile: boolean; isTablet: boolean; isLaptop: boolean; isDesktop: boolean;};type UseCheckboxResult
type UseCheckboxResult = [boolean, () => void];type UseCheckboxValue
type UseCheckboxValue = boolean;type UseClipboardOptions
type UseClipboardOptions = { onError: () => unknown;};type UseClipboardResult
type UseClipboardResult = { copy: (text: string) => void;};type UseKeyboard
type UseKeyboard = ( handler: UseKeyboardHandler, keyBindings: number[] | number, options?: KeyboardOptions) => KeyboardResult;type UseKeyboardHandler
type UseKeyboardHandler = ( event: React__default.KeyboardEvent | KeyboardEvent) => void;type UseModalResult
type UseModalResult = [boolean, () => void, () => void];type UseToastsResult
type UseToastsResult = { toasts: Toast[]; setToast: (toast: ToastInput) => void; removeAll: () => void; findOneToastByID: (ident: string) => Toast | undefined; removeOneToastByID: (ident: string) => void;};type Weight
type Weight = { thin: number; extraLight: number; light: number; regular: number; medium: number; semiBold: number; bold: number; extraBold: number; black: number;};Weight is used for font weights.
type window
type window = object;Namespaces
Package Files (2)
Dependencies (10)
Dev Dependencies (10)
Peer Dependencies (5)
Badge
To add a badge like this oneto your package's README, use the codes available below.
You may also use Shields.io to create a custom badge linking to https://www.jsdocs.io/package/kitchn.
- Markdown[](https://www.jsdocs.io/package/kitchn)
- HTML<a href="https://www.jsdocs.io/package/kitchn"><img src="https://img.shields.io/badge/jsDocs.io-reference-blue" alt="jsDocs.io"></a>
- Updated .
Package analyzed in 10296 ms. - Missing or incorrect documentation? Open an issue for this package.
