@patreon/studio/module/index.d.ts

Patreon Studio Design System

export { default as styled, css } from 'styled-components';
export { Avatar } from './components/Avatar';
export { AvatarProps } from './components/Avatar/types';
export { ActionBar } from './components/ActionBar';
export { ActionBarProps } from './components/ActionBar/types';
export { Badge } from './components/Badge';
export { BadgeProps } from './components/Badge/types';
export { Banner } from './components/Banner';
export { BannerProps } from './components/Banner/types';
export { Box, BoxProps } from './components/Box';
export { Button } from './components/Button';
export { ButtonProps } from './components/Button/types';
export { Card } from './components/Card';
export { CardProps } from './components/Card/types';
export { CardWithHeader, CardWithHeaderProps } from './components/CardWithHeader';
export { Checkbox } from './components/Checkbox';
export { CheckboxProps } from './components/Checkbox/shared';
export { Collapse } from './components/Collapse';
export { CollapseProps } from './components/Collapse/types';
export { DisplayText, DisplayTextWithCss } from './components/DisplayText';
export { DisplayTextProps } from './components/DisplayText/types';
export { Dropdown } from './components/Dropdown';
export { DropdownProps } from './components/Dropdown/types';
export { DropdownListProps } from './components/Dropdown/DropdownList';
export { IconProps, IconComponent } from './components/Icon/types';
export * from './components/Icon/catalog';
export { Image } from './components/Image';
export { ImageProps } from './components/Image/types';
export { InlineError, InlineErrorProps } from './components/InlineError';
export { ImpliedInput } from './components/ImpliedInput';
export { ImpliedInputProps } from './components/ImpliedInput/types';
export { InlineSuccess, InlineSuccessProps } from './components/InlineSuccess';
export { LoadingSpinner } from './components/LoadingSpinner';
export { LoadingSpinnerProps } from './components/LoadingSpinner/types';
export { PatreonMark, PatreonWordmark } from './components/Logo';
export { LogoProps } from './components/Logo/types';
export { Popover } from './components/Popover';
export { PopoverProps } from './components/Popover/types';
export { RadioButton, RadioGroup, RadioInput, RadioInputProps } from './components/Radio';
export { RadioButtonProps, RadioGroupProps } from './components/Radio/types';
export { Grid, Row, Col } from './components/Grid';
export { GridProps, ColProps, ColumnRange, Order } from './components/Grid/types';
export { Stack, StackWithCss } from './components/Stack';
export { StackProps } from './components/Stack/types';
export { TextInput } from './components/TextInput';
export { TextInputProps } from './components/TextInput/types';
export { StudioProvider } from './components/StudioProvider';
export { Toaster, ToasterConsumer, useToaster } from './components/Toast';
export { ToastOptions, ToasterAPI } from './components/Toast/types';
export { Toggle, ToggleProps } from './components/Toggle';
export { Tooltip } from './components/Tooltip';
export { TooltipProps } from './components/Tooltip/types';
export { TopNav, TopNavProps, } from './components/TopNav';
export { VisuallyHiddenText } from './components/VisuallyHiddenText';
export { BaseProps as ComponentBaseProps, ChildrenProps as ComponentChildrenProps } from './types/component';
export { TextLink } from './components/TextLink';
export { TextLinkProps } from './components/TextLink/types';
export { BodyText, BodyTextWithCss } from './components/BodyText';
export { BodyTextProps } from './components/BodyText/types';
export { HeadingText, HeadingTextWithCss } from './components/HeadingText';
export { HeadingTextProps } from './components/HeadingText/types';
export { DataText, DataTextWithCss } from './components/DataText';
export { DataTextProps } from './components/DataText/types';
export { Divider } from './components/Divider';
export { DividerProps } from './components/Divider/types';
export { Dialog } from './components/Dialog';
export { DialogProps } from './components/Dialog/types';
export { Chip } from './components/Chip';
export { ChipProps } from './components/Chip/types';
export { CardLayout } from './components/CardLayout';
export { CardLayoutProps } from './components/CardLayout/types';
export { Spacer, SpacerWithCss } from './components/Spacer';
export { SpacerProps } from './components/Spacer/types';
export { WideContent, NarrowContent, MiniContent, FluidContent, TwoColumnArea, ThreeColumnArea, AreaSpan, } from './components/Areas';
export { AreaSpanProps } from './components/Areas/types';
export { SegmentedControl } from './components/SegmentedControl';
export { SegmentedControlProps, Segment, SegmentedControlSegments } from './components/SegmentedControl/types';
export { Select } from './components/Select/Select';
export { SelectProps } from './components/Select/types';
export { Pill } from './components/Pill/Pill';
export { PillProps } from './components/Pill/types';
export { useCurrentColorScheme } from './components/ColorSchemeProvider';
export { TokenSet } from './types/token-set';
export { StudioLoggerProvider } from './components/LoggingProvider';
export { useLogger } from './hooks/useLogger';
export { Takeover } from './components/Takeover/Takeover';
export { TakeoverProps } from './components/Takeover/types';
export { Alert } from './components/Alert';
export { AlertProps } from './components/Alert/types';
export { Drawer } from './components/Drawer';
export { DrawerProps } from './components/Drawer/types';
export * from './types/tokens';
export { isTokenColorMode } from './utilities/token-mode';
export { useTokenWithOpacity } from './hooks/useTokenWithOpacity';
export { cssForDarkMode, cssForLightMode, cssForColorScheme } from './utilities/color-scheme';
export { ColorSystemContainerProps } from './components/ColorSystemContainer/types';
export { useColorSystemContainerState, ColorSystemContainer } from './components/ColorSystemContainer';
export { useGeneratedColorPalette, generateColorPalette } from './components/ColorSystem';
export { InputGroup } from './components/InputGroup/InputGroup';
export { InputGroupProps } from './components/InputGroup/types';
export { useExtractTokenValue } from './hooks/extract-tokens/useExtractTokenValue';
export { useExtractTokenValuePair } from './hooks/extract-tokens/useExtractTokenValuePair';
export { useExtractedTokenCss } from './hooks/extract-tokens/useExtractedTokenCss';
export { ExtractTokenValue, ExtractTokenValuePair } from './hooks/extract-tokens/types';
export { PortalPassthrough } from './components/PortalPassthrough';
export { tokens } from './tokens';
export { typeTokens } from './tokens/typography';
export { useTokenModes } from './components/TokenModeProvider';
export { breakpointNames, breakpoints, breakpointsInPixels } from './utilities/breakpoint-definitions';
export { mediaForBreakpoint } from './utilities/breakpoints';
export { convertLegacyUnitValue, convertLegacyUnitValues } from './utilities/legacy-units';
export { useSwipe } from './hooks/useSwipe';
export { useOverlayStack, OverlayStackComponent } from './components/OverlayStackProvider';
export { Breakpoint, OpaqueResponsive, ValueOrResponsive, Responsive, wrapResponsive, mergeResponsive, mergeNamedResponsive, cssForResponsive, cssForResponsiveProp, hasResponsiveValue, } from './utilities/opaque-responsive';
export { LegacyBreakpoint, LegacyResponsive, LegacyLazyResponsive, cssForLegacyResponsive, legacyResponsiveProp, } from './utilities/legacy-responsive';
export { cssForBodyText, cssForBoldBodyText, cssForHeadingText, cssForDisplayText, cssForDataBodyText, cssForDataHeadingText, cssForDataDisplayText, cssForButtonText, } from './utilities/type-bundles';
export { HexString } from './types/color-system';
export { isHexColor } from './utilities/color-system';
export { cssForEllipsis } from './utilities/css-bundles';
export { tokenWithOpacity, cssWithTransparentToken } from './utilities/color-mix';
export { useCurrentBreakpoint, isBreakpointAvailable } from './hooks/useCurrentBreakpoint';
export { useCurrentResponsiveValue, isResponsiveValueAvailable } from './hooks/useCurrentResponsiveValue';
export { tokenDefinitionsClassName } from './styles/token-definitions';
export { tokenScreenModeClassName, tokenColorModeClassName, tokenSharedModeClassName } from './styles/token-modes';
export { TokenScreenMode, TokenColorMode } from './types/token-modes';
export { TokenModeContainerProps, TokenModeContainer } from './components/TokenModeContainer';
export { cssForCustomText } from './utilities/custom-type-bundle/cssForCustomText';
export { escapeForCustomText } from './utilities/custom-type-bundle/escapeForCustomText';
export { classNameForBodyText } from './styles/classNameForBodyText';
export { classNameForHeadingText } from './styles/classNameForHeadingText';
export { classNameForDisplayText } from './styles/classNameForDisplayText';
export { classNameForDataBodyText } from './styles/classNameForDataBodyText';
export { classNameForDataHeadingText } from './styles/classNameForDataHeadingText';
export { classNameForDataDisplayText } from './styles/classNameForDataDisplayText';
export { classNameForTextLayout } from './styles/classNameForTextLayout';
export { classNameForColor } from './styles/classNameForColor';
export { classNameForTextLinkStyle } from './styles/classNameForTextLinkStyle';