cherry-styled-components/dist/index.js

Cherry is a design system for the modern web. Designed in Figma, built in React using Typescript.

import { StyledComponentsRegistry } from "./styled-components/registry.js";
import { GlobalStyles } from "./utils/global.js";
import { IconArrow, IconCalendar, IconCheck } from "./utils/icons.js";
import { breakpoints, colors, colorsDark, fontSizes, fonts, lineHeights, mq, shadows, shadowsDark, spacing, theme, themeDark } from "./utils/theme.js";
import { formElementHeightStyles, fullWidthStyles, generateColSpanStyles, generateColsStyles, generateGapStyles, generateJustifyContentStyles, generatePaddingStyles, resetButton, resetInput, statusBorderStyles } from "./utils/mixins.js";
import { createTypographyStyle, styledBlockquote, styledButton, styledButtonBig, styledCode, styledH1, styledH2, styledH3, styledH4, styledH5, styledH6, styledHero1, styledHero2, styledHero3, styledInput, styledInputBig, styledSmall, styledStrong, styledText } from "./utils/typography.js";
import { CherryThemeProvider, ThemeContext } from "./styled-components/theme-provider.js";
import { Container } from "./container.js";
import { Box } from "./box.js";
import { Button, buttonStyles } from "./button.js";
import { Col } from "./col.js";
import { Flex } from "./flex.js";
import { Grid } from "./grid.js";
import { Icon } from "./icon.js";
import { Input, StyledInputWrapper, StyledLabel } from "./input.js";
import { MaxWidth } from "./max-width.js";
import { Range } from "./range.js";
import { Select, StyledIconWrapper } from "./select.js";
import { Space } from "./space.js";
import { Textarea } from "./textarea.js";
import { Toggle } from "./toggle.js";
export { Box, Button, CherryThemeProvider, Col, Container, Flex, GlobalStyles, Grid, Icon, IconArrow, IconCalendar, IconCheck, Input, MaxWidth, Range, Select, Space, StyledComponentsRegistry, StyledIconWrapper, StyledInputWrapper, StyledLabel, Textarea, ThemeContext, Toggle, breakpoints, buttonStyles, colors, colorsDark, createTypographyStyle, fontSizes, fonts, formElementHeightStyles, fullWidthStyles, generateColSpanStyles, generateColsStyles, generateGapStyles, generateJustifyContentStyles, generatePaddingStyles, lineHeights, mq, resetButton, resetInput, shadows, shadowsDark, spacing, statusBorderStyles, styledBlockquote, styledButton, styledButtonBig, styledCode, styledH1, styledH2, styledH3, styledH4, styledH5, styledH6, styledHero1, styledHero2, styledHero3, styledInput, styledInputBig, styledSmall, styledStrong, styledText, theme, themeDark };