open-index/open-npm huggingface dataset:
npm package: @groselha/radix-colors
Description: A quick guide on using Radix Colors with Stitches.
Latest version: 0.1.7

# Radix Colors
A quick guide on using Radix Colors with Stitches.

## Documentation
For full documentation, visit [radix-ui.com/docs/colors](https://radix-ui.com/docs/colors).

## Installation

`yarn add @radix-ui/colors`

## Authors

- Colm Tuite ([@colmtuite](https://twitter.com/colmtuite))
- Vlad Moroz ([@vladyslavmoroz](https://twitter.com/vladyslavmoroz))
npm package: @grossacasacs/left-phalange
Description: CommonJS, ESModule, INI, JSON, JSON5, TOML, YAML data loader, parser and stringifier
Latest version: 5.1.3

# [@grossacasacs/left-phalange](https://github.com/GrosSacASac/grossacasacs-left-phalange)

CommonJS, ESModule, INI, JSON, JSON5, TOML, YAML data loader, parser and stringifier

## Demo 

[![demo-screenshot.jpg](./examples/demo-screenshot.jpg)](https://grossacasacs-left-phalange.vercel.app/)

[Source in ./ui](./ui)

## Platforms

Node, Web, Deno

## Install

[npm i @grossacasacs/left-phalange](https://www.npmjs.com/package/@grossacasacs/left-phalange)

## Usage

```js
// Node
import {parse, load, loadAsync, stringify, supportedExtensions, openedSymbol} from '@grossacasacs/left-phalange'
// Web
import {parse, stringify} from '@grossacasacs/left-phalange' // should resolve to /dist/browser.es.js
// Deno
import {parse, stringify, load, loadAsync, openedSymbol} from 'https://unpkg.com/@grossacasacs/left-phalange/dist/deno.es.js'
```

### load(file[, options])

Loading from a file

- file
  - Data file path to load
- options
  - Optional
  - Type `Object` | `String`
  - Default `{}`
- options(`String`)
  - `options.type`
- options.type
  - Data type of `file`
  - Should be one of `cjs`, `esm`, `ini`, `js`, `json`, `json5`, `toml`, `yaml`

#### examples

```js
let data = load('path/to/data');
const source = data[openedSymbol];

load('path/to/data.json')

load('path/to/data', 'yaml')

load('path/to/data', {type: 'toml'})
```


### loadAsync(file[, options])

Promise version of load

### parse(string[, options])

Parsing from a string

- string
  - type: `String`
  - string to parse
- options
  - Optional
  - Type `Object` | `String`
  - Default `{}`
- options(`String`)
  - `options.type`
- options.type
  - Data type of `string`
  - Default `yaml`
  - Should be one of `ini`, `json`, `json5`, `toml`, `yaml`

examples:

```js
parse('{"left": "phalange"}')

parse('{"left": "phalange"}', 'json')

parse('left = "phalange"', {type: 'toml'})
```

### stringify(data[, options])

Creating a string from an object

- data
  - Data to stringify
- options
  - Optional
  - Type `Object` | `String` | `Boolean`
  - Default `{}`
- options(`String`)
  - `options.type`
- options(`Boolean`)
  - `options.pretty`
- options.type
  - Data type of `string`
  - Default `json`
  - Should be one of `cjs`, `esm`, `ini`, `json`, `json5`, `yaml`, `toml`
- options.pretty
  - Pretty output
  - Default `false`

examples:

```js
stringify({left: 'phalange'})
// {"left": "phalange"}

stringify({left: 'phalange'}, 'toml')
// left = "phalange"

stringify({left: 'phalange'}, true)
// {
//   "left": "phalange"
// }

stringify({left: 'phalange'}, {type: 'json5', pretty: true})
// {
//   left: 'phalange',
// }
```

## Changelog

[Changelog](./changelog.md)


## vercel deployment config

 - build `cd ui && npm i && cd .. && npm run build`
 - output `ui/source`

## Related

- [left-phalange](https://github.com/fisker/left-phalange)

## License

MIT © 
 - [fisker Cheung](https://github.com/fisker)
 - GrosSacASac (after 2020-27-10)
npm package: @grossb/react-table
Description: React table component
Author: Ivan Leshchinsky
Latest version: 0.1.6

# React table

Данный компонент является оберткой для html-тегов `table`, `tbody`, `thead`, `tr`, `th`, `td`

## Оглавление

[Table](#Table)

[Body](#Body)

[Head](#Head)

[Row](#Row)

[Cell](#Cell)

[CSS переменные](#CSS_переменные)

[Пример использования](#Пример_использования)

### <a name="Table">Table</a>

- `children` - дочерний компонент
- `className` - классы стилей для таблицы
- `striped` - цвет фона строк чередуются
- `containerProps` - классы стилей для контейнера таблицы
- `fixedTopTitle` - зафиксировать заголовок таблицы при вертикальном скролле
- `fixedLeftColumn` - зафиксировать левый столбец таблицы при горизонтальном скролле

### <a name="Body">Body</a>

- `children` - дочерний компонент

### <a name="Head">Head</a>

- `children` - дочерний компонент

### <a name="Row">Row</a>

- `children` - дочерний компонент

### <a name="Cell">Cell</a>

Данный компонент принимает все стандартные параметры `td` и `th`

- `children` - дочерний компонент
- `component` - определяет каким тегом отрисовывать ячейку: `td` или `th`, по умолчанию `td`
- `editable` - включает возможность отображение компонента редактирования прямо в ячейке. Но в этом случае необходимо определить `editComponent`.
- `onDoubleClick` - функция, которая будет вызываться при двойной нажатии на ячейку.
- `onBlur` - функция, которая будет вызываться при двойной нажатии на ячейку. Вызывается, когда `edutable = true`
- `editComponent` - компонент редактирования значения в ячейке таблицы. Отображается при `edutable = true` и после двойного клика на ячейку

### <a name="CSS_переменные">CSS переменные</a>

- `--fixed-table-cell-background-color` - задает цвет фона для ячеек, которые находятся в зафиксированных верхнем заголовке или в левом столбце. Значение по умолчанию - `white`.
- `--table-striped-odd-row-background-color` - цвет фона нечетных строк при `striped=true`. Значение по умолчанию - `#e8eaf6`
- `--table-striped-even-row-background-color` - цвет фона четных строк при `striped=true`. Значение по умолчанию - `white`
- `--table-row-hover-background-color` - цвет фона при наведении на строку. Значение по умолчанию - `#c5cae9`

## <a name="Пример_использования">Пример использования</a>

```js
const data = [
  {id: 0, name: "First item"},
  {id: 1, name: "Second item"}
  ];

const rows = data.map((item) => <Row key={item.id}>
  <Cell editable editComponent={<input />}>
    {item.id}
  </Cell>
  <Cell editable editComponent={<input />}>
    {item.name}
  </Cell>
</Row>)

function App() {
  return (
    <div className="App">
      <Table fixedTopTitle fixedLeftColumn>
        <Head>
          <Row>
            <Cell component="th">1
              ID
            </Cell>
            <Cell component="th">
              Name
            </Cell>
          </Row>
        </Head>
        <Body>
          {rows}
        </Body>
      </Table>
    </div>
  );
}
```