open-index/open-npm huggingface dataset:
npm package: @snovasys/design-system
Description: Standalone design tokens + CSS for Snovasys UI-Kit (no Tailwind required at runtime in consumers when using built bundle)
Latest version: 1.0.2

# @snovasys/design-system

Plain CSS design system extracted from **snova-tailwind-uikit**. Includes design tokens (CSS variables), kit utility classes, semantic wrappers, and shared utilities.

## Install

```bash
npm install @snovasys/design-system
```

## Usage

**Full bundle (recommended)** — single self-contained file: tokens, scrollable utilities, Tailwind-derived utilities, and all `.snovasys-*` rules. **No `@import` of other package paths** — safe to reference from Angular `angular.json` or any bundler.

```html
<link rel="stylesheet" href="node_modules/@snovasys/design-system/dist/snovasys-design-system.css" />
```

```json
// angular.json styles
"styles": [
  "node_modules/@snovasys/design-system/dist/snovasys-design-system.css"
]
```

**Barrel: all per-component CSS** (for bundlers with CSS `@import` resolution, e.g. Vite or PostCSS `postcss-import`):

```css
@import '@snovasys/design-system/component-imports';
```

This pulls in `tokens`, `utilities/_scrollable.css`, and every `src/components/*.css`. You still need **either** the full bundle **or** your own Tailwind build for kit utility classes (`bg-primary`, `size-5`, etc.) on raw markup.

**Single component**

```css
@import '@snovasys/design-system/components/button.css';
```

**Dark mode** (matches UI-Kit): add class `dark` on `<html>` or a root element.

**Semantic + utilities**

- Use `.snovasys-{name}` as a host class (see [COMPONENTS.md](./COMPONENTS.md)).
- Kit Tailwind utility classes used by the Angular components are included in the bundle (e.g. `bg-primary`, `size-24`).

## Publish (maintainers)

From this folder, if `npm publish` says **ENEEDAUTH**, point at the monorepo `.npmrc` that has your npm token:

```bash
npm run publish:npm
```

## Build (maintainers)

From monorepo root `Snovasys-New-Uikit-Library`:

```bash
cd projects/snovasys-design-system
npm install
npm run build
```

Outputs `dist/snovasys-design-system.css` and `dist/snovasys-design-system.min.css`.

## Parity check

```bash
npm run check:parity
```

Fails if a UI-Kit component folder has no matching `src/components/{slug}.css`.
npm package: @snovasys/snova-shared-components
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 2.0.203

# MyCounter

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.

## Code scaffolding

Run `ng generate component component-name --project my-counter` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project my-counter`.
> Note: Don't forget to add `--project my-counter` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build my-counter` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build my-counter`, go to the dist folder `cd dist/my-counter` and run `npm publish`.

## Running unit tests

Run `ng test my-counter` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).