open-index/open-npm huggingface dataset:
npm package: @giftee/abukuma-css
Description: CSS Framework of Giftee Design System
Latest version: 3.2.0

# @giftee/abukuma-css

@giftee/abukuma-css は株式会社ギフティのデザインシステム Abukuma の CSS framework です。

## インストール

```bash
$ npm install @giftee/abukuma-css
```

アイコンは [figma](https://www.figma.com/file/LegilW7nsLAzyYDgokO8PX) からダウンロードして使ってください。

Ruby on Rails で利用する場合は、[abukumacss-rails](https://github.com/giftee/abukumacss-rails) でのインストールがスムーズです。

## 使い方

package のインストール後は適切な箇所にインポートして使ってください。

```html
<body>
  <div>
    <button class="ab-Button">marine-light Button</button>
  </div>
</body>
```

### テーマ

デフォルトで marine-light テーマになっています。テーマをスイッチしたい場合は、任意の箇所に `data-theme='marine-light/marine-dark/skeleton-light/coral-light'` を追加してください。

```html
<body>
  <div>
    <button class="ab-Button">marine-light Button</button>
    <div data-theme="marine-dark">
      <button class="ab-Button">marine-dark Button</button>
      <div data-theme="skeleton-light">
        <button class="ab-Button">skeleton-light Button</button>
        <div data-theme="coral-light">
          <button class="ab-Button">coral-light Button</button>
        </div>
      </div>
    </div>
  </div>
</body>
```

## 開発

開発については [DEVELOP.md](DEVELOP.md) を参照してください。

## リリース

リリースについては [RELEASING.md](../../RELEASING.md) を参照してください。

## ライセンス

このプロダクトは[MIT](../../LICENSE)の条件に従ってライセンスされています。

## 当社 OSS の利用にあたっての注意事項

[当社 OSS の利用にあたっての注意事項](https://docs.google.com/document/d/1PXmZr5g1I5VxAsLNAmgvLDu0Yxzc4wHVlCusKmPtR4o/edit#heading=h.hezrzkxytrbw) をご参照ください。
npm package: @giftee/abukuma-design-tokens
Description: Design Tokens of Giftee Design System
Latest version: 2.1.0

# @giftee/abukuma-design-tokens

@giftee/abukuma-design-tokens は株式会社ギフティのデザインシステム Abukuma のデザイントークンです。

## インストール

```bash
$ npm install @giftee/abukuma-design-tokens
```

## テーマ

現在、marine-light, marine-dark, skeleton-light, coral-light を提供しています。テーマ設定の方法は言語ごとに違います。

## 使い方

現在、CSS Variables の形態と JavaScript + 型定義の形態でデザイントークンを提供しています。他の形態で欲しい場合は、お問い合わせください。

### CSS/SCSS

CSS variables の形で提供しています。テーマ設定は HTML に `[data-theme=marine-light]` とすることで可能です。

```css
@import '@giftee/abukuma-design-tokens';
```

### JS/TS

JavaScript の object とそれに対応した型定義を提供しています。テーマごとにデザイントークンが import できるので、好きに使ってください。

```ts
import { marineLight, saasLight } from '@giftee/abukuma-design-tokens';
```

## 開発

開発については [DEVELOP.md](DEVELOP.md) を参照してください。

## リリース

リリースについては [RELEASING.md](../../RELEASING.md) を参照してください。

## ライセンス

このプロダクトは[MIT](../../LICENSE)の条件に従ってライセンスされています。

## 当社 OSS の利用にあたっての注意事項

[当社 OSS の利用にあたっての注意事項](https://docs.google.com/document/d/1PXmZr5g1I5VxAsLNAmgvLDu0Yxzc4wHVlCusKmPtR4o/edit#heading=h.hezrzkxytrbw) をご参照ください。
npm package: @giftee/abukuma-react
Description: React Component Library of Giftee Design System
Latest version: 4.5.1

# @giftee/abukuma-react

@giftee/abukuma-react は株式会社ギフティのデザインシステム Abukuma の React component library です。

## インストール

```bash
$ npm install @giftee/abukuma-react
```

## 使い方

package のインストール後は適切な箇所にインポートして使ってください。

```tsx
<body>
  <div>
    <Button variant="default">Button</Button>
  </div>
</body>
```

### テーマ

デフォルトで marine-light テーマになっています。テーマをスイッチしたい場合は、任意の箇所に `data-theme='marine-light/marine-dark/skeleton-light/coral-light'` を追加してください。

```tsx
<body>
  <div>
    <Button>marine-light Button</Button>
    <div data-theme="marine-dark">
      <Button>marine-dark Button</Button>
      <div data-theme="skeleton-light">
        <Button>skeleton-light Button</Button>
        <div data-theme="coral-light">
          <Button>coral-light Button</Button>
        </div>
      </div>
    </div>
  </div>
</body>
```

## 開発

開発については [DEVELOP.md](DEVELOP.md) を参照してください。

## リリース

リリースについては [RELEASING.md](../../RELEASING.md) を参照してください。

## ライセンス

このプロダクトは[MIT](../../LICENSE)の条件に従ってライセンスされています。

## 当社 OSS の利用にあたっての注意事項

[当社 OSS の利用にあたっての注意事項](https://docs.google.com/document/d/1PXmZr5g1I5VxAsLNAmgvLDu0Yxzc4wHVlCusKmPtR4o/edit#heading=h.hezrzkxytrbw) をご参照ください。
npm package: @giftomatic/popunder
Description: A lightweight JavaScript module that opens two links simultaneously: one in a new tab and another as a 'popunder' in the original tab after a configurable delay. If the user returns to the original tab before redirection, the event is canceled.
Author: Giftomatic
Latest version: 1.0.1

# Giftomatic Popunder

A lightweight JavaScript module that opens two links simultaneously: one in a new tab and another as a 'popunder' in the original tab after a configurable delay. If the user returns to the original tab before redirection, the event is canceled.

## Installation

```bash
npm i @giftomatic/popunder
```

## Usage

```javascript
import * as Popunder from "@giftomatic/popunder";
Popunder.install();
```

## Example

```html
<!-- Simple link -->
<a
  href="https://www.google.com"
  target="_blank"
  data-popunder="https://www.bing.com"
>
  Google
</a>

<!-- Link with delay configured -->
<a
  href="https://www.amazon.co.uk"
  target="_blank"
  data-popunder="https://www.amazon.com"
  data-refresh-delay="5"
>
  Amazon
</a>
```

Or see the [full example](./popunder.html).

## Install through jsDelivr

```js
import * as Popunder from "https://cdn.jsdelivr.net/npm/@giftomatic/popunder@1.0.0/dist/esm/popunder.js";
```

## Configuration

| Option               | Type   | Required | Description                                                 |
| -------------------- | ------ | -------- | ----------------------------------------------------------- |
| `data-popunder`      | URL    | Yes      | URL to open as a popunder                                   |
| `data-refresh-delay` | Number | No       | Delay in seconds before opening the popunder, default is 3s |
npm package: @gifyourgame/ddcci
Description: NodeJS DDC/CI library
Author: Matt Hensman
Latest version: 0.1.3

# gyg-ddcci

## Installation

gyg-ddcci is currently only supported on Windows.

````bash
npm install git+https://github.com/bad-panda/gyg-display-node-module.git
yarn add https://github.com/bad-panda/gyg-display-node-module.git
````

## Usage

````js
const ddcci = require("@gifyourgame/ddcci");

for (const monitor of ddcci.getMonitorList()) {
    console.log(`${monitor}`);
}

console.log(`${ddcci.getNumberAdapters()}`)
````

## Docs

* ### `getMonitorList()`
  Gets a list of the current connected monitors.
  * #### Return value
    An array of `String` containing the monitor IDs.
    Ex.
    `{"DeviceName":"\\.\DISPLAY1\Monitor0","DeviceString":"NVIDIA GeForce RTX 2070","DeviceID":"MONITOR\PHLC18F\{4d36e96e-e325-11ce-bfc1-08002be10318}\0001","MonitorName":"Generic PnP Monitor","DeviceFlags":"multi "}`

* ### `_refresh()`
  Refreshes the monitor list.
npm package: @gifyourgame/fastlist
Description: NodeJS DDC/CI library
Author: Matt Hensman
Latest version: 0.1.3

# gyg-fastlist

## Installation

gyg-fastlist is currently only supported on Windows.

````bash
npm install git+https://github.com/bad-panda/node-fastlist.git
yarn add https://github.com/bad-panda/node-fastlist.git
````

## Usage

````js
const fastlist = require("@gifyourgame/fastlist");

for (const process of fastlist.getProcessList()) {
    console.log(`${monitor}`);
}
````

## Docs

* ### `getProcessList()`
  Gets a list of the current connected monitors.
  * #### Return value
    An array of json dumped `String` containing the process name, PID, and parent PID.
    Ex.
    `{"name":"winlogon.exe","parentPid":772,"pid":944},
     {"name":"wlanext.exe","parentPid":684,"pid":5424}`