npm package: @robust-ui/theme
Description: A theme for Robust UI
Author: Nahuel Rosas
Latest version: 1.3.0

<!-- START doctoc generated TOC please keep comment here to allow auto update -->
<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->

- [Robust](#robust)
  - [Project Stats](#project-stats)
- [Installation](#installation)
  - [Usage](#usage)
  - [Features](#features)
  - [Contributing](#contributing)
  - [License](#license)
- [@robust-ui/theme](#robust-uitheme)
  - [Table of contents](#table-of-contents)
    - [Type Aliases](#type-aliases)
    - [Variables](#variables)
  - [Type Aliases](#type-aliases-1)
    - [RangeStrings](#rangestrings)
    - [TColor](#tcolor)
    - [TCommands](#tcommands)
    - [TCommonProps](#tcommonprops)
    - [TDefaultTheme](#tdefaulttheme)
    - [TDisplay](#tdisplay)
    - [TNumbers](#tnumbers)
    - [TSizeProps](#tsizeprops)
    - [TSizePropsOptimizedIncluded](#tsizepropsoptimizedincluded)
    - [TSizes](#tsizes)
    - [languageType](#languagetype)
  - [Variables](#variables-1)
    - [AtRules](#atrules)
    - [CSSRulesSet](#cssrulesset)
    - [Numbers](#numbers)
    - [PseudoClasses](#pseudoclasses)
    - [PseudoElements](#pseudoelements)
    - [colors](#colors)
    - [commands](#commands)
    - [commonProps](#commonprops)
    - [cssReset](#cssreset)
    - [defaultTheme](#defaulttheme)
    - [language](#language)
    - [mediaBreakpoints](#mediabreakpoints)
    - [selectors](#selectors)
    - [sizeProps](#sizeprops)
    - [sizes](#sizes)

<!-- END doctoc generated TOC please keep comment here to allow auto update -->

<a name="readmemd"></a>

@robust-ui/theme / [Exports](#modulesmd)

# Robust

Robust is a system for generating React components with real-time CSS injection. It is programmed in TypeScript, providing type safety and enhanced developer experience.

## Project Stats

![Alt](https://repobeats.axiom.co/api/embed/57761159b119284992a2370b719d8f8fe9c07e34.svg "Repobeats analytics image")

# Installation

You can install Robust using either npm or pnpm. To do this, run one of the following commands:

Using npm:

```bash
npm install @robust-ui/core
```

Using pnpm:

```bash
pnpm install @robust-ui/core
```

using yarn:

```bash
yarn add @robust-ui/core
```

Alternatively, you can also download Robust from the GitHub repository and manually install the dependencies. The prepare script defined in the package.json file will automatically build all the files within the packages folder.

## Usage

To use Robust, you need to make use of the `Main` component from the `@robust-ui/nextjs-components` repository. Note that the functionality has only been tested with Next.js and may not work in other React environments.

Here's an example of how to use Robust in a Next.js application:

```tsx
import { Main, Header, Text, Icon, Flex } from "@robust-ui/nextjs-components";
import { SideMenu } from "@/components/drawer";
import type { AppProps } from "next/app";
import React from "react";

export default function App({ Component, pageProps }: AppProps) {
  const [open, setOpen] = React.useState(false);

  return (
    <Main color="white" fontFamily="Fira Code">
      <Header backgroundColor="gunMetal">
        <Flex>
          <Text fontWeight="700" fontSize="1.5rem">
            Nahuel
          </Text>
        </Flex>
        <Icon type="menu" onClick={() => setOpen(!open)} />
      </Header>
      <SideMenu open={open} setOpen={setOpen} />
      <Component {...pageProps} />
    </Main>
  );
}
```

In the above example, we import the necessary components from Robust and use them to create a basic application structure. The `Main` component sets the color and font family for the components. The `Header` component represents the application header, including a title and a menu icon that toggles the `open` state. The `SideMenu` component displays a side drawer with links and language options. Finally, we render the `Component` with the `pageProps`.

Please note that this usage example is specific to Next.js, and the functionality may not be tested or supported in other React environments. Make sure to customize the components and their properties based on your specific requirements.

## Features

Robust includes the following features:

- Automatic responsiveness: The components are designed to adapt to different screen sizes and orientations.
- Quick language switching: Easily switch between different languages using the language options provided.
- Dark mode: The system supports a dark mode theme that can be enabled or disabled.
- Global states: Robust provides mechanisms for managing global states and sharing data between components.
- Real-time CSS injection: The system injects CSS in real time, allowing for dynamic styling and theming.
- TypeScript support: Robust is programmed in TypeScript, providing type safety and enhanced developer experience.
- Customizable components: The components can be customized using various properties to suit your specific requirements.
- Easy to use: Robust is designed to be easy to use and integrate with existing React applications.
- Extensible: The system can be extended with additional components and functionality as needed.
- Well-documented: The codebase is well-documented, making it easy to understand and contribute to.
- Active development: Robust is actively developed and maintained, with regular updates and improvements.

## Contributing

Contributions to Robust are welcome! If you find any issues or have suggestions for improvements, please open an issue or submit a pull request on the GitHub repository.

## License

Robust is released under the [MIT License](https://opensource.org/licenses/MIT).

---

<a name="modulesmd"></a>

[@robust-ui/theme](#readmemd) / Exports

# @robust-ui/theme

## Table of contents

### Type Aliases

- [RangeStrings](#rangestrings)
- [TColor](#tcolor)
- [TCommands](#tcommands)
- [TCommonProps](#tcommonprops)
- [TDefaultTheme](#tdefaulttheme)
- [TDisplay](#tdisplay)
- [TNumbers](#tnumbers)
- [TSizeProps](#tsizeprops)
- [TSizePropsOptimizedIncluded](#tsizepropsoptimizedincluded)
- [TSizes](#tsizes)
- [languageType](#languagetype)

### Variables

- [AtRules](#atrules)
- [CSSRulesSet](#cssrulesset)
- [Numbers](#numbers)
- [PseudoClasses](#pseudoclasses)
- [PseudoElements](#pseudoelements)
- [colors](#colors)
- [commands](#commands)
- [commonProps](#commonprops)
- [cssReset](#cssreset)
- [defaultTheme](#defaulttheme)
- [language](#language)
- [mediaBreakpoints](#mediabreakpoints)
- [selectors](#selectors)
- [sizeProps](#sizeprops)
- [sizes](#sizes)

## Type Aliases

### RangeStrings

Ƭ **RangeStrings**: `EnumerateRangeStrings`\<`300`\>

#### Defined in

[numbers/types.ts:16](https://github.com/nahuelRosas/robust-ui/blob/148f787/packages/theme/src/numbers/types.ts#L16)

---

### TColor

Ƭ **TColor**: typeof [`colors`](#colors)

Represents the type for colors in the theme.

#### Defined in

[theme/colors.ts:188](https://github.com/nahuelRosas/robust-ui/blob/148f787/packages/theme/src/theme/colors.ts#L188)

---

### TCommands

Ƭ **TCommands**: typeof [`commands`](#commands)

Represents the type of commands available.

#### Defined in

[commands/index.ts:629](https://github.com/nahuelRosas/robust-ui/blob/148f787/packages/theme/src/commands/index.ts#L629)

---

### TCommonProps

Ƭ **TCommonProps**: `Object`

Common props for the theme.

#### Type declaration

| Name      | Type     |
| :-------- | :------- |
| `inherit` | `string` |
| `initial` | `string` |
| `revert`  | `string` |
| `unset`   | `string` |

#### Defined in

[theme/types.ts:8](https://github.com/nahuelRosas/robust-ui/blob/148f787/packages/theme/src/theme/types.ts#L8)

---

### TDefaultTheme

Ƭ **TDefaultTheme**: `Object`

Represents the default theme for the application.

#### Type declaration

| Name                       | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         |
| :------------------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `alignContent`             | [`TCommonProps`](#tcommonprops) & \{ `baseline`: `string` ; `center`: `string` ; `end`: `string` ; `flexEnd`: `string` ; `flexStart`: `string` ; `normal`: `string` ; `spaceAround`: `string` ; `spaceBetween`: `string` ; `spaceEvenly`: `string` ; `start`: `string` ; `stretch`: `string` }                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               |
| `alignItems`               | [`TCommonProps`](#tcommonprops) & \{ `baseline`: `string` ; `center`: `string` ; `end`: `string` ; `flexEnd`: `string` ; `flexStart`: `string` ; `normal`: `string` ; `selfEnd`: `string` ; `selfStart`: `string` ; `start`: `string` ; `stretch`: `string` }                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
| `alignSelf`                | [`TCommonProps`](#tcommonprops) & \{ `auto`: `string` ; `baseline`: `string` ; `center`: `string` ; `end`: `string` ; `flexEnd`: `string` ; `flexStart`: `string` ; `normal`: `string` ; `selfEnd`: `string` ; `selfStart`: `string` ; `start`: `string` ; `stretch`: `string` }                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
| `animation`                | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `animationDelay`           | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `animationDirection`       | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `animationDuration`        | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `animationFillMode`        | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `animationIterationCount`  | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `animationName`            | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `animationPlayState`       | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `animationTimingFunction`  | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `bBottomRadius`            | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `bLeftRadius`              | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `bRadius`                  | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `bRadiusBottom`            | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `bRadiusBottomLeft`        | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `bRadiusBottomRight`       | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `bRadiusLeft`              | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `bRadiusRight`             | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `bRadiusTop`               | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `bRadiusTopLeft`           | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `bRadiusTopRight`          | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `bRightRadius`             | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `bTopRadius`               | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `backdropBlendMode`        | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `backdropBlur`             | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `backdropBrightness`       | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `backdropContrast`         | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `backdropDropShadow`       | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `backdropDropShadowBlur`   | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `backdropDropShadowSpread` | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `backdropDropShadowX`      | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `backdropDropShadowY`      | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `backdropFilter`           | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `backdropGrayscale`        | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `backdropHueRotate`        | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `backdropInvert`           | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `backdropOpacity`          | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `backdropSaturate`         | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `backdropSepia`            | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `backfaceVisibility`       | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `background`               | [`TColor`](#tcolor)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
| `backgroundClip`           | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `backgroundClipText`       | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `backgroundColor`          | [`TColor`](#tcolor)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
| `backgroundTranslucent`    | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `bg`                       | [`TColor`](#tcolor)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
| `border`                   | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `borderBlock`              | [`TCommonProps`](#tcommonprops) & \{ `end`: `string` ; `start`: `string` }                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
| `borderColor`              | [`TColor`](#tcolor)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
| `borderImage`              | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `borderImageOutset`        | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `borderImageRepeat`        | [`TCommonProps`](#tcommonprops) & \{ `repeat`: `string` ; `round`: `string` ; `space`: `string` ; `stretch`: `string` }                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      |
| `borderImageSlice`         | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `borderImageSource`        | [`TCommonProps`](#tcommonprops)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| `borderImageWidth`         | [`TCommonProps`](#tcommonprops) & \{ `auto`: `string` }                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      |
| `borderRadius`             | [`TCommonProps`](#tcommonprops) & [`TSizes`](#tsizes)