@patreon/studio
Version:
Patreon Studio Design System
103 lines • 6.83 kB
JavaScript
export { css, default as styled } from 'styled-components';
export { ActionBar } from '~/components/ActionBar';
export { Alert } from '~/components/Alert';
export { AreaSpan, FluidContent, MiniContent, NarrowContent, ThreeColumnArea, TwoColumnArea, WideContent, } from '~/components/Areas';
export { Avatar } from '~/components/Avatar';
export { Badge, StandaloneBadge } from '~/components/Badge';
export { Banner } from '~/components/Banner';
export { BodyText, BodyTextWithCss } from '~/components/BodyText';
export { Box } from '~/components/Box';
export { Button } from '~/components/Button';
export { Card } from '~/components/Card';
export { CardLayout } from '~/components/CardLayout';
export { CardWithHeader } from '~/components/CardWithHeader';
export { Checkbox } from '~/components/Checkbox';
export { Chip } from '~/components/Chip';
export { AbsorbClick, useClickArea } from '~/components/ClickArea';
export { Collapse } from '~/components/Collapse';
export { useCurrentColorScheme } from '~/components/ColorSchemeProvider';
export { generateColorPalette } from '~/components/ColorSystem';
export { ColorSystemContainer, useColorSystemContainerState } from '~/components/ColorSystemContainer';
export { DataText, DataTextWithCss } from '~/components/DataText';
export { Dialog } from '~/components/Dialog';
export { DisplayText, DisplayTextWithCss } from '~/components/DisplayText';
export { Divider } from '~/components/Divider';
// TODO: Replace with Menu or Select component
export { Dropdown } from '~/components/Dropdown';
// TODO: Evaluate if we can remove grid components, many of these
// can be replaced with a stack component or flexbox. We should try to distill
// some of our layout patterns as a new layout component language that is more
// tailored to our needs. These should probably live in prf since they imply
// product specific patterns, but we should consider a better set of primitives
// for building layouts.
export { Col, Grid, Row } from '~/components/Grid';
export { HeadingText, HeadingTextWithCss } from '~/components/HeadingText';
export * from '~/components/Icon/catalog';
export { Image } from '~/components/Image';
export { ImpliedInput } from '~/components/ImpliedInput';
export { InlineError } from '~/components/InlineError';
export { InlineHelpText } from '~/components/InlineHelpText';
export { InlineSuccess } from '~/components/InlineSuccess';
export { InputGroup } from '~/components/InputGroup/InputGroup';
export { Label } from '~/components/Label';
export { LoadingSpinner } from '~/components/LoadingSpinner';
export { StudioLoggerProvider } from '~/components/LoggingProvider';
export { PatreonMark, PatreonWordmark } from '~/components/Logo';
export { OverlayStackComponent, useOverlayStack } from '~/components/OverlayStackProvider';
export { Pill } from '~/components/Pill/Pill';
// TODO: Replace with Menu or Toggle component
export { Popover } from '~/components/Popover';
export { PortalPassthrough } from '~/components/PortalPassthrough';
export { RadioButton, RadioGroup, RadioInput } from '~/components/Radio';
export { SegmentedControl } from '~/components/SegmentedControl';
export { Select } from '~/components/Select/Select';
export { Spacer, SpacerWithCss } from '~/components/Spacer';
export { Stack, StackWithCss } from '~/components/Stack';
export { StudioProvider } from '~/components/StudioProvider';
export { TextInput } from '~/components/TextInput';
export { TextLink } from '~/components/TextLink';
export { Toaster, ToasterConsumer, useToaster } from '~/components/Toast';
export { Toggle } from '~/components/Toggle';
export { TokenModeContainer } from '~/components/TokenModeContainer';
export { useTokenModes } from '~/components/TokenModeProvider';
export { Tooltip } from '~/components/Tooltip';
export {
// TODO: TopNav is only used by LegacyNavigation
// TODO: TopNav.Search is used by Fox search and LegacyNavigation
TopNav, } 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 * 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 { cssForLegacyResponsive, legacyResponsiveProp, } from '~/utilities/legacy-responsive';
export { convertLegacyUnitValue, convertLegacyUnitValues } from '~/utilities/legacy-units';
export { OpaqueResponsive, cssForResponsive, cssForResponsiveProp, hasResponsiveValue, mergeNamedResponsive, mergeResponsive, wrapResponsive, } from '~/utilities/opaque-responsive';
export { isTokenColorMode } from '~/utilities/token-mode';
export { cssForBodyText, cssForDisplayText, cssForHeadingText } from '~/utilities/type-bundles';
//# sourceMappingURL=index.js.map