open-index/open-npm huggingface dataset:
npm package: @quassum/fibonacci-spacing
Description: Spacing for your design system, but it's fibonacci!
Author: Antoni Silvestrovič
Latest version: 1.0.7

# Fibonacci Spacing

[![Build](https://img.shields.io/github/checks-status/quassum/fibonacci-spacing/main)](https://github.com/quassum/fibonacci-spacing/actions)
[![NPM Version](https://img.shields.io/npm/v/@quassum/fibonacci-spacing)](https://www.npmjs.com/package/@quassum/fibonacci-spacing)
[![NPM Downloads](https://img.shields.io/npm/dm/@quassum/fibonacci-spacing)](https://www.npmjs.com/package/@quassum/fibonacci-spacing)
[![gzipped size](https://img.badgesize.io/https:/unpkg.com/@quassum/fibonacci-spacing@latest/build/index.es.js?label=gzipped&compression=gzip&style=flat-square)](https://unpkg.com/@quassum/fibonacci-spacing@latest/build/index.es.js)
[![License](https://img.shields.io/npm/l/@quassum/fibonacci-spacing)](https://github.com/quassum/fibonacci-spacing/blob/main/LICENSE)

[!["Buy Me A Coffee"](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://www.buymeacoffee.com/bring.shrubbery)

Spacing for a design system, but it's fibonacci!

## Install

Using `npm`:

```
npm install @quassum/fibonacci-spacing
```

Using `yarn`:

```
yarn add @quassum/fibonacci-spacing
```

## Usage

### Basic usage

```js
import { getFibonacciSpacing } from '@quassum/fibonacci-spacing';

const spacing = getFibonacciSpacing();
// Results in:
// const spacing = {
//   1: '1px',
//   2: '2px',
//   3: '3px',
//   5: '5px',
//   8: '8px',
//   13: '13px',
//   etc...
// }
```

### Options

You can also provide some options, for example you could provide a different unit to generate:

```js
const spacing = getFibonacciSpacing({ unit: 'rem' });
```

Notice that when changing the unit, the generates `spacing` constant generates the correct types for each value in fibonacci sequence.

You could also invert the values.
In that case when accessing the values by their fibonacci numbered keys, you will get value which is equal to 1 divided by that value.
For example, following shows the examples of the values you get:

```js
const spacing = getFibonacciSpacing({ unit: 'rem', invert: true });

spacing[1]; // '1rem'
spacing[5]; // '0.2rem'
spacing[8]; // '0.125rem'
// etc
```

## TypeScript

When you run `getFibonacciSpacing` function, the returned result is typed as [literal string types](https://www.typescriptlang.org/docs/handbook/literal-types.html), so the types you get are the same as the values.

```js
const spacing = getFibonacciSpacing();

const first = spacing[1]
// value: '1px'
// intellisense type: '1px'
```

## Contributors

- [Antoni Silvestrovic (author)](https://github.com/bring-shrubbery)

## License

[MIT](https://github.com/quassum/fibonacci-spacing/blob/master/LICENSE)
npm package: @quassum/prettier-config
Description: Prettier configuration by Quassum Manus
Author: Antoni Silvestrovič
Latest version: 1.3.0

# Prettier configuration by Quassum 

[!["Buy Me A Coffee"](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://www.buymeacoffee.com/bring.shrubbery)

## Overview

This package provides what we see as a must have prettier configuration for every project.
This includes some default prettier options that we like, as well as some prettier plugins.
You can see the list of the prettier plugins used below:

- [`@trivago/prettier-plugin-sort-imports`](https://github.com/trivago/prettier-plugin-sort-imports)

> Note: the plugins come as dependencies of this package, so you don't have to install them separately.

## Usage

To use this config install it first:

```
yarn add -D @quassum/prettier-config
```

or

```
npm install -D @quassum/prettier-config
```

Then create local `.prettierrc.js` file and add this into it:

```js
module.exports = {
  ...require("@quassum/prettier-config"),
};
```

> Note: you also have to have [`prettier`](https://github.com/prettier/prettier) installed for it to work properly.

## Versioning

We use [SemVer](http://semver.org/) for versioning. For the versions available, see the [tags on this repository](https://github.com/quassum/prettier-config/tags).

## Authors

- **Antoni Silvestrovic** - [bring-shrubbery](https://github.com/bring-shrubbery)

## License

This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details
npm package: @quatico/websmith-core
Description: Shared library functions for the websmith compiler
Author: Quatico Solutions AG
Latest version: 0.9.0

<!--
 ---------------------------------------------------------------------------------------------
   Copyright (c) Quatico Solutions AG. All rights reserved.
   Licensed under the MIT License. See LICENSE in the project root for license information.
 ---------------------------------------------------------------------------------------------
-->
# @quatico/websmith-core

This package contains shared library functions for the websmith compiler. It's a peer dependency of the [@quatico/websmith-compiler](https://github.com/quatico-solutions/websmith/tree/develop/packages/compiler#readme) package and should not be used directly. If you want to integrate websmith into your build process go to [@quatico/websmith-compiler](https://github.com/quatico-solutions/websmith/tree/develop/packages/compiler#readme) for the `websmith` command line tool or to [websmith-loader](https://github.com/quatico-solutions/websmith/tree/develop/packages/webpack#readme) for the webpack loader.

See the [websmith github repository](https://github.com/quatico-solutions/websmith#readme) for more information and examples.
npm package: @quatico/websmith-webpack
Description: Webpack loader for @quatico/websmith-compiler
Author: Quatico Solutions AG
Latest version: 0.6.3

<!--
 ---------------------------------------------------------------------------------------------
   Copyright (c) Quatico Solutions AG. All rights reserved.
   Licensed under the MIT License. See LICENSE in the project root for license information.
 ---------------------------------------------------------------------------------------------
-->
# websmith-webpack

A custom webpack loader to add the websmith compiler to your build and bundling process.

Visit the [websmith github repository](https://github.com/quatico-solutions/websmith) for more information and examples.

## Getting started

### Installation

Install the websmith webpack loader using npm:

```sh
npm i -D @quatico/websmith-webpack
```

### Add websmith configuration

A `websmith.config.json` file is needed to configure which addons should be used by websmith during the webpack compilation process:

```json
// websmith.config.json
{
    "targets": {
        "executeAddons": {
            "addons": ["my-addon"],
            "writeFile": false,
        },
    }
}
```

**Note:** The webpack loader will expect a target called `executeAddons` which we need to configure in the webpack configuration.

### Add webpack configuration

Now we can use the `@quatico/websmith-webpack` loader and the websmith configuration to configure webpack.

```javascript
// webpack.config.js
const { join } = require("path");

module.exports = {
    ...
    module: {
        rules: [
            ...,
            {
                test: /\.(?:[j|t]sx?)$/,
                include: [sourceDir],
                exclude: [/node_modules/],
                use: [
                    {
                        loader: "@quatico/websmith-webpack",
                        options: {
                            project: join(__dirname, "tsconfig.json"),
                            config,
                            targets: "executeAddons",
                            webpackTarget: "executeAddons",
                        },
                    },
                ],
            },
            ...
        ],
    },
};
```

### Bundle your project

You can run webpack in one of your build targets with:

```sh
webpack
```