open-index/open-npm huggingface dataset:
npm package: @sko_dev/test-ds
Description: SKO AI/DT개발팀의 커스텀 UI 컴포넌트 라이브러리 개발 전 테스트(TailwindCSS + HeroUI 기반)
Author: SK Team
Latest version: 1.0.0

# test-ds


> for testing before making @sk-team/ui-components

SKONS AI/DT Team의 커스텀 UI 컴포넌트 라이브러리 개발 전 테스트용입니다.

TailwindCSS와 HeroUI v5를 기반으로 제작되었습니다.

## 설치

```bash
npm install @sk-team/ui-components
```

## Peer Dependencies 설치
```bash 
npm install @heroui/react @heroui/theme @heroui/use-theme @react-aria/visually-hidden tailwindcss clsx tailwind-variants
```

## 사용법
1. Tailwind 설정
`tailwind.config.js` 추가

```javascript
const skConfig = require('@sk-team/ui-components/tailwind.config');
```

```javascript
module.exports = {
  ...skConfig,
  content: [
    './src/**/*.{js,ts,jsx,tsx}',
    './node_modules/@sk-team/ui-components/dist/**/*.{js,ts,jsx,tsx}'
  ],
};
2. 컴포넌트 사용
jsximport { FlexBox, ThemeSwitch, NotificationButton } from '@sk-team/ui-components';

function App() {
  return (
    <FlexBox direction="col" gap="md" align="center">
      <ThemeSwitch />
      <NotificationButton color="black" />
    </FlexBox>
  );
}
```

## 컴포넌트 종류

### 레이아웃
FlexBox: 유연한 레이아웃 컴포넌트
ThemeSwitch: 다크/라이트 테마 전환 스위치


### 요소 컴포넌트
NotificationButton: 알림 버튼

### 테마 및 Palette

#### 테마 및 색상
SK CI를 바탕으로 SK Brand Color를 포함한 Palette를 만들었습니다.

```javascript
import { skColors } from '@sk-team/ui-components';

// 사용 예시
const redColor = skColors.red[500]; // #EA002C
```

```javascript
import { title, subtitle } from '@sk-team/ui-components';

const titleClass = title({ 
  size: 'lg', 
  color: 'primary', 
  weight: 'bold' 
});
```

#### 사용 가능한 색상:

sk-red, sk-orange, sk-yellow, sk-green
sk-teal, sk-blue, sk-navy, sk-purple

스타일 유틸리티
텍스트 스타일링을 위한 유틸리티를 제공합니다:
SK 브랜드 컬러와 커스텀 애니메이션을 포함한 테마 시스템을 제공합니다.
npm package: @skoczek1992/randomid-generator
Description: small app for learning
Latest version: 1.0.0

# Random ID-Generator

</hr>

This small module will generate random id, based on **letters** and **numbers**

## Instalation

`npm install --save randomid-generator`
`yarn add randomid-generator`

### Basic usage

```
const randomID = require(randomid-generator);
console.log(randomID(10));
```