# @kbai/typed-ds

> Not trying to recreate `theme-ui`.

Latest version **0.0.3** (published 2021-02-28) · MIT license · 0 weekly downloads

## Install

```sh
npm install @kbai/typed-ds
pnpm add @kbai/typed-ds
yarn add @kbai/typed-ds
bun add @kbai/typed-ds
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: has types; no vulnerabilities.

Warnings: low downloads; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.3 |
| Published | 2021-02-28 |
| First published | 2021-02-28 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 113 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | kevinbai0 |

## Links

- npm: https://www.npmjs.com/package/@kbai/typed-ds
- npm.io page: https://npm.io/package/@kbai/typed-ds

## Recent versions

- 0.0.3 (latest) — 2021-02-28
- 0.0.2 — 2021-02-28
- 0.0.1 — 2021-02-28

## README

# Typed DS

Not trying to recreate `theme-ui`.

## Ideas

Maybe this project turns serves as a core-transpiler to CSS and other style specs for higher level style-languages and systems that rely on a strong typing.

Trying to explore

- CSS is probably too powerful 99% of the time. That means we should simplify the way we our UI for 99% of use cases. For example, design systems do this for "atoms" but could possibly simplify more complex stuff such as layout, handling selectors, and modifiers.
- Everything right now is loosely typed and checks are done on run-time. Clear tooling & developer experience improvements can be made with compile time checks
- Composing and augmenting themes are commonly done, but, it's not possible (that I know of) to maintain good type-checking if overrides are relied on global type merging. Type definitions should be modular and scoped.
- Can coming up with a more modular way to define UIs help solve no-code tools that have trouble managing complexity.
- Automatically aggregating front-end components in a project and being able to see visually see/modify variants and other properties

## Current usage

Example found in [typed-ds-samples](../typed-ds-samples/src/test1.ts)

---
_Source: https://npm.io/package/@kbai/typed-ds · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._