open-index/open-npm huggingface dataset:
npm package: @softinn/si-css-helper
Description: Some useful css classes that complements twitter bootstrap
Author: Softinn
Latest version: 1.0.18

# Softinn CSS Helper

A simple css helper that complements Twitter Bootstrap 3.

## Getting Started

Make sure you have referenced to Twitter Bootstrap stylesheets before you include si-css-helper.css.


### Installing

```
npm install si-css-helper
```

You may consider using WebPack to move the included si-css-helper to the folder of your web app. Below is an example we did using WebPack (TypeScript version).
```
import * as webpack from 'webpack';
import * as ExtractTextPlugin from 'extract-text-webpack-plugin';

const config: webpack.Configuration = {
    entry: [
        "./node_modules/@softinn/si-css-helper/si-css-helper.css"
    ],
    output: {
        filename: "/Content/si-css-helper.css"
    },
    module: {
        rules: [{
            test: /\.css$/,
            use: ExtractTextPlugin.extract('css-loader')
        }]
    },
    plugins: [
        new ExtractTextPlugin("./Content/si-css-helper.css")
    ]
};

export default config;
```

## Authors

The list of [contributors](https://github.com/Softinn-Solutions/si-css-helper/graphs/contributors) who participated in this project.

## License

This project is licensed under the MIT License.
npm package: @softisfy/cookies
Description: A GDPR compliant cookies component for React
Author: softisfy
Latest version: 1.0.2

# @softisfy/cookies

> A GDPR compliant cookies component for React

[![NPM](https://img.shields.io/npm/v/@softisfy/cookies.svg)](https://www.npmjs.com/package/@softisfy/cookies) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
yarn add @softisfy/cookies
```

## Use

Check the [example](https://github.com/softisfy/cookies/tree/main/example) directory for a full working example.

```jsx
import CookiesDialog from '@softisfy/cookies';
import '@softisfy/cookies/dist/index.css';

const App = () => {
	return (
		<CookiesDialog
			toggle="![Cookie](/cookie.svg)"
			title="This website uses cookies"
			description="
					We use cookies to provide social media features and to analyse our traffic. 
					We also share information about your use of our site with our 
					social media and analytics partners who may combine it with other
					information that you've provided to them. [Learn more](/).
				"
			controls={{
				all: 'Accept all cookies',
				selected: 'Accept selected cookies'
			}}
			types={[
				{
					id: 'necessary',
					label: 'Necessary',
					disabled: true,
					checked: true,
					scripts: [
						{
							location: 'head',
							src: '/scripts/script-A.js'
						}
					]
				},
				{
					id: 'analytics',
					label: 'Analytics',
					scripts: [
						{
							location: 'body',
							src: '/scripts/script-B.js'
						}
					]
				},
				{
					id: 'marketing',
					label: 'Marketing',
					scripts: [
						{
							location: 'head',
							src: '/scripts/script-C.js'
						}
					]
				}
			]}
		/>
	);
};
```

## Customize

For this part, you have three options:

1. Use the default stylesheet provided by the library. Example:

```jsx
import '@softisfy/cookies/dist/index.css';
```

2. Override the default stylesheet with your own properties. (Optional) Example:

```css
:root {
	--stf-cookies-primary-color: #444c56;
	--stf-cookies-border-color: #444c56;
	--stf-cookies-dark-color: #adbac7;
	--stf-cookies-light-color: #22272e;
	--stf-cookies-border-radius: 4px;
	--stf-cookies-font-size: 13px;
	--stf-cookies-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI',
		Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
}
```

3. Use your own stylesheet. (Optional)

## License

MIT © [Softisfy](https://github.com/softisfy)
npm package: @softjunk/fxbuilder
Description: Esta package simplifica a gestão do CFX `manifest` em projetos de FiveM e RedM, com uma API fácil de usar, economizando tempo e esforço. Ele garante uma configuração correta e reduz potenciais erros.
Author: Softjunk Team
Latest version: 0.0.2-1

# 💡 Fxbuilder

Esta package simplifica a gestão do CFX `manifest` em projetos de FiveM e RedM, com uma API fácil de usar, economizando tempo e esforço. Ele garante uma configuração correta e reduz potenciais erros.

## Instalação 💾

```bash
    npm install @softjunk/fxbuilder
```

## 📃 API

#### parse(source: string): ManifestObject

Analisa um arquivo compactado de `manifest` e o transforma em um objeto `manifest`.

```js
import { parse } from "@softjunk/fxbuilder";

const result = parse(`
    fx_version "boudacious"
    game "rdr3"

    client_scripts {
        "client.lua",
        "client_two.lua"
    }
`);
```

#### stringify(object: ManifestObject): string

Recebe um objeto `manifest` e o transforma em um arquivo compactado de `manifest`.

```js
import { stringify } from "@softjunk/fxbuilder";

const result = stringify({
  fx_version: "adamant",
  game: "gta5",
  client_scripts: ["main.lua", "main2.lua"],
});
```

## Solução de problemas ⚠️

Se você encontrar algum problema com o Cfx Launcher, verifique as perguntas frequentes ou entre em contato com a equipe de suporte (softjunkdevs@gmail.com) 📞