# daonomic-ui

> Base UI components for Daonomic services

Latest version **1.0.3** (published 2017-12-10) · Apache-2.0 license · 0 weekly downloads

## Install

```sh
npm install daonomic-ui
pnpm add daonomic-ui
yarn add daonomic-ui
bun add daonomic-ui
```

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.3 |
| Published | 2017-12-10 |
| First published | 2017-12-02 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | none |
| Module format | CommonJS |
| Node | ^8.9.0 |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1 |
| Maintainers | daonomic |

## Links

- npm: https://www.npmjs.com/package/daonomic-ui
- Repository: https://github.com/daonomic/daonomic-ui
- Homepage: https://github.com/daonomic/daonomic-ui#readme
- Issues: https://github.com/daonomic/daonomic-ui/issues
- npm.io page: https://npm.io/package/daonomic-ui

## Recent versions

- 1.0.3 (latest) — 2017-12-10
- 1.0.2 — 2017-12-09
- 1.0.1 — 2017-12-02

## README

[![Build Status](https://travis-ci.org/daonomic/daonomic-ui.svg?branch=master)](https://travis-ci.org/daonomic/daonomic-ui) [![npm version](https://badge.fury.io/js/daonomic-ui.svg)](https://badge.fury.io/js/daonomic-ui)

# [daonomic-ui](https://daonomic.github.io/daonomic-ui/)

Base UI components for Daonomic services.

## Usage

Install `daonomic-ui` package:

```bash
npm i daonomic-ui -SE
```

Install the following postcss plugins and include them to your build pipeline:

```bash
npm i postcss-import postcss-nesting postcss-custom-media postcss-custom-properties postcss-calc postcss-color-function postcss-flexbugs-fixes autoprefixer -DE
```

### Theming

`daonomic-ui` uses CSS custom properties for theming, so currently `daonomic-ui` requires `postcss-custom-properties` plugin and additional build setup due to insufficient browsers support.

Add `theme.css` to your project:

```css
@import "daonomic-ui/source/theme.css"; /* imports default theme */

:root {
  --theme-primary: #000; /* you can redefine custom properties from default theme */
  --theme-modal-overlay-color: rgba(0, 0, 0, .5); /* and add an additional custom properties */
}
```

Install `webpack-append` plugin:

```bash
npm i webpack-append -DE
```

Configure webpack to include `theme.css` at the beginning of every imported CSS file:

```javascript
{
  test: /\.css$/,
  use: [
    /* all your CSS loaders, */
    {
      loader: 'webpack-append',
      query: `@import "/path/to/theme.css";`,
    },
  ],
},
```

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