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

Patreon Studio Design System

export { css, default as styled } from 'styled-components';
export { ActionBar } from '~/components/ActionBar';
export { ActionBarProps } from '~/components/ActionBar/types';
export { Alert } from '~/components/Alert';
export { AlertProps } from '~/components/Alert/types';
export { AreaSpan, FluidContent, MiniContent, NarrowContent, ThreeColumnArea, TwoColumnArea, WideContent, } from '~/components/Areas';
export { AreaSpanProps } from '~/components/Areas/types';
export { Avatar } from '~/components/Avatar';
export { AvatarProps } from '~/components/Avatar/types';
export { Badge, StandaloneBadge } from '~/components/Badge';
export { BadgeProps, StandaloneBadgeProps } from '~/components/Badge/types';
export { Banner } from '~/components/Banner';
export { BannerProps } from '~/components/Banner/types';
export { BodyText, BodyTextWithCss } from '~/components/BodyText';
export { BodyTextProps } from '~/components/BodyText/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 { CardLayout } from '~/components/CardLayout';
export { CardLayoutProps } from '~/components/CardLayout/types';
export { CardWithHeader, CardWithHeaderProps } from '~/components/CardWithHeader';
export { Checkbox } from '~/components/Checkbox';
export { CheckboxProps } from '~/components/Checkbox/types';
export { Chip } from '~/components/Chip';
export { ChipProps } from '~/components/Chip/types';
export { AbsorbClick, AbsorbClickProps, ClickAreaProps, useClickArea } from '~/components/ClickArea';
export { Collapse } from '~/components/Collapse';
export { CollapseProps } from '~/components/Collapse/types';
export { useCurrentColorScheme } from '~/components/ColorSchemeProvider';
export { generateColorPalette } from '~/components/ColorSystem';
export { ColorSystemContainer, useColorSystemContainerState } from '~/components/ColorSystemContainer';
export { ColorSystemContainerProps } from '~/components/ColorSystemContainer/types';
export { DataText, DataTextWithCss } from '~/components/DataText';
export { DataTextProps } from '~/components/DataText/types';
export { Dialog } from '~/components/Dialog';
export { DialogProps } from '~/components/Dialog/types';
export { DisplayText, DisplayTextWithCss } from '~/components/DisplayText';
export { DisplayTextProps } from '~/components/DisplayText/types';
export { Divider } from '~/components/Divider';
export { DividerProps } from '~/components/Divider/types';
export { Dropdown } from '~/components/Dropdown';
export { DropdownListProps } from '~/components/Dropdown/DropdownList';
export { DropdownProps } from '~/components/Dropdown/types';
export { Col, Grid, Row } from '~/components/Grid';
export { ColProps, ColumnRange, GridProps, Order } from '~/components/Grid/types';
export { HeadingText, HeadingTextWithCss } from '~/components/HeadingText';
export { HeadingTextProps } from '~/components/HeadingText/types';
export * from '~/components/Icon/catalog';
export { IconComponent, IconProps } from '~/components/Icon/types';
export { Image } from '~/components/Image';
export { ImageProps } from '~/components/Image/types';
export { ImpliedInput } from '~/components/ImpliedInput';
export { ImpliedInputProps } from '~/components/ImpliedInput/types';
export { InlineError, InlineErrorProps } from '~/components/InlineError';
export { InlineHelpText, InlineHelpTextProps } from '~/components/InlineHelpText';
export { InlineSuccess, InlineSuccessProps } from '~/components/InlineSuccess';
export { InputGroup } from '~/components/InputGroup/InputGroup';
export { InputGroupProps } from '~/components/InputGroup/types';
export { Label } from '~/components/Label';
export { LabelProps } from '~/components/Label/types';
export { LoadingSpinner } from '~/components/LoadingSpinner';
export { LoadingSpinnerProps } from '~/components/LoadingSpinner/types';
export { StudioLoggerProvider } from '~/components/LoggingProvider';
export { PatreonMark, PatreonWordmark } from '~/components/Logo';
export { LogoProps } from '~/components/Logo/types';
export { OverlayStackComponent, useOverlayStack } from '~/components/OverlayStackProvider';
export { Pill } from '~/components/Pill/Pill';
export { PillProps } from '~/components/Pill/types';
export { Popover } from '~/components/Popover';
export { PopoverProps } from '~/components/Popover/types';
export { PortalPassthrough } from '~/components/PortalPassthrough';
export { RadioButton, RadioGroup, RadioInput, RadioInputProps } from '~/components/Radio';
export { RadioButtonProps, RadioGroupProps } from '~/components/Radio/types';
export { SegmentedControl } from '~/components/SegmentedControl';
export { Segment, SegmentedControlProps, SegmentedControlSegments } from '~/components/SegmentedControl/types';
export { Select } from '~/components/Select/Select';
export { SelectProps } from '~/components/Select/types';
export { Spacer, SpacerWithCss } from '~/components/Spacer';
export { SpacerProps } from '~/components/Spacer/types';
export { Stack, StackWithCss } from '~/components/Stack';
export { StackProps } from '~/components/Stack/types';
export { StudioProvider } from '~/components/StudioProvider';
export { TextInput } from '~/components/TextInput';
export { TextInputProps } from '~/components/TextInput/types';
export { TextLink } from '~/components/TextLink';
export { TextLinkProps } from '~/components/TextLink/types';
export { Toaster, ToasterConsumer, useToaster } from '~/components/Toast';
export { ToastOptions, ToasterAPI } from '~/components/Toast/types';
export { Toggle, ToggleProps } from '~/components/Toggle';
export { TokenModeContainer, TokenModeContainerProps } from '~/components/TokenModeContainer';
export { useTokenModes } from '~/components/TokenModeProvider';
export { Tooltip } from '~/components/Tooltip';
export { TooltipProps } from '~/components/Tooltip/types';
export { TopNav, TopNavProps, } from '~/components/TopNav';
export { VisuallyHiddenText } from '~/components/VisuallyHiddenText';
export { useExtractedTokenCss } from '~/hooks/extract-tokens/useExtractedTokenCss';
export { useExtractTokenValuePair } from '~/hooks/extract-tokens/useExtractTokenValuePair';
export { isBreakpointAvailable, useCurrentBreakpoint } from '~/hooks/useCurrentBreakpoint';
export { isResponsiveValueAvailable, useCurrentResponsiveValue } from '~/hooks/useCurrentResponsiveValue';
export { useLogger } from '~/hooks/useLogger';
export { useSwipe } from '~/hooks/useSwipe';
export { classNameForBodyText } from '~/styles/classNameForBodyText';
export { classNameForColor } from '~/styles/classNameForColor';
export { classNameForDataBodyText } from '~/styles/classNameForDataBodyText';
export { classNameForDataDisplayText } from '~/styles/classNameForDataDisplayText';
export { classNameForDataHeadingText } from '~/styles/classNameForDataHeadingText';
export { classNameForDisplayText } from '~/styles/classNameForDisplayText';
export { classNameForHeadingText } from '~/styles/classNameForHeadingText';
export { classNameForTextLayout } from '~/styles/classNameForTextLayout';
export { classNameForTextLinkStyle } from '~/styles/classNameForTextLinkStyle';
export { tokenDefinitionsClassName } from '~/styles/token-definitions';
export { tokenColorModeClassName, tokenScreenModeClassName, tokenSharedModeClassName } from '~/styles/token-modes';
export { tokens } from '~/tokens';
export { typeTokens } from '~/tokens/typography';
export { ArgbNumber, // TODO: Remove this export
HctaObject, HexString, HexString3, HexString6, HexString8, RgbaObject, // TODO: Remove this export
RgbaString, } from '~/types/color';
export { BaseProps as ComponentBaseProps, ChildrenProps as ComponentChildrenProps } from '~/types/component';
export { TokenColorMode, TokenScreenMode } from '~/types/token-modes';
export { TokenSet } from '~/types/token-set';
export * from '~/types/tokens';
export { breakpointNames, breakpoints, breakpointsInPixels } from '~/utilities/breakpoint-definitions';
export { mediaForBreakpoint } from '~/utilities/breakpoints';
export { computeColorDistance, computeContrastRatio, hcta2hex, hex2hcta, isValidHex, isValidHex3, isValidHex6, isValidHex8, lerp, lerpColor, } from '~/utilities/color';
export { cssWithTransparentToken, tokenWithOpacity } from '~/utilities/color-mix';
export { colorMod } from '~/utilities/color-mod';
export { cssForColorScheme, cssForDarkMode, cssForLightMode } from '~/utilities/color-scheme';
export { cssForEllipsis } from '~/utilities/css-bundles';
export { cssForCustomText } from '~/utilities/custom-type-bundle/cssForCustomText';
export { escapeForCustomText } from '~/utilities/custom-type-bundle/escapeForCustomText';
export { LegacyBreakpoint, LegacyLazyResponsive, LegacyResponsive, cssForLegacyResponsive, legacyResponsiveProp, } from '~/utilities/legacy-responsive';
export { convertLegacyUnitValue, convertLegacyUnitValues } from '~/utilities/legacy-units';
export { Breakpoint, OpaqueResponsive, Responsive, ValueOrResponsive, cssForResponsive, cssForResponsiveProp, hasResponsiveValue, mergeNamedResponsive, mergeResponsive, wrapResponsive, } from '~/utilities/opaque-responsive';
export { isTokenColorMode } from '~/utilities/token-mode';
export { cssForBodyText, cssForDisplayText, cssForHeadingText } from '~/utilities/type-bundles';