@youngduck/yd-ui 0.3.1 → 0.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +13 -10
- package/README.md +222 -222
- package/dist/index.cjs.js +27 -1
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +10 -9
- package/dist/index.esm.js +27 -1
- package/dist/index.esm.js.map +1 -1
- package/dist/types/components/Input/Input.d.ts +13 -8
- package/dist/types/components/Input/Input.stories.d.ts +1 -0
- package/package.json +80 -79
package/CHANGELOG.md
CHANGED
|
@@ -1,19 +1,22 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
-
## [0.3.
|
|
3
|
+
## [0.3.2] - 2025-08-29
|
|
4
4
|
|
|
5
|
-
###
|
|
5
|
+
### 추가
|
|
6
|
+
- Input 컴포넌트 추가
|
|
6
7
|
|
|
7
|
-
|
|
8
|
-
- **개발 환경 개선**: pnpm 기반 의존성 관리로 성능 및 안정성 향상
|
|
9
|
-
- **빌드 시스템 최적화**: pnpm의 효율적인 패키지 관리로 빌드 속도 개선
|
|
8
|
+
## [0.3.1] - 2025-08-28
|
|
10
9
|
|
|
11
|
-
###
|
|
10
|
+
### 추가
|
|
11
|
+
- Input 컴포넌트(초안) 추가
|
|
12
|
+
- 투명 레이어용 유틸리티 CSS 추가
|
|
12
13
|
|
|
13
|
-
|
|
14
|
-
-
|
|
15
|
-
-
|
|
16
|
-
-
|
|
14
|
+
### 변경
|
|
15
|
+
- React peerDependencies를 19로 상향 (`react`, `react-dom` → ^19.0.0)
|
|
16
|
+
- 라이브러리 CSS 전파 방식 정리: Tailwind v4 대응 유틸리티 제공
|
|
17
|
+
- 색상: `.text-primary-50~400`, `.bg-primary-50~400`, `.border-primary-50~400`
|
|
18
|
+
- 타이포그래피: `.text-yds-h1/h2/s1/s2/b1/b2/c1m/c1r/c2r`, `.font-yds-wanted`
|
|
19
|
+
- 컴포넌트 베이스 타이포그래피 클래스 정리 (`.yds-button-typography`, `.yds-input-typography`)
|
|
17
20
|
|
|
18
21
|
## [0.2.1] - 2025-08-27
|
|
19
22
|
|
package/README.md
CHANGED
|
@@ -1,222 +1,222 @@
|
|
|
1
|
-
# @youngduck/yd-ui
|
|
2
|
-
|
|
3
|
-
Tailwind CSS와 CVA(Class Variance Authority) 기반의 현대적인 Headless UI 컴포넌트 라이브러리
|
|
4
|
-
|
|
5
|
-
## ✨ 특징
|
|
6
|
-
|
|
7
|
-
- **Headless 컴포넌트** - 완전한 스타일링 자유도와 커스터마이징 가능
|
|
8
|
-
- **CVA 기반 Variant 시스템** - primary, secondary, ghost 등 다양한 스타일 변형 지원
|
|
9
|
-
- **Tailwind CSS 최적화** - 효율적인 클래스 관리와 번들 사이즈 최적화
|
|
10
|
-
- **Design Token 동기화** - 피그마 Variables와 자동 동기화
|
|
11
|
-
- **완전한 TypeScript 지원** - 타입 안전성과 개발자 경험 향상
|
|
12
|
-
- **접근성 중심** - WAI-ARIA 가이드라인 준수
|
|
13
|
-
- **트리 쉐이킹** - 사용하는 컴포넌트만 번들에 포함
|
|
14
|
-
|
|
15
|
-
## 📦 설치
|
|
16
|
-
|
|
17
|
-
```bash
|
|
18
|
-
npm install @youngduck/yd-ui
|
|
19
|
-
# 또는
|
|
20
|
-
yarn add @youngduck/yd-ui
|
|
21
|
-
# 또는
|
|
22
|
-
pnpm add @youngduck/yd-ui
|
|
23
|
-
```
|
|
24
|
-
|
|
25
|
-
## 🎨 CSS 스타일 적용
|
|
26
|
-
|
|
27
|
-
YD-UI를 사용하기 위해서는 CSS 파일을 import해야 합니다:
|
|
28
|
-
|
|
29
|
-
### 방법 1: CSS 파일에서 import (권장)
|
|
30
|
-
```css
|
|
31
|
-
/* your-global-styles.css */
|
|
32
|
-
@import "@youngduck/yd-ui/styles";
|
|
33
|
-
```
|
|
34
|
-
|
|
35
|
-
### 방법 2: JavaScript/TypeScript에서 import
|
|
36
|
-
```typescript
|
|
37
|
-
// App.tsx 또는 main.tsx
|
|
38
|
-
import "@youngduck/yd-ui/styles";
|
|
39
|
-
```
|
|
40
|
-
|
|
41
|
-
### 방법 3: 직접 경로 지정
|
|
42
|
-
```css
|
|
43
|
-
@import "@youngduck/yd-ui/dist/index.css";
|
|
44
|
-
```
|
|
45
|
-
|
|
46
|
-
## 🚀 사용법
|
|
47
|
-
|
|
48
|
-
### 기본 사용
|
|
49
|
-
|
|
50
|
-
```tsx
|
|
51
|
-
import { Button } from "@youngduck/yd-ui";
|
|
52
|
-
|
|
53
|
-
export function App() {
|
|
54
|
-
return (
|
|
55
|
-
<div>
|
|
56
|
-
<Button variant="fill" color="primary" size="md">
|
|
57
|
-
Primary Button
|
|
58
|
-
</Button>
|
|
59
|
-
<Button variant="outlined" color="primary" size="sm">
|
|
60
|
-
Outlined Button
|
|
61
|
-
</Button>
|
|
62
|
-
</div>
|
|
63
|
-
);
|
|
64
|
-
}
|
|
65
|
-
```
|
|
66
|
-
|
|
67
|
-
### Variant 시스템
|
|
68
|
-
|
|
69
|
-
모든 컴포넌트는 CVA를 활용한 강력한 variant 시스템을 제공합니다:
|
|
70
|
-
|
|
71
|
-
```tsx
|
|
72
|
-
// Button 컴포넌트 variant 예시
|
|
73
|
-
<Button variant="fill" color="primary">채움 버튼</Button>
|
|
74
|
-
<Button variant="outlined" color="primary">외곽선 버튼</Button>
|
|
75
|
-
|
|
76
|
-
// 크기 조절
|
|
77
|
-
<Button size="sm">작은 버튼</Button>
|
|
78
|
-
<Button size="md">보통 버튼</Button>
|
|
79
|
-
<Button size="lg">큰 버튼</Button>
|
|
80
|
-
<Button size="full">전체 너비 버튼</Button>
|
|
81
|
-
|
|
82
|
-
// 조합 사용
|
|
83
|
-
<Button variant="outlined" color="primary" size="lg" disabled>
|
|
84
|
-
비활성화된 큰 외곽선 버튼
|
|
85
|
-
</Button>
|
|
86
|
-
```
|
|
87
|
-
|
|
88
|
-
### 커스텀 스타일링
|
|
89
|
-
|
|
90
|
-
Headless 설계로 완전한 커스터마이징이 가능합니다:
|
|
91
|
-
|
|
92
|
-
```tsx
|
|
93
|
-
import { Button } from "@youngduck/yd-ui";
|
|
94
|
-
import { cn } from "@/lib/utils";
|
|
95
|
-
|
|
96
|
-
export function CustomButton() {
|
|
97
|
-
return (
|
|
98
|
-
<Button
|
|
99
|
-
variant="fill"
|
|
100
|
-
color="primary"
|
|
101
|
-
className={cn(
|
|
102
|
-
"bg-gradient-to-r from-purple-500 to-pink-500",
|
|
103
|
-
"hover:from-purple-600 hover:to-pink-600",
|
|
104
|
-
"text-white shadow-lg"
|
|
105
|
-
)}
|
|
106
|
-
>
|
|
107
|
-
커스텀 그라데이션 버튼
|
|
108
|
-
</Button>
|
|
109
|
-
);
|
|
110
|
-
}
|
|
111
|
-
```
|
|
112
|
-
|
|
113
|
-
## 🎨 Design Token 시스템
|
|
114
|
-
|
|
115
|
-
피그마 Variables와 동기화된 일관된 디자인 토큰을 제공합니다:
|
|
116
|
-
|
|
117
|
-
```css
|
|
118
|
-
/* 색상 팔레트 */
|
|
119
|
-
--primary: 216 100% 50%;
|
|
120
|
-
--secondary: 214 32% 91%;
|
|
121
|
-
--destructive: 0 85% 60%;
|
|
122
|
-
--muted: 210 40% 98%;
|
|
123
|
-
|
|
124
|
-
/* 타이포그래피 */
|
|
125
|
-
--font-sans: "Inter", sans-serif;
|
|
126
|
-
--text-sm: 0.875rem;
|
|
127
|
-
--text-base: 1rem;
|
|
128
|
-
--text-lg: 1.125rem;
|
|
129
|
-
|
|
130
|
-
/* 간격 시스템 */
|
|
131
|
-
--spacing-1: 0.25rem;
|
|
132
|
-
--spacing-2: 0.5rem;
|
|
133
|
-
--spacing-4: 1rem;
|
|
134
|
-
```
|
|
135
|
-
|
|
136
|
-
## 📖 컴포넌트 카탈로그
|
|
137
|
-
|
|
138
|
-
### 기본 컴포넌트
|
|
139
|
-
|
|
140
|
-
- `Button` - 다양한 variant와 크기를 지원하는 버튼
|
|
141
|
-
- `Input` - 텍스트 입력 필드
|
|
142
|
-
- `Label` - 접근성을 고려한 라벨
|
|
143
|
-
- `Badge` - 상태 표시용 배지
|
|
144
|
-
|
|
145
|
-
### 레이아웃 컴포넌트
|
|
146
|
-
|
|
147
|
-
- `Card` - 콘텐츠 그룹핑용 카드
|
|
148
|
-
- `Separator` - 구분선
|
|
149
|
-
- `Container` - 반응형 컨테이너
|
|
150
|
-
|
|
151
|
-
### 폼 컴포넌트
|
|
152
|
-
|
|
153
|
-
- `Form` - 폼 래퍼 및 검증
|
|
154
|
-
- `Select` - 드롭다운 선택
|
|
155
|
-
- `Checkbox` - 체크박스
|
|
156
|
-
- `RadioGroup` - 라디오 버튼 그룹
|
|
157
|
-
|
|
158
|
-
### 피드백 컴포넌트
|
|
159
|
-
|
|
160
|
-
- `Toast` - 알림 메시지
|
|
161
|
-
- `Alert` - 경고 및 정보 표시
|
|
162
|
-
- `Progress` - 진행률 표시
|
|
163
|
-
|
|
164
|
-
## 🛠️ 개발 환경 설정
|
|
165
|
-
|
|
166
|
-
### Tailwind CSS 설정
|
|
167
|
-
|
|
168
|
-
`tailwind.config.js`에 다음을 추가하세요:
|
|
169
|
-
|
|
170
|
-
```js
|
|
171
|
-
module.exports = {
|
|
172
|
-
content: [
|
|
173
|
-
"./node_modules/@youngduck/yd-ui/dist/**/*.{js,ts,jsx,tsx}",
|
|
174
|
-
// ... 기타 경로
|
|
175
|
-
],
|
|
176
|
-
theme: {
|
|
177
|
-
extend: {
|
|
178
|
-
// yd-ui preset이 자동으로 적용됩니다
|
|
179
|
-
},
|
|
180
|
-
},
|
|
181
|
-
plugins: [],
|
|
182
|
-
};
|
|
183
|
-
```
|
|
184
|
-
|
|
185
|
-
### TypeScript 설정
|
|
186
|
-
|
|
187
|
-
완전한 타입 지원을 위한 설정:
|
|
188
|
-
|
|
189
|
-
```json
|
|
190
|
-
{
|
|
191
|
-
"compilerOptions": {
|
|
192
|
-
"moduleResolution": "node",
|
|
193
|
-
"allowSyntheticDefaultImports": true,
|
|
194
|
-
"esModuleInterop": true
|
|
195
|
-
}
|
|
196
|
-
}
|
|
197
|
-
```
|
|
198
|
-
|
|
199
|
-
## 🤝 기여하기
|
|
200
|
-
|
|
201
|
-
기여를 환영합니다! 다음 단계를 따라주세요:
|
|
202
|
-
|
|
203
|
-
1. 저장소를 포크합니다
|
|
204
|
-
2. 기능 브랜치를 생성합니다 (`git checkout -b feature/amazing-feature`)
|
|
205
|
-
3. 변경사항을 커밋합니다 (`git commit -m 'Add amazing feature'`)
|
|
206
|
-
4. 브랜치에 푸시합니다 (`git push origin feature/amazing-feature`)
|
|
207
|
-
5. Pull Request를 생성합니다
|
|
208
|
-
|
|
209
|
-
## 📝 라이선스
|
|
210
|
-
|
|
211
|
-
MIT 라이선스 하에 배포됩니다. 자세한 내용은 `LICENSE` 파일을 참조하세요.
|
|
212
|
-
|
|
213
|
-
## 🔗 링크
|
|
214
|
-
|
|
215
|
-
- [공식 문서](https://yd-ui.youngduck.dev)
|
|
216
|
-
- [Storybook](https://storybook.yd-ui.youngduck.dev)
|
|
217
|
-
- [피그마 디자인 시스템](https://figma.com/youngduck-design-system)
|
|
218
|
-
- [GitHub](https://github.com/youngduck/yd-ui)
|
|
219
|
-
|
|
220
|
-
---
|
|
221
|
-
|
|
222
|
-
**@youngduck/yd-ui**로 더 나은 사용자 경험을 만들어보세요! 🚀
|
|
1
|
+
# @youngduck/yd-ui
|
|
2
|
+
|
|
3
|
+
Tailwind CSS와 CVA(Class Variance Authority) 기반의 현대적인 Headless UI 컴포넌트 라이브러리
|
|
4
|
+
|
|
5
|
+
## ✨ 특징
|
|
6
|
+
|
|
7
|
+
- **Headless 컴포넌트** - 완전한 스타일링 자유도와 커스터마이징 가능
|
|
8
|
+
- **CVA 기반 Variant 시스템** - primary, secondary, ghost 등 다양한 스타일 변형 지원
|
|
9
|
+
- **Tailwind CSS 최적화** - 효율적인 클래스 관리와 번들 사이즈 최적화
|
|
10
|
+
- **Design Token 동기화** - 피그마 Variables와 자동 동기화
|
|
11
|
+
- **완전한 TypeScript 지원** - 타입 안전성과 개발자 경험 향상
|
|
12
|
+
- **접근성 중심** - WAI-ARIA 가이드라인 준수
|
|
13
|
+
- **트리 쉐이킹** - 사용하는 컴포넌트만 번들에 포함
|
|
14
|
+
|
|
15
|
+
## 📦 설치
|
|
16
|
+
|
|
17
|
+
```bash
|
|
18
|
+
npm install @youngduck/yd-ui
|
|
19
|
+
# 또는
|
|
20
|
+
yarn add @youngduck/yd-ui
|
|
21
|
+
# 또는
|
|
22
|
+
pnpm add @youngduck/yd-ui
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
## 🎨 CSS 스타일 적용
|
|
26
|
+
|
|
27
|
+
YD-UI를 사용하기 위해서는 CSS 파일을 import해야 합니다:
|
|
28
|
+
|
|
29
|
+
### 방법 1: CSS 파일에서 import (권장)
|
|
30
|
+
```css
|
|
31
|
+
/* your-global-styles.css */
|
|
32
|
+
@import "@youngduck/yd-ui/styles";
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
### 방법 2: JavaScript/TypeScript에서 import
|
|
36
|
+
```typescript
|
|
37
|
+
// App.tsx 또는 main.tsx
|
|
38
|
+
import "@youngduck/yd-ui/styles";
|
|
39
|
+
```
|
|
40
|
+
|
|
41
|
+
### 방법 3: 직접 경로 지정
|
|
42
|
+
```css
|
|
43
|
+
@import "@youngduck/yd-ui/dist/index.css";
|
|
44
|
+
```
|
|
45
|
+
|
|
46
|
+
## 🚀 사용법
|
|
47
|
+
|
|
48
|
+
### 기본 사용
|
|
49
|
+
|
|
50
|
+
```tsx
|
|
51
|
+
import { Button } from "@youngduck/yd-ui";
|
|
52
|
+
|
|
53
|
+
export function App() {
|
|
54
|
+
return (
|
|
55
|
+
<div>
|
|
56
|
+
<Button variant="fill" color="primary" size="md">
|
|
57
|
+
Primary Button
|
|
58
|
+
</Button>
|
|
59
|
+
<Button variant="outlined" color="primary" size="sm">
|
|
60
|
+
Outlined Button
|
|
61
|
+
</Button>
|
|
62
|
+
</div>
|
|
63
|
+
);
|
|
64
|
+
}
|
|
65
|
+
```
|
|
66
|
+
|
|
67
|
+
### Variant 시스템
|
|
68
|
+
|
|
69
|
+
모든 컴포넌트는 CVA를 활용한 강력한 variant 시스템을 제공합니다:
|
|
70
|
+
|
|
71
|
+
```tsx
|
|
72
|
+
// Button 컴포넌트 variant 예시
|
|
73
|
+
<Button variant="fill" color="primary">채움 버튼</Button>
|
|
74
|
+
<Button variant="outlined" color="primary">외곽선 버튼</Button>
|
|
75
|
+
|
|
76
|
+
// 크기 조절
|
|
77
|
+
<Button size="sm">작은 버튼</Button>
|
|
78
|
+
<Button size="md">보통 버튼</Button>
|
|
79
|
+
<Button size="lg">큰 버튼</Button>
|
|
80
|
+
<Button size="full">전체 너비 버튼</Button>
|
|
81
|
+
|
|
82
|
+
// 조합 사용
|
|
83
|
+
<Button variant="outlined" color="primary" size="lg" disabled>
|
|
84
|
+
비활성화된 큰 외곽선 버튼
|
|
85
|
+
</Button>
|
|
86
|
+
```
|
|
87
|
+
|
|
88
|
+
### 커스텀 스타일링
|
|
89
|
+
|
|
90
|
+
Headless 설계로 완전한 커스터마이징이 가능합니다:
|
|
91
|
+
|
|
92
|
+
```tsx
|
|
93
|
+
import { Button } from "@youngduck/yd-ui";
|
|
94
|
+
import { cn } from "@/lib/utils";
|
|
95
|
+
|
|
96
|
+
export function CustomButton() {
|
|
97
|
+
return (
|
|
98
|
+
<Button
|
|
99
|
+
variant="fill"
|
|
100
|
+
color="primary"
|
|
101
|
+
className={cn(
|
|
102
|
+
"bg-gradient-to-r from-purple-500 to-pink-500",
|
|
103
|
+
"hover:from-purple-600 hover:to-pink-600",
|
|
104
|
+
"text-white shadow-lg"
|
|
105
|
+
)}
|
|
106
|
+
>
|
|
107
|
+
커스텀 그라데이션 버튼
|
|
108
|
+
</Button>
|
|
109
|
+
);
|
|
110
|
+
}
|
|
111
|
+
```
|
|
112
|
+
|
|
113
|
+
## 🎨 Design Token 시스템
|
|
114
|
+
|
|
115
|
+
피그마 Variables와 동기화된 일관된 디자인 토큰을 제공합니다:
|
|
116
|
+
|
|
117
|
+
```css
|
|
118
|
+
/* 색상 팔레트 */
|
|
119
|
+
--primary: 216 100% 50%;
|
|
120
|
+
--secondary: 214 32% 91%;
|
|
121
|
+
--destructive: 0 85% 60%;
|
|
122
|
+
--muted: 210 40% 98%;
|
|
123
|
+
|
|
124
|
+
/* 타이포그래피 */
|
|
125
|
+
--font-sans: "Inter", sans-serif;
|
|
126
|
+
--text-sm: 0.875rem;
|
|
127
|
+
--text-base: 1rem;
|
|
128
|
+
--text-lg: 1.125rem;
|
|
129
|
+
|
|
130
|
+
/* 간격 시스템 */
|
|
131
|
+
--spacing-1: 0.25rem;
|
|
132
|
+
--spacing-2: 0.5rem;
|
|
133
|
+
--spacing-4: 1rem;
|
|
134
|
+
```
|
|
135
|
+
|
|
136
|
+
## 📖 컴포넌트 카탈로그
|
|
137
|
+
|
|
138
|
+
### 기본 컴포넌트
|
|
139
|
+
|
|
140
|
+
- `Button` - 다양한 variant와 크기를 지원하는 버튼
|
|
141
|
+
- `Input` - 텍스트 입력 필드
|
|
142
|
+
- `Label` - 접근성을 고려한 라벨
|
|
143
|
+
- `Badge` - 상태 표시용 배지
|
|
144
|
+
|
|
145
|
+
### 레이아웃 컴포넌트
|
|
146
|
+
|
|
147
|
+
- `Card` - 콘텐츠 그룹핑용 카드
|
|
148
|
+
- `Separator` - 구분선
|
|
149
|
+
- `Container` - 반응형 컨테이너
|
|
150
|
+
|
|
151
|
+
### 폼 컴포넌트
|
|
152
|
+
|
|
153
|
+
- `Form` - 폼 래퍼 및 검증
|
|
154
|
+
- `Select` - 드롭다운 선택
|
|
155
|
+
- `Checkbox` - 체크박스
|
|
156
|
+
- `RadioGroup` - 라디오 버튼 그룹
|
|
157
|
+
|
|
158
|
+
### 피드백 컴포넌트
|
|
159
|
+
|
|
160
|
+
- `Toast` - 알림 메시지
|
|
161
|
+
- `Alert` - 경고 및 정보 표시
|
|
162
|
+
- `Progress` - 진행률 표시
|
|
163
|
+
|
|
164
|
+
## 🛠️ 개발 환경 설정
|
|
165
|
+
|
|
166
|
+
### Tailwind CSS 설정
|
|
167
|
+
|
|
168
|
+
`tailwind.config.js`에 다음을 추가하세요:
|
|
169
|
+
|
|
170
|
+
```js
|
|
171
|
+
module.exports = {
|
|
172
|
+
content: [
|
|
173
|
+
"./node_modules/@youngduck/yd-ui/dist/**/*.{js,ts,jsx,tsx}",
|
|
174
|
+
// ... 기타 경로
|
|
175
|
+
],
|
|
176
|
+
theme: {
|
|
177
|
+
extend: {
|
|
178
|
+
// yd-ui preset이 자동으로 적용됩니다
|
|
179
|
+
},
|
|
180
|
+
},
|
|
181
|
+
plugins: [],
|
|
182
|
+
};
|
|
183
|
+
```
|
|
184
|
+
|
|
185
|
+
### TypeScript 설정
|
|
186
|
+
|
|
187
|
+
완전한 타입 지원을 위한 설정:
|
|
188
|
+
|
|
189
|
+
```json
|
|
190
|
+
{
|
|
191
|
+
"compilerOptions": {
|
|
192
|
+
"moduleResolution": "node",
|
|
193
|
+
"allowSyntheticDefaultImports": true,
|
|
194
|
+
"esModuleInterop": true
|
|
195
|
+
}
|
|
196
|
+
}
|
|
197
|
+
```
|
|
198
|
+
|
|
199
|
+
## 🤝 기여하기
|
|
200
|
+
|
|
201
|
+
기여를 환영합니다! 다음 단계를 따라주세요:
|
|
202
|
+
|
|
203
|
+
1. 저장소를 포크합니다
|
|
204
|
+
2. 기능 브랜치를 생성합니다 (`git checkout -b feature/amazing-feature`)
|
|
205
|
+
3. 변경사항을 커밋합니다 (`git commit -m 'Add amazing feature'`)
|
|
206
|
+
4. 브랜치에 푸시합니다 (`git push origin feature/amazing-feature`)
|
|
207
|
+
5. Pull Request를 생성합니다
|
|
208
|
+
|
|
209
|
+
## 📝 라이선스
|
|
210
|
+
|
|
211
|
+
MIT 라이선스 하에 배포됩니다. 자세한 내용은 `LICENSE` 파일을 참조하세요.
|
|
212
|
+
|
|
213
|
+
## 🔗 링크
|
|
214
|
+
|
|
215
|
+
- [공식 문서](https://yd-ui.youngduck.dev)
|
|
216
|
+
- [Storybook](https://storybook.yd-ui.youngduck.dev)
|
|
217
|
+
- [피그마 디자인 시스템](https://figma.com/youngduck-design-system)
|
|
218
|
+
- [GitHub](https://github.com/youngduck/yd-ui)
|
|
219
|
+
|
|
220
|
+
---
|
|
221
|
+
|
|
222
|
+
**@youngduck/yd-ui**로 더 나은 사용자 경험을 만들어보세요! 🚀
|
package/dist/index.cjs.js
CHANGED
|
@@ -1,2 +1,28 @@
|
|
|
1
|
-
"use strict";var r=require("react/jsx-runtime");function a(r){var t,
|
|
1
|
+
"use strict";var r=require("react/jsx-runtime"),e=require("react");function a(r){var e,t,l="";if("string"==typeof r||"number"==typeof r)l+=r;else if("object"==typeof r)if(Array.isArray(r)){var i=r.length;for(e=0;e<i;e++)r[e]&&(t=a(r[e]))&&(l&&(l+=" "),l+=t)}else for(t in r)r[t]&&(l&&(l+=" "),l+=t);return l}const t=r=>"boolean"==typeof r?`${r}`:0===r?"0":r,l=function(){for(var r,e,t=0,l="",i=arguments.length;t<i;t++)(r=arguments[t])&&(e=a(r))&&(l&&(l+=" "),l+=e);return l},i=(r,e)=>a=>{var i;if(null==(null==e?void 0:e.variants))return l(r,null==a?void 0:a.class,null==a?void 0:a.className);const{variants:o,defaultVariants:s}=e,n=Object.keys(o).map(r=>{const e=null==a?void 0:a[r],l=null==s?void 0:s[r];if(null===e)return null;const i=t(e)||t(l);return o[r][i]}),c=a&&Object.entries(a).reduce((r,e)=>{let[a,t]=e;return void 0===t||(r[a]=t),r},{}),d=null==e||null===(i=e.compoundVariants)||void 0===i?void 0:i.reduce((r,e)=>{let{class:a,className:t,...l}=e;return Object.entries(l).every(r=>{let[e,a]=r;return Array.isArray(a)?a.includes({...s,...c}[e]):{...s,...c}[e]===a})?[...r,a,t]:r},[]);return l(r,n,d,null==a?void 0:a.class,null==a?void 0:a.className)},o=i("yds-button-typography",{variants:{size:{sm:"w-20",md:"w-[120px]",lg:"w-40",full:"w-full"},variant:{fill:"",outlined:"bg-transparent border-2"},color:{primary:""}},compoundVariants:[{variant:"fill",color:"primary",class:"bg-primary-400 text-black"},{variant:"outlined",color:"primary",class:"border-primary-400 text-primary-400"}],defaultVariants:{size:"md",variant:"fill",color:"primary"}});function s({size:e="md",variant:a,color:t,children:l,className:i="",ref:s,...n}){return r.jsx("button",{ref:s,className:o({size:e,variant:a,color:t,className:i}),tabIndex:0,"aria-label":n["aria-label"]||("string"==typeof l?l:"button"),...n,children:l})}s.displayName="Button";
|
|
2
|
+
/**
|
|
3
|
+
* @license lucide-react v0.542.0 - ISC
|
|
4
|
+
*
|
|
5
|
+
* This source code is licensed under the ISC license.
|
|
6
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
7
|
+
*/
|
|
8
|
+
const n=r=>{const e=(r=>r.replace(/^([A-Z])|[\s-_]+(\w)/g,(r,e,a)=>a?a.toUpperCase():e.toLowerCase()))(r);return e.charAt(0).toUpperCase()+e.slice(1)},c=(...r)=>r.filter((r,e,a)=>Boolean(r)&&""!==r.trim()&&a.indexOf(r)===e).join(" ").trim(),d=r=>{for(const e in r)if(e.startsWith("aria-")||"role"===e||"title"===e)return!0};
|
|
9
|
+
/**
|
|
10
|
+
* @license lucide-react v0.542.0 - ISC
|
|
11
|
+
*
|
|
12
|
+
* This source code is licensed under the ISC license.
|
|
13
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
14
|
+
*/
|
|
15
|
+
var u={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};
|
|
16
|
+
/**
|
|
17
|
+
* @license lucide-react v0.542.0 - ISC
|
|
18
|
+
*
|
|
19
|
+
* This source code is licensed under the ISC license.
|
|
20
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
21
|
+
*/const p=e.forwardRef(({color:r="currentColor",size:a=24,strokeWidth:t=2,absoluteStrokeWidth:l,className:i="",children:o,iconNode:s,...n},p)=>e.createElement("svg",{ref:p,...u,width:a,height:a,stroke:r,strokeWidth:l?24*Number(t)/Number(a):t,className:c("lucide",i),...!o&&!d(n)&&{"aria-hidden":"true"},...n},[...s.map(([r,a])=>e.createElement(r,a)),...Array.isArray(o)?o:[o]])),m=((r,a)=>{const t=e.forwardRef(({className:t,...l},i)=>{return e.createElement(p,{ref:i,iconNode:a,className:c(`lucide-${o=n(r),o.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}`,`lucide-${r}`,t),...l});var o});return t.displayName=n(r),t})("search",[["path",{d:"m21 21-4.34-4.34",key:"14j7rj"}],["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}]]),y=i("relative",{variants:{color:{"primary-400":"text-yellow-400","primary-100":"text-yellow-100",white:"text-white"}}}),f=i("yds-input-typography h-12 rounded-[8px] border-2 pr-3",{variants:{size:{sm:"w-[200px]",md:"w-[300px]",lg:"w-[400px]",full:"w-full"},color:{white:"border-white bg-transparent text-gray-900 placeholder-gray-500","primary-400":"border-yellow-400 bg-transparent text-gray-900 placeholder-primary-400 focus:border-yellow-500","primary-100":"border-yellow-100 bg-transparent text-gray-900 placeholder-primary-100 focus:border-yellow-200"},variant:{search:"pl-10",input:"pl-3"},disabled:{true:"opacity-50 cursor-not-allowed bg-gray-100",false:""}},defaultVariants:{size:"md",color:"primary-100",variant:"input",disabled:!1}});
|
|
22
|
+
/**
|
|
23
|
+
* @license lucide-react v0.542.0 - ISC
|
|
24
|
+
*
|
|
25
|
+
* This source code is licensed under the ISC license.
|
|
26
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
27
|
+
*/function v({size:e,color:a,variant:t,className:l="",disabled:i,...o}){return r.jsxs("div",{className:y({color:a}),children:["search"===t&&r.jsx(m,{"aria-hidden":!0,className:"absolute left-3 top-1/2 -translate-y-1/2 w-6 h-6 text-current"}),r.jsx("input",{className:f({size:e,color:a,variant:t,disabled:i,className:l}),disabled:i,...o})]})}v.displayName="Input",exports.Button=s,exports.Input=v;
|
|
2
28
|
//# sourceMappingURL=index.cjs.js.map
|
package/dist/index.cjs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs.js","sources":["../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs","../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs","../src/components/Button/Button.tsx","../src/components/Input/Input.tsx"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","/**\n * Copyright 2022 Joe Bell. All rights reserved.\n *\n * This file is licensed to you under the Apache License, Version 2.0\n * (the \"License\"); you may not use this file except in compliance with the\n * License. You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations under\n * the License.\n */ import { clsx } from \"clsx\";\nconst falsyToString = (value)=>typeof value === \"boolean\" ? `${value}` : value === 0 ? \"0\" : value;\nexport const cx = clsx;\nexport const cva = (base, config)=>(props)=>{\n var _config_compoundVariants;\n if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n const { variants, defaultVariants } = config;\n const getVariantClassNames = Object.keys(variants).map((variant)=>{\n const variantProp = props === null || props === void 0 ? void 0 : props[variant];\n const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];\n if (variantProp === null) return null;\n const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);\n return variants[variant][variantKey];\n });\n const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param)=>{\n let [key, value] = param;\n if (value === undefined) {\n return acc;\n }\n acc[key] = value;\n return acc;\n }, {});\n const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param)=>{\n let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;\n return Object.entries(compoundVariantOptions).every((param)=>{\n let [key, value] = param;\n return Array.isArray(value) ? value.includes({\n ...defaultVariants,\n ...propsWithoutUndefined\n }[key]) : ({\n ...defaultVariants,\n ...propsWithoutUndefined\n })[key] === value;\n }) ? [\n ...acc,\n cvClass,\n cvClassName\n ] : acc;\n }, []);\n return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n };\n\n",null,null],"names":["r","e","t","f","n","Array","isArray","o","length","falsyToString","value","cx","arguments","cva","base","config","props","_config_compoundVariants","variants","class","className","defaultVariants","getVariantClassNames","Object","keys","map","variant","variantProp","defaultVariantProp","variantKey","propsWithoutUndefined","entries","reduce","acc","param","key","undefined","getCompoundVariantClassNames","compoundVariants","cvClass","cvClassName","compoundVariantOptions","every","includes","buttonVariants","size","sm","md","lg","full","fill","outlined","color","primary","Button","children","ref","_jsx","tabIndex","displayName","inputVariants","default","Input"],"mappings":"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","x_google_ignoreList":[0,1]}
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":["../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs","../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs","../src/components/Button/Button.tsx","../node_modules/.pnpm/lucide-react@0.542.0_react@19.1.1/node_modules/lucide-react/dist/esm/shared/src/utils.js","../node_modules/.pnpm/lucide-react@0.542.0_react@19.1.1/node_modules/lucide-react/dist/esm/defaultAttributes.js","../node_modules/.pnpm/lucide-react@0.542.0_react@19.1.1/node_modules/lucide-react/dist/esm/Icon.js","../node_modules/.pnpm/lucide-react@0.542.0_react@19.1.1/node_modules/lucide-react/dist/esm/icons/search.js","../node_modules/.pnpm/lucide-react@0.542.0_react@19.1.1/node_modules/lucide-react/dist/esm/createLucideIcon.js","../src/components/Input/Input.tsx"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","/**\n * Copyright 2022 Joe Bell. All rights reserved.\n *\n * This file is licensed to you under the Apache License, Version 2.0\n * (the \"License\"); you may not use this file except in compliance with the\n * License. You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations under\n * the License.\n */ import { clsx } from \"clsx\";\nconst falsyToString = (value)=>typeof value === \"boolean\" ? `${value}` : value === 0 ? \"0\" : value;\nexport const cx = clsx;\nexport const cva = (base, config)=>(props)=>{\n var _config_compoundVariants;\n if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n const { variants, defaultVariants } = config;\n const getVariantClassNames = Object.keys(variants).map((variant)=>{\n const variantProp = props === null || props === void 0 ? void 0 : props[variant];\n const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];\n if (variantProp === null) return null;\n const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);\n return variants[variant][variantKey];\n });\n const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param)=>{\n let [key, value] = param;\n if (value === undefined) {\n return acc;\n }\n acc[key] = value;\n return acc;\n }, {});\n const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param)=>{\n let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;\n return Object.entries(compoundVariantOptions).every((param)=>{\n let [key, value] = param;\n return Array.isArray(value) ? value.includes({\n ...defaultVariants,\n ...propsWithoutUndefined\n }[key]) : ({\n ...defaultVariants,\n ...propsWithoutUndefined\n })[key] === value;\n }) ? [\n ...acc,\n cvClass,\n cvClassName\n ] : acc;\n }, []);\n return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n };\n\n",null,"/**\n * @license lucide-react v0.542.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nconst toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, \"$1-$2\").toLowerCase();\nconst toCamelCase = (string) => string.replace(\n /^([A-Z])|[\\s-_]+(\\w)/g,\n (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()\n);\nconst toPascalCase = (string) => {\n const camelCase = toCamelCase(string);\n return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);\n};\nconst mergeClasses = (...classes) => classes.filter((className, index, array) => {\n return Boolean(className) && className.trim() !== \"\" && array.indexOf(className) === index;\n}).join(\" \").trim();\nconst hasA11yProp = (props) => {\n for (const prop in props) {\n if (prop.startsWith(\"aria-\") || prop === \"role\" || prop === \"title\") {\n return true;\n }\n }\n};\n\nexport { hasA11yProp, mergeClasses, toCamelCase, toKebabCase, toPascalCase };\n//# sourceMappingURL=utils.js.map\n","/**\n * @license lucide-react v0.542.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nvar defaultAttributes = {\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n viewBox: \"0 0 24 24\",\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: 2,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n};\n\nexport { defaultAttributes as default };\n//# sourceMappingURL=defaultAttributes.js.map\n","/**\n * @license lucide-react v0.542.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport { forwardRef, createElement } from 'react';\nimport defaultAttributes from './defaultAttributes.js';\nimport { mergeClasses, hasA11yProp } from './shared/src/utils.js';\n\nconst Icon = forwardRef(\n ({\n color = \"currentColor\",\n size = 24,\n strokeWidth = 2,\n absoluteStrokeWidth,\n className = \"\",\n children,\n iconNode,\n ...rest\n }, ref) => createElement(\n \"svg\",\n {\n ref,\n ...defaultAttributes,\n width: size,\n height: size,\n stroke: color,\n strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,\n className: mergeClasses(\"lucide\", className),\n ...!children && !hasA11yProp(rest) && { \"aria-hidden\": \"true\" },\n ...rest\n },\n [\n ...iconNode.map(([tag, attrs]) => createElement(tag, attrs)),\n ...Array.isArray(children) ? children : [children]\n ]\n )\n);\n\nexport { Icon as default };\n//# sourceMappingURL=Icon.js.map\n","/**\n * @license lucide-react v0.542.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\"path\", { d: \"m21 21-4.34-4.34\", key: \"14j7rj\" }],\n [\"circle\", { cx: \"11\", cy: \"11\", r: \"8\", key: \"4ej97u\" }]\n];\nconst Search = createLucideIcon(\"search\", __iconNode);\n\nexport { __iconNode, Search as default };\n//# sourceMappingURL=search.js.map\n","/**\n * @license lucide-react v0.542.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport { forwardRef, createElement } from 'react';\nimport { mergeClasses, toKebabCase, toPascalCase } from './shared/src/utils.js';\nimport Icon from './Icon.js';\n\nconst createLucideIcon = (iconName, iconNode) => {\n const Component = forwardRef(\n ({ className, ...props }, ref) => createElement(Icon, {\n ref,\n iconNode,\n className: mergeClasses(\n `lucide-${toKebabCase(toPascalCase(iconName))}`,\n `lucide-${iconName}`,\n className\n ),\n ...props\n })\n );\n Component.displayName = toPascalCase(iconName);\n return Component;\n};\n\nexport { createLucideIcon as default };\n//# sourceMappingURL=createLucideIcon.js.map\n",null],"names":["r","e","t","f","n","Array","isArray","o","length","falsyToString","value","cx","arguments","cva","base","config","props","_config_compoundVariants","variants","class","className","defaultVariants","getVariantClassNames","Object","keys","map","variant","variantProp","defaultVariantProp","variantKey","propsWithoutUndefined","entries","reduce","acc","param","key","undefined","getCompoundVariantClassNames","compoundVariants","cvClass","cvClassName","compoundVariantOptions","every","includes","buttonVariants","size","sm","md","lg","full","fill","outlined","color","primary","Button","children","ref","_jsx","tabIndex","displayName","toPascalCase","string","camelCase","replace","match","p1","p2","toUpperCase","toLowerCase","toCamelCase","charAt","slice","mergeClasses","classes","filter","index","array","Boolean","trim","indexOf","join","hasA11yProp","prop","startsWith","defaultAttributes","xmlns","width","height","viewBox","stroke","strokeWidth","strokeLinecap","strokeLinejoin","Icon","forwardRef","absoluteStrokeWidth","iconNode","rest","createElement","Number","tag","attrs","Search","iconName","Component","createLucideIcon","d","cy","wrapperVariants","white","inputVariants","search","input","disabled","true","false","Input","_jsxs"],"mappings":"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","x_google_ignoreList":[0,1,3,4,5,6,7]}
|
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */@layer theme, base, components, utilities;@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-yellow-300:oklch(90.5% 0.182 98.111);--color-purple-500:oklch(62.7% 0.265 303.9);--color-purple-600:oklch(55.8% 0.288 302.321);--color-pink-500:oklch(65.6% 0.241 354.308);--color-pink-600:oklch(59.2% 0.249 0.584);--color-gray-600:oklch(44.6% 0.03 256.802);--color-black:#000;--color-white:#fff;--spacing:0.25rem;--container-2xl:42rem;--text-sm:0.875rem;--text-sm--line-height:1.42857;--text-base:1rem;--text-lg:1.125rem;--text-lg--line-height:1.55556;--font-weight-bold:700;--radius-lg:0.5rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-background-primary:#19191f;--color-background-secondary:#20242d;--color-background-primary-layer:rgba(25,25,31,.7);--color-background-secondary-layer:rgba(32,36,45,.7);--color-primary-50:#fcf6df;--color-primary-100:#c9bf91;--color-primary-200:#fde68a;--color-primary-300:#eccb43;--color-primary-400:#e9be11;--font-size-yds-h1:48px;--line-height-yds-h1:58px;--font-weight-yds-h1:600;--font-size-yds-h2:40px;--line-height-yds-h2:48px;--font-weight-yds-h2:600;--font-size-yds-s1:24px;--line-height-yds-s1:30px;--font-weight-yds-s1:600;--font-size-yds-s2:20px;--line-height-yds-s2:26px;--font-weight-yds-s2:600;--font-size-yds-b1:18px;--line-height-yds-b1:26px;--font-weight-yds-b1:400;--font-size-yds-b2:16px;--line-height-yds-b2:24px;--font-weight-yds-b2:400;--font-size-yds-c1m:12px;--line-height-yds-c1m:16px;--font-weight-yds-c1m:500;--font-size-yds-c1r:12px;--line-height-yds-c1r:16px;--font-weight-yds-c1r:400;--font-size-yds-c2r:10px;--line-height-yds-c2r:14px;--font-weight-yds-c2r:400;--font-yds-wanted:"Wanted Sans Variable"}}@layer base{*,::backdrop,::file-selector-button,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:var(--default-font-feature-settings,normal);-webkit-tap-highlight-color:transparent;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:var(--default-mono-font-feature-settings,normal);font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::file-selector-button,button,input,optgroup,select,textarea{font-feature-settings:inherit;background-color:transparent;border-radius:0;color:inherit;font:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}::placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.flex{display:flex}.h-12{height:calc(var(--spacing)*12)}.w-20{width:calc(var(--spacing)*20)}.w-40{width:calc(var(--spacing)*40)}.w-\[120px\]{width:120px}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.flex-1{flex:1}.gap-2{gap:calc(var(--spacing)*2)}.gap-8{gap:calc(var(--spacing)*8)}.space-y-8{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*8*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*8*var(--tw-space-y-reverse))}}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-gray-600{border-color:var(--color-gray-600)}.border-primary-100{border-color:var(--color-primary-100)}.border-primary-400{border-color:var(--color-primary-400)}.bg-primary-400{background-color:var(--color-primary-400)}.bg-transparent{background-color:transparent}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-purple-500{--tw-gradient-from:var(--color-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-pink-500{--tw-gradient-to:var(--color-pink-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.p-4{padding:calc(var(--spacing)*4)}.px-3{padding-inline:calc(var(--spacing)*3)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-black{color:var(--color-black)}.text-primary-400{color:var(--color-primary-400)}.text-white{color:var(--color-white)}.text-yellow-300{color:var(--color-yellow-300)}.capitalize{text-transform:capitalize}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,rgba(0,0,0,.1)),0 4px 6px -4px var(--tw-shadow-color,rgba(0,0,0,.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:from-purple-600{&:hover{@media (hover:hover){--tw-gradient-from:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}}}.hover\:to-pink-600{&:hover{@media (hover:hover){--tw-gradient-to:var(--color-pink-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}}}.focus\:outline-none{&:focus{--tw-outline-style:none;outline-style:none}}}@import url("https://fastly.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.1/packages/wanted-sans/fonts/webfonts/variable/split/WantedSansVariable.min.css");@layer utilities{.bg-background-primary{background-color:var(--color-background-primary)}.bg-background-secondary{background-color:var(--color-background-secondary)}.bg-background-primary-layer{background-color:var(--color-background-primary-layer)}.bg-background-secondary-layer{background-color:var(--color-background-secondary-layer)}.text-primary-50{color:var(--color-primary-50)}.text-primary-100{color:var(--color-primary-100)}.text-primary-200{color:var(--color-primary-200)}.text-primary-300{color:var(--color-primary-300)}.text-primary-400{color:var(--color-primary-400)}.bg-primary-50{background-color:var(--color-primary-50)}.bg-primary-100{background-color:var(--color-primary-100)}.bg-primary-200{background-color:var(--color-primary-200)}.bg-primary-300{background-color:var(--color-primary-300)}.bg-primary-400{background-color:var(--color-primary-400)}.border-primary-50{border-color:var(--color-primary-50)}.border-primary-100{border-color:var(--color-primary-100)}.border-primary-200{border-color:var(--color-primary-200)}.border-primary-300{border-color:var(--color-primary-300)}.border-primary-400{border-color:var(--color-primary-400)}.text-yds-h1{font-size:var(--font-size-yds-h1);font-weight:var(--font-weight-yds-h1);line-height:var(--line-height-yds-h1)}.text-yds-h2{font-size:var(--font-size-yds-h2);font-weight:var(--font-weight-yds-h2);line-height:var(--line-height-yds-h2)}.text-yds-s1{font-size:var(--font-size-yds-s1);font-weight:var(--font-weight-yds-s1);line-height:var(--line-height-yds-s1)}.text-yds-s2{font-size:var(--font-size-yds-s2);font-weight:var(--font-weight-yds-s2);line-height:var(--line-height-yds-s2)}.text-yds-b1{font-size:var(--font-size-yds-b1);font-weight:var(--font-weight-yds-b1);line-height:var(--line-height-yds-b1)}.text-yds-b2{font-size:var(--font-size-yds-b2);font-weight:var(--font-weight-yds-b2);line-height:var(--line-height-yds-b2)}.text-yds-c1m{font-size:var(--font-size-yds-c1m);font-weight:var(--font-weight-yds-c1m);line-height:var(--line-height-yds-c1m)}.text-yds-c1r{font-size:var(--font-size-yds-c1r);font-weight:var(--font-weight-yds-c1r);line-height:var(--line-height-yds-c1r)}.text-yds-c2r{font-size:var(--font-size-yds-c2r);font-weight:var(--font-weight-yds-c2r);line-height:var(--line-height-yds-c2r)}.font-yds-wanted{font-family:var(--font-yds-wanted)}}@layer components{.yds-button-typography{align-items:center;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-family:var(--font-yds-wanted);font-size:var(--font-size-yds-s2);font-weight:var(--font-weight-yds-s2);height:calc(var(--spacing)*12);justify-content:center;line-height:var(--line-height-yds-s2)}.yds-input-typography{font-size:var(--font-size-yds-b2);font-weight:var(--font-weight-yds-b2);line-height:var(--line-height-yds-b2)}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}
|
|
1
|
+
/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */@layer theme, base, components, utilities;@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-yellow-100:oklch(97.3% 0.071 103.193);--color-yellow-200:oklch(94.5% 0.129 101.54);--color-yellow-300:oklch(90.5% 0.182 98.111);--color-yellow-400:oklch(85.2% 0.199 91.936);--color-yellow-500:oklch(79.5% 0.184 86.047);--color-purple-500:oklch(62.7% 0.265 303.9);--color-purple-600:oklch(55.8% 0.288 302.321);--color-pink-500:oklch(65.6% 0.241 354.308);--color-pink-600:oklch(59.2% 0.249 0.584);--color-gray-100:oklch(96.7% 0.003 264.542);--color-gray-500:oklch(55.1% 0.027 264.364);--color-gray-600:oklch(44.6% 0.03 256.802);--color-gray-900:oklch(21% 0.034 264.665);--color-black:#000;--color-white:#fff;--spacing:0.25rem;--container-md:28rem;--container-2xl:42rem;--container-4xl:56rem;--text-sm:0.875rem;--text-sm--line-height:1.42857;--text-base:1rem;--text-lg:1.125rem;--text-lg--line-height:1.55556;--font-weight-bold:700;--radius-lg:0.5rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-background-primary:#19191f;--color-background-secondary:#20242d;--color-background-primary-layer:rgba(25,25,31,.7);--color-background-secondary-layer:rgba(32,36,45,.7);--color-primary-50:#fcf6df;--color-primary-100:#c9bf91;--color-primary-200:#fde68a;--color-primary-300:#eccb43;--color-primary-400:#e9be11;--font-size-yds-h1:48px;--line-height-yds-h1:58px;--font-weight-yds-h1:600;--font-size-yds-h2:40px;--line-height-yds-h2:48px;--font-weight-yds-h2:600;--font-size-yds-s1:24px;--line-height-yds-s1:30px;--font-weight-yds-s1:600;--font-size-yds-s2:20px;--line-height-yds-s2:26px;--font-weight-yds-s2:600;--font-size-yds-b1:18px;--line-height-yds-b1:26px;--font-weight-yds-b1:400;--font-size-yds-b2:16px;--line-height-yds-b2:24px;--font-weight-yds-b2:400;--font-size-yds-c1m:12px;--line-height-yds-c1m:16px;--font-weight-yds-c1m:500;--font-size-yds-c1r:12px;--line-height-yds-c1r:16px;--font-weight-yds-c1r:400;--font-size-yds-c2r:10px;--line-height-yds-c2r:14px;--font-weight-yds-c2r:400;--font-yds-wanted:"Wanted Sans Variable"}}@layer base{*,::backdrop,::file-selector-button,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:var(--default-font-feature-settings,normal);-webkit-tap-highlight-color:transparent;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:var(--default-mono-font-feature-settings,normal);font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::file-selector-button,button,input,optgroup,select,textarea{font-feature-settings:inherit;background-color:transparent;border-radius:0;color:inherit;font:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}::placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.absolute{position:absolute}.relative{position:relative}.top-1\/2{top:50%}.left-3{left:calc(var(--spacing)*3)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.block{display:block}.flex{display:flex}.grid{display:grid}.h-6{height:calc(var(--spacing)*6)}.h-12{height:calc(var(--spacing)*12)}.w-6{width:calc(var(--spacing)*6)}.w-20{width:calc(var(--spacing)*20)}.w-40{width:calc(var(--spacing)*40)}.w-\[120px\]{width:120px}.w-\[200px\]{width:200px}.w-\[300px\]{width:300px}.w-\[400px\]{width:400px}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-md{max-width:var(--container-md)}.flex-1{flex:1}.-translate-y-1\/2{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.cursor-not-allowed{cursor:not-allowed}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gap-2{gap:calc(var(--spacing)*2)}.gap-8{gap:calc(var(--spacing)*8)}.space-y-4{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*4*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*4*var(--tw-space-y-reverse))}}.space-y-8{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*8*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*8*var(--tw-space-y-reverse))}}.rounded-\[8px\]{border-radius:8px}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-gray-600{border-color:var(--color-gray-600)}.border-primary-400{border-color:var(--color-primary-400)}.border-white{border-color:var(--color-white)}.border-yellow-100{border-color:var(--color-yellow-100)}.border-yellow-400{border-color:var(--color-yellow-400)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-primary-400{background-color:var(--color-primary-400)}.bg-transparent{background-color:transparent}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-purple-500{--tw-gradient-from:var(--color-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-pink-500{--tw-gradient-to:var(--color-pink-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.pr-3{padding-right:calc(var(--spacing)*3)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-10{padding-left:calc(var(--spacing)*10)}.font-yds-wanted{font-family:var(--font-yds-wanted)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-black{color:var(--color-black)}.text-current{color:currentcolor}.text-gray-900{color:var(--color-gray-900)}.text-primary-400{color:var(--color-primary-400)}.text-white{color:var(--color-white)}.text-yellow-100{color:var(--color-yellow-100)}.text-yellow-300{color:var(--color-yellow-300)}.text-yellow-400{color:var(--color-yellow-400)}.capitalize{text-transform:capitalize}.placeholder-gray-500{&::-moz-placeholder{color:var(--color-gray-500)}&::placeholder{color:var(--color-gray-500)}}.placeholder-primary-100{&::-moz-placeholder{color:var(--color-primary-100)}&::placeholder{color:var(--color-primary-100)}}.placeholder-primary-400{&::-moz-placeholder{color:var(--color-primary-400)}&::placeholder{color:var(--color-primary-400)}}.opacity-50{opacity:50%}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,rgba(0,0,0,.1)),0 4px 6px -4px var(--tw-shadow-color,rgba(0,0,0,.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:from-purple-600{&:hover{@media (hover:hover){--tw-gradient-from:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}}}.hover\:to-pink-600{&:hover{@media (hover:hover){--tw-gradient-to:var(--color-pink-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}}}.focus\:border-yellow-200{&:focus{border-color:var(--color-yellow-200)}}.focus\:border-yellow-500{&:focus{border-color:var(--color-yellow-500)}}}@import url("https://fastly.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.1/packages/wanted-sans/fonts/webfonts/variable/split/WantedSansVariable.min.css");@layer utilities{.bg-background-primary{background-color:var(--color-background-primary)}.bg-background-secondary{background-color:var(--color-background-secondary)}.bg-background-primary-layer{background-color:var(--color-background-primary-layer)}.bg-background-secondary-layer{background-color:var(--color-background-secondary-layer)}.text-primary-50{color:var(--color-primary-50)}.text-primary-100{color:var(--color-primary-100)}.text-primary-200{color:var(--color-primary-200)}.text-primary-300{color:var(--color-primary-300)}.text-primary-400{color:var(--color-primary-400)}.bg-primary-50{background-color:var(--color-primary-50)}.bg-primary-100{background-color:var(--color-primary-100)}.bg-primary-200{background-color:var(--color-primary-200)}.bg-primary-300{background-color:var(--color-primary-300)}.bg-primary-400{background-color:var(--color-primary-400)}.border-primary-50{border-color:var(--color-primary-50)}.border-primary-100{border-color:var(--color-primary-100)}.border-primary-200{border-color:var(--color-primary-200)}.border-primary-300{border-color:var(--color-primary-300)}.border-primary-400{border-color:var(--color-primary-400)}.text-yds-h1{font-size:var(--font-size-yds-h1);font-weight:var(--font-weight-yds-h1);line-height:var(--line-height-yds-h1)}.text-yds-h2{font-size:var(--font-size-yds-h2);font-weight:var(--font-weight-yds-h2);line-height:var(--line-height-yds-h2)}.text-yds-s1{font-size:var(--font-size-yds-s1);font-weight:var(--font-weight-yds-s1);line-height:var(--line-height-yds-s1)}.text-yds-s2{font-size:var(--font-size-yds-s2);font-weight:var(--font-weight-yds-s2);line-height:var(--line-height-yds-s2)}.text-yds-b1{font-size:var(--font-size-yds-b1);font-weight:var(--font-weight-yds-b1);line-height:var(--line-height-yds-b1)}.text-yds-b2{font-size:var(--font-size-yds-b2);font-weight:var(--font-weight-yds-b2);line-height:var(--line-height-yds-b2)}.text-yds-c1m{font-size:var(--font-size-yds-c1m);font-weight:var(--font-weight-yds-c1m);line-height:var(--line-height-yds-c1m)}.text-yds-c1r{font-size:var(--font-size-yds-c1r);font-weight:var(--font-weight-yds-c1r);line-height:var(--line-height-yds-c1r)}.text-yds-c2r{font-size:var(--font-size-yds-c2r);font-weight:var(--font-weight-yds-c2r);line-height:var(--line-height-yds-c2r)}.font-yds-wanted{font-family:var(--font-yds-wanted)}}@layer components{.yds-button-typography{align-items:center;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-family:var(--font-yds-wanted);font-size:var(--font-size-yds-s2);font-weight:var(--font-weight-yds-s2);height:calc(var(--spacing)*12);justify-content:center;line-height:var(--line-height-yds-s2)}.yds-input-typography{font-size:var(--font-size-yds-b2);font-weight:var(--font-weight-yds-b2);line-height:var(--line-height-yds-b2)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
3
|
-
import React
|
|
3
|
+
import React from 'react';
|
|
4
4
|
import { VariantProps } from 'class-variance-authority';
|
|
5
5
|
|
|
6
6
|
declare const buttonVariants: (props?: ({
|
|
@@ -9,24 +9,25 @@ declare const buttonVariants: (props?: ({
|
|
|
9
9
|
color?: "primary" | null | undefined;
|
|
10
10
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
11
11
|
type ButtonProps = {
|
|
12
|
-
ref?: React
|
|
12
|
+
ref?: React.Ref<HTMLButtonElement>;
|
|
13
13
|
isActive?: boolean;
|
|
14
|
-
children: React
|
|
15
|
-
} & React
|
|
14
|
+
children: React.ReactNode;
|
|
15
|
+
} & React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<typeof buttonVariants>;
|
|
16
16
|
declare function Button({ size, variant, color, children, className, ref, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
|
|
17
17
|
declare namespace Button {
|
|
18
18
|
var displayName: string;
|
|
19
19
|
}
|
|
20
20
|
|
|
21
21
|
declare const inputVariants: (props?: ({
|
|
22
|
-
|
|
22
|
+
size?: "sm" | "md" | "lg" | "full" | null | undefined;
|
|
23
|
+
color?: "white" | "primary-400" | "primary-100" | null | undefined;
|
|
24
|
+
variant?: "search" | "input" | null | undefined;
|
|
25
|
+
disabled?: boolean | null | undefined;
|
|
23
26
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
24
|
-
type InputVariant = VariantProps<typeof inputVariants>['variant'];
|
|
25
27
|
type InputProps = {
|
|
26
|
-
variant?: InputVariant;
|
|
27
28
|
className?: string;
|
|
28
|
-
} & React.InputHTMLAttributes<HTMLInputElement>;
|
|
29
|
-
declare function Input({ variant, className, ...props }: InputProps): react_jsx_runtime.JSX.Element;
|
|
29
|
+
} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'color'> & VariantProps<typeof inputVariants>;
|
|
30
|
+
declare function Input({ size, color, variant, className, disabled, ...props }: InputProps): react_jsx_runtime.JSX.Element;
|
|
30
31
|
declare namespace Input {
|
|
31
32
|
var displayName: string;
|
|
32
33
|
}
|
package/dist/index.esm.js
CHANGED
|
@@ -1,2 +1,28 @@
|
|
|
1
|
-
import{jsx as r}from"react/jsx-runtime";function
|
|
1
|
+
import{jsx as r,jsxs as e}from"react/jsx-runtime";import{forwardRef as a,createElement as t}from"react";function l(r){var e,a,t="";if("string"==typeof r||"number"==typeof r)t+=r;else if("object"==typeof r)if(Array.isArray(r)){var i=r.length;for(e=0;e<i;e++)r[e]&&(a=l(r[e]))&&(t&&(t+=" "),t+=a)}else for(a in r)r[a]&&(t&&(t+=" "),t+=a);return t}const i=r=>"boolean"==typeof r?`${r}`:0===r?"0":r,o=function(){for(var r,e,a=0,t="",i=arguments.length;a<i;a++)(r=arguments[a])&&(e=l(r))&&(t&&(t+=" "),t+=e);return t},s=(r,e)=>a=>{var t;if(null==(null==e?void 0:e.variants))return o(r,null==a?void 0:a.class,null==a?void 0:a.className);const{variants:l,defaultVariants:s}=e,n=Object.keys(l).map(r=>{const e=null==a?void 0:a[r],t=null==s?void 0:s[r];if(null===e)return null;const o=i(e)||i(t);return l[r][o]}),c=a&&Object.entries(a).reduce((r,e)=>{let[a,t]=e;return void 0===t||(r[a]=t),r},{}),d=null==e||null===(t=e.compoundVariants)||void 0===t?void 0:t.reduce((r,e)=>{let{class:a,className:t,...l}=e;return Object.entries(l).every(r=>{let[e,a]=r;return Array.isArray(a)?a.includes({...s,...c}[e]):{...s,...c}[e]===a})?[...r,a,t]:r},[]);return o(r,n,d,null==a?void 0:a.class,null==a?void 0:a.className)},n=s("yds-button-typography",{variants:{size:{sm:"w-20",md:"w-[120px]",lg:"w-40",full:"w-full"},variant:{fill:"",outlined:"bg-transparent border-2"},color:{primary:""}},compoundVariants:[{variant:"fill",color:"primary",class:"bg-primary-400 text-black"},{variant:"outlined",color:"primary",class:"border-primary-400 text-primary-400"}],defaultVariants:{size:"md",variant:"fill",color:"primary"}});function c({size:e="md",variant:a,color:t,children:l,className:i="",ref:o,...s}){return r("button",{ref:o,className:n({size:e,variant:a,color:t,className:i}),tabIndex:0,"aria-label":s["aria-label"]||("string"==typeof l?l:"button"),...s,children:l})}c.displayName="Button";
|
|
2
|
+
/**
|
|
3
|
+
* @license lucide-react v0.542.0 - ISC
|
|
4
|
+
*
|
|
5
|
+
* This source code is licensed under the ISC license.
|
|
6
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
7
|
+
*/
|
|
8
|
+
const d=r=>{const e=(r=>r.replace(/^([A-Z])|[\s-_]+(\w)/g,(r,e,a)=>a?a.toUpperCase():e.toLowerCase()))(r);return e.charAt(0).toUpperCase()+e.slice(1)},u=(...r)=>r.filter((r,e,a)=>Boolean(r)&&""!==r.trim()&&a.indexOf(r)===e).join(" ").trim(),p=r=>{for(const e in r)if(e.startsWith("aria-")||"role"===e||"title"===e)return!0};
|
|
9
|
+
/**
|
|
10
|
+
* @license lucide-react v0.542.0 - ISC
|
|
11
|
+
*
|
|
12
|
+
* This source code is licensed under the ISC license.
|
|
13
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
14
|
+
*/
|
|
15
|
+
var m={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};
|
|
16
|
+
/**
|
|
17
|
+
* @license lucide-react v0.542.0 - ISC
|
|
18
|
+
*
|
|
19
|
+
* This source code is licensed under the ISC license.
|
|
20
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
21
|
+
*/const y=a(({color:r="currentColor",size:e=24,strokeWidth:a=2,absoluteStrokeWidth:l,className:i="",children:o,iconNode:s,...n},c)=>t("svg",{ref:c,...m,width:e,height:e,stroke:r,strokeWidth:l?24*Number(a)/Number(e):a,className:u("lucide",i),...!o&&!p(n)&&{"aria-hidden":"true"},...n},[...s.map(([r,e])=>t(r,e)),...Array.isArray(o)?o:[o]])),f=((r,e)=>{const l=a(({className:a,...l},i)=>{return t(y,{ref:i,iconNode:e,className:u(`lucide-${o=d(r),o.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}`,`lucide-${r}`,a),...l});var o});return l.displayName=d(r),l})("search",[["path",{d:"m21 21-4.34-4.34",key:"14j7rj"}],["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}]]),v=s("relative",{variants:{color:{"primary-400":"text-yellow-400","primary-100":"text-yellow-100",white:"text-white"}}}),b=s("yds-input-typography h-12 rounded-[8px] border-2 pr-3",{variants:{size:{sm:"w-[200px]",md:"w-[300px]",lg:"w-[400px]",full:"w-full"},color:{white:"border-white bg-transparent text-gray-900 placeholder-gray-500","primary-400":"border-yellow-400 bg-transparent text-gray-900 placeholder-primary-400 focus:border-yellow-500","primary-100":"border-yellow-100 bg-transparent text-gray-900 placeholder-primary-100 focus:border-yellow-200"},variant:{search:"pl-10",input:"pl-3"},disabled:{true:"opacity-50 cursor-not-allowed bg-gray-100",false:""}},defaultVariants:{size:"md",color:"primary-100",variant:"input",disabled:!1}});
|
|
22
|
+
/**
|
|
23
|
+
* @license lucide-react v0.542.0 - ISC
|
|
24
|
+
*
|
|
25
|
+
* This source code is licensed under the ISC license.
|
|
26
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
27
|
+
*/function h({size:a,color:t,variant:l,className:i="",disabled:o,...s}){return e("div",{className:v({color:t}),children:["search"===l&&r(f,{"aria-hidden":!0,className:"absolute left-3 top-1/2 -translate-y-1/2 w-6 h-6 text-current"}),r("input",{className:b({size:a,color:t,variant:l,disabled:o,className:i}),disabled:o,...s})]})}h.displayName="Input";export{c as Button,h as Input};
|
|
2
28
|
//# sourceMappingURL=index.esm.js.map
|
package/dist/index.esm.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.esm.js","sources":["../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs","../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs","../src/components/Button/Button.tsx","../src/components/Input/Input.tsx"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","/**\n * Copyright 2022 Joe Bell. All rights reserved.\n *\n * This file is licensed to you under the Apache License, Version 2.0\n * (the \"License\"); you may not use this file except in compliance with the\n * License. You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations under\n * the License.\n */ import { clsx } from \"clsx\";\nconst falsyToString = (value)=>typeof value === \"boolean\" ? `${value}` : value === 0 ? \"0\" : value;\nexport const cx = clsx;\nexport const cva = (base, config)=>(props)=>{\n var _config_compoundVariants;\n if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n const { variants, defaultVariants } = config;\n const getVariantClassNames = Object.keys(variants).map((variant)=>{\n const variantProp = props === null || props === void 0 ? void 0 : props[variant];\n const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];\n if (variantProp === null) return null;\n const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);\n return variants[variant][variantKey];\n });\n const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param)=>{\n let [key, value] = param;\n if (value === undefined) {\n return acc;\n }\n acc[key] = value;\n return acc;\n }, {});\n const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param)=>{\n let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;\n return Object.entries(compoundVariantOptions).every((param)=>{\n let [key, value] = param;\n return Array.isArray(value) ? value.includes({\n ...defaultVariants,\n ...propsWithoutUndefined\n }[key]) : ({\n ...defaultVariants,\n ...propsWithoutUndefined\n })[key] === value;\n }) ? [\n ...acc,\n cvClass,\n cvClassName\n ] : acc;\n }, []);\n return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n };\n\n",null,null],"names":["r","e","t","f","n","Array","isArray","o","length","falsyToString","value","cx","arguments","cva","base","config","props","_config_compoundVariants","variants","class","className","defaultVariants","getVariantClassNames","Object","keys","map","variant","variantProp","defaultVariantProp","variantKey","propsWithoutUndefined","entries","reduce","acc","param","key","undefined","getCompoundVariantClassNames","compoundVariants","cvClass","cvClassName","compoundVariantOptions","every","includes","buttonVariants","size","sm","md","lg","full","fill","outlined","color","primary","Button","children","ref","_jsx","tabIndex","displayName","inputVariants","default","Input"],"mappings":"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","x_google_ignoreList":[0,1]}
|
|
1
|
+
{"version":3,"file":"index.esm.js","sources":["../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs","../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs","../src/components/Button/Button.tsx","../node_modules/.pnpm/lucide-react@0.542.0_react@19.1.1/node_modules/lucide-react/dist/esm/shared/src/utils.js","../node_modules/.pnpm/lucide-react@0.542.0_react@19.1.1/node_modules/lucide-react/dist/esm/defaultAttributes.js","../node_modules/.pnpm/lucide-react@0.542.0_react@19.1.1/node_modules/lucide-react/dist/esm/Icon.js","../node_modules/.pnpm/lucide-react@0.542.0_react@19.1.1/node_modules/lucide-react/dist/esm/icons/search.js","../node_modules/.pnpm/lucide-react@0.542.0_react@19.1.1/node_modules/lucide-react/dist/esm/createLucideIcon.js","../src/components/Input/Input.tsx"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","/**\n * Copyright 2022 Joe Bell. All rights reserved.\n *\n * This file is licensed to you under the Apache License, Version 2.0\n * (the \"License\"); you may not use this file except in compliance with the\n * License. You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations under\n * the License.\n */ import { clsx } from \"clsx\";\nconst falsyToString = (value)=>typeof value === \"boolean\" ? `${value}` : value === 0 ? \"0\" : value;\nexport const cx = clsx;\nexport const cva = (base, config)=>(props)=>{\n var _config_compoundVariants;\n if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n const { variants, defaultVariants } = config;\n const getVariantClassNames = Object.keys(variants).map((variant)=>{\n const variantProp = props === null || props === void 0 ? void 0 : props[variant];\n const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];\n if (variantProp === null) return null;\n const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);\n return variants[variant][variantKey];\n });\n const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param)=>{\n let [key, value] = param;\n if (value === undefined) {\n return acc;\n }\n acc[key] = value;\n return acc;\n }, {});\n const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param)=>{\n let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;\n return Object.entries(compoundVariantOptions).every((param)=>{\n let [key, value] = param;\n return Array.isArray(value) ? value.includes({\n ...defaultVariants,\n ...propsWithoutUndefined\n }[key]) : ({\n ...defaultVariants,\n ...propsWithoutUndefined\n })[key] === value;\n }) ? [\n ...acc,\n cvClass,\n cvClassName\n ] : acc;\n }, []);\n return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n };\n\n",null,"/**\n * @license lucide-react v0.542.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nconst toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, \"$1-$2\").toLowerCase();\nconst toCamelCase = (string) => string.replace(\n /^([A-Z])|[\\s-_]+(\\w)/g,\n (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()\n);\nconst toPascalCase = (string) => {\n const camelCase = toCamelCase(string);\n return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);\n};\nconst mergeClasses = (...classes) => classes.filter((className, index, array) => {\n return Boolean(className) && className.trim() !== \"\" && array.indexOf(className) === index;\n}).join(\" \").trim();\nconst hasA11yProp = (props) => {\n for (const prop in props) {\n if (prop.startsWith(\"aria-\") || prop === \"role\" || prop === \"title\") {\n return true;\n }\n }\n};\n\nexport { hasA11yProp, mergeClasses, toCamelCase, toKebabCase, toPascalCase };\n//# sourceMappingURL=utils.js.map\n","/**\n * @license lucide-react v0.542.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nvar defaultAttributes = {\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n viewBox: \"0 0 24 24\",\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: 2,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n};\n\nexport { defaultAttributes as default };\n//# sourceMappingURL=defaultAttributes.js.map\n","/**\n * @license lucide-react v0.542.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport { forwardRef, createElement } from 'react';\nimport defaultAttributes from './defaultAttributes.js';\nimport { mergeClasses, hasA11yProp } from './shared/src/utils.js';\n\nconst Icon = forwardRef(\n ({\n color = \"currentColor\",\n size = 24,\n strokeWidth = 2,\n absoluteStrokeWidth,\n className = \"\",\n children,\n iconNode,\n ...rest\n }, ref) => createElement(\n \"svg\",\n {\n ref,\n ...defaultAttributes,\n width: size,\n height: size,\n stroke: color,\n strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,\n className: mergeClasses(\"lucide\", className),\n ...!children && !hasA11yProp(rest) && { \"aria-hidden\": \"true\" },\n ...rest\n },\n [\n ...iconNode.map(([tag, attrs]) => createElement(tag, attrs)),\n ...Array.isArray(children) ? children : [children]\n ]\n )\n);\n\nexport { Icon as default };\n//# sourceMappingURL=Icon.js.map\n","/**\n * @license lucide-react v0.542.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\"path\", { d: \"m21 21-4.34-4.34\", key: \"14j7rj\" }],\n [\"circle\", { cx: \"11\", cy: \"11\", r: \"8\", key: \"4ej97u\" }]\n];\nconst Search = createLucideIcon(\"search\", __iconNode);\n\nexport { __iconNode, Search as default };\n//# sourceMappingURL=search.js.map\n","/**\n * @license lucide-react v0.542.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport { forwardRef, createElement } from 'react';\nimport { mergeClasses, toKebabCase, toPascalCase } from './shared/src/utils.js';\nimport Icon from './Icon.js';\n\nconst createLucideIcon = (iconName, iconNode) => {\n const Component = forwardRef(\n ({ className, ...props }, ref) => createElement(Icon, {\n ref,\n iconNode,\n className: mergeClasses(\n `lucide-${toKebabCase(toPascalCase(iconName))}`,\n `lucide-${iconName}`,\n className\n ),\n ...props\n })\n );\n Component.displayName = toPascalCase(iconName);\n return Component;\n};\n\nexport { createLucideIcon as default };\n//# sourceMappingURL=createLucideIcon.js.map\n",null],"names":["r","e","t","f","n","Array","isArray","o","length","falsyToString","value","cx","arguments","cva","base","config","props","_config_compoundVariants","variants","class","className","defaultVariants","getVariantClassNames","Object","keys","map","variant","variantProp","defaultVariantProp","variantKey","propsWithoutUndefined","entries","reduce","acc","param","key","undefined","getCompoundVariantClassNames","compoundVariants","cvClass","cvClassName","compoundVariantOptions","every","includes","buttonVariants","size","sm","md","lg","full","fill","outlined","color","primary","Button","children","ref","_jsx","tabIndex","displayName","toPascalCase","string","camelCase","replace","match","p1","p2","toUpperCase","toLowerCase","toCamelCase","charAt","slice","mergeClasses","classes","filter","index","array","Boolean","trim","indexOf","join","hasA11yProp","prop","startsWith","defaultAttributes","xmlns","width","height","viewBox","stroke","strokeWidth","strokeLinecap","strokeLinejoin","Icon","forwardRef","absoluteStrokeWidth","iconNode","rest","createElement","Number","tag","attrs","Search","iconName","Component","createLucideIcon","d","cy","wrapperVariants","white","inputVariants","search","input","disabled","true","false","Input","_jsxs"],"mappings":"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","x_google_ignoreList":[0,1,3,4,5,6,7]}
|
|
@@ -1,18 +1,23 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* 작성자: KYD
|
|
3
|
-
* 기능:
|
|
4
|
-
* 프로세스 설명:
|
|
3
|
+
* 기능: 사용자 입력을 받는 기본 입력 필드 컴포넌트
|
|
4
|
+
* 프로세스 설명: 검색, 텍스트 입력, 폼 입력 등에 사용
|
|
5
5
|
*/
|
|
6
|
+
import React from 'react';
|
|
6
7
|
import { type VariantProps } from 'class-variance-authority';
|
|
7
8
|
declare const inputVariants: (props?: ({
|
|
8
|
-
|
|
9
|
+
size?: "sm" | "md" | "lg" | "full" | null | undefined;
|
|
10
|
+
color?: "primary-400" | "primary-100" | "white" | null | undefined;
|
|
11
|
+
variant?: "search" | "input" | null | undefined;
|
|
12
|
+
disabled?: boolean | null | undefined;
|
|
9
13
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
10
|
-
type
|
|
11
|
-
type
|
|
12
|
-
|
|
14
|
+
export type InputSize = VariantProps<typeof inputVariants>['size'];
|
|
15
|
+
export type InputColor = VariantProps<typeof inputVariants>['color'];
|
|
16
|
+
export type InputVariant = VariantProps<typeof inputVariants>['variant'];
|
|
17
|
+
export type InputProps = {
|
|
13
18
|
className?: string;
|
|
14
|
-
} & React.InputHTMLAttributes<HTMLInputElement>;
|
|
15
|
-
export declare function Input({ variant, className, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'color'> & VariantProps<typeof inputVariants>;
|
|
20
|
+
export declare function Input({ size, color, variant, className, disabled, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
|
|
16
21
|
export declare namespace Input {
|
|
17
22
|
var displayName: string;
|
|
18
23
|
}
|
package/package.json
CHANGED
|
@@ -1,79 +1,80 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@youngduck/yd-ui",
|
|
3
|
-
"version": "0.3.
|
|
4
|
-
"type": "module",
|
|
5
|
-
"main": "./dist/index.cjs.js",
|
|
6
|
-
"module": "./dist/index.esm.js",
|
|
7
|
-
"types": "./dist/index.d.ts",
|
|
8
|
-
"exports": {
|
|
9
|
-
".": {
|
|
10
|
-
"import": "./dist/index.esm.js",
|
|
11
|
-
"require": "./dist/index.cjs.js",
|
|
12
|
-
"types": "./dist/index.d.ts"
|
|
13
|
-
},
|
|
14
|
-
"./styles": "./dist/index.css",
|
|
15
|
-
"./dist/*": "./dist/*",
|
|
16
|
-
"./package.json": "./package.json"
|
|
17
|
-
},
|
|
18
|
-
"files": ["dist", "dist/index.css"],
|
|
19
|
-
"scripts": {
|
|
20
|
-
"build": "rollup -c",
|
|
21
|
-
"watch": "rollup -c -w",
|
|
22
|
-
"storybook": "storybook dev -p 6006",
|
|
23
|
-
"build-storybook": "storybook build",
|
|
24
|
-
"lint": "eslint src --ext .js,.jsx,.ts,.tsx",
|
|
25
|
-
"lint:fix": "eslint src --ext .js,.jsx,.ts,.tsx --fix",
|
|
26
|
-
"format": "prettier --write \"src/**/*.{js,jsx,ts,tsx}\"",
|
|
27
|
-
"format:check": "prettier --check \"src/**/*.{js,jsx,ts,tsx}\"",
|
|
28
|
-
"check": "npm run lint && npm run format:check"
|
|
29
|
-
},
|
|
30
|
-
"peerDependencies": {
|
|
31
|
-
"react": "^19.1.0",
|
|
32
|
-
"react-dom": "^19.1.0"
|
|
33
|
-
},
|
|
34
|
-
"devDependencies": {
|
|
35
|
-
"@babel/core": "^7.26.0",
|
|
36
|
-
"@babel/preset-env": "^7.26.0",
|
|
37
|
-
"@babel/preset-react": "^7.26.3",
|
|
38
|
-
"@chromatic-com/storybook": "^3.2.3",
|
|
39
|
-
"@eslint/js": "^9.32.0",
|
|
40
|
-
"@rollup/plugin-babel": "^6.0.4",
|
|
41
|
-
"@rollup/plugin-commonjs": "^28.0.2",
|
|
42
|
-
"@rollup/plugin-json": "^6.1.0",
|
|
43
|
-
"@rollup/plugin-node-resolve": "^16.0.0",
|
|
44
|
-
"@rollup/plugin-terser": "^0.4.4",
|
|
45
|
-
"@rollup/plugin-typescript": "^12.1.2",
|
|
46
|
-
"@storybook/addon-essentials": "^8.4.7",
|
|
47
|
-
"@storybook/addon-interactions": "^8.4.7",
|
|
48
|
-
"@storybook/addon-onboarding": "^8.4.7",
|
|
49
|
-
"@storybook/blocks": "^8.4.7",
|
|
50
|
-
"@storybook/react": "^8.4.7",
|
|
51
|
-
"@storybook/react-vite": "^8.4.7",
|
|
52
|
-
"@storybook/test": "^8.4.7",
|
|
53
|
-
"@types/react": "^19.0.2",
|
|
54
|
-
"@types/react-dom": "^19.0.2",
|
|
55
|
-
"autoprefixer": "^10.4.19",
|
|
56
|
-
"class-variance-authority": "^0.7.1",
|
|
57
|
-
"clsx": "^2.1.0",
|
|
58
|
-
"eslint": "^9.32.0",
|
|
59
|
-
"eslint-config-prettier": "^10.1.8",
|
|
60
|
-
"globals": "^16.3.0",
|
|
61
|
-
"jiti": "^2.5.1",
|
|
62
|
-
"prettier": "^3.6.2",
|
|
63
|
-
"react": "^19.1.0",
|
|
64
|
-
"react-dom": "^19.1.0",
|
|
65
|
-
"rollup": "^4.29.1",
|
|
66
|
-
"rollup-plugin-dts": "^6.1.1",
|
|
67
|
-
"rollup-plugin-peer-deps-external": "^2.2.4",
|
|
68
|
-
"rollup-plugin-postcss": "^4.0.2",
|
|
69
|
-
"storybook": "^8.4.7",
|
|
70
|
-
"tslib": "^2.8.1",
|
|
71
|
-
"typescript": "^5.7.2",
|
|
72
|
-
"typescript-eslint": "^8.38.0"
|
|
73
|
-
},
|
|
74
|
-
"dependencies": {
|
|
75
|
-
"@tailwindcss/postcss": "^4.1.11",
|
|
76
|
-
"
|
|
77
|
-
"
|
|
78
|
-
|
|
79
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "@youngduck/yd-ui",
|
|
3
|
+
"version": "0.3.2",
|
|
4
|
+
"type": "module",
|
|
5
|
+
"main": "./dist/index.cjs.js",
|
|
6
|
+
"module": "./dist/index.esm.js",
|
|
7
|
+
"types": "./dist/index.d.ts",
|
|
8
|
+
"exports": {
|
|
9
|
+
".": {
|
|
10
|
+
"import": "./dist/index.esm.js",
|
|
11
|
+
"require": "./dist/index.cjs.js",
|
|
12
|
+
"types": "./dist/index.d.ts"
|
|
13
|
+
},
|
|
14
|
+
"./styles": "./dist/index.css",
|
|
15
|
+
"./dist/*": "./dist/*",
|
|
16
|
+
"./package.json": "./package.json"
|
|
17
|
+
},
|
|
18
|
+
"files": ["dist", "dist/index.css"],
|
|
19
|
+
"scripts": {
|
|
20
|
+
"build": "rollup -c",
|
|
21
|
+
"watch": "rollup -c -w",
|
|
22
|
+
"storybook": "storybook dev -p 6006",
|
|
23
|
+
"build-storybook": "storybook build",
|
|
24
|
+
"lint": "eslint src --ext .js,.jsx,.ts,.tsx",
|
|
25
|
+
"lint:fix": "eslint src --ext .js,.jsx,.ts,.tsx --fix",
|
|
26
|
+
"format": "prettier --write \"src/**/*.{js,jsx,ts,tsx}\"",
|
|
27
|
+
"format:check": "prettier --check \"src/**/*.{js,jsx,ts,tsx}\"",
|
|
28
|
+
"check": "npm run lint && npm run format:check"
|
|
29
|
+
},
|
|
30
|
+
"peerDependencies": {
|
|
31
|
+
"react": "^19.1.0",
|
|
32
|
+
"react-dom": "^19.1.0"
|
|
33
|
+
},
|
|
34
|
+
"devDependencies": {
|
|
35
|
+
"@babel/core": "^7.26.0",
|
|
36
|
+
"@babel/preset-env": "^7.26.0",
|
|
37
|
+
"@babel/preset-react": "^7.26.3",
|
|
38
|
+
"@chromatic-com/storybook": "^3.2.3",
|
|
39
|
+
"@eslint/js": "^9.32.0",
|
|
40
|
+
"@rollup/plugin-babel": "^6.0.4",
|
|
41
|
+
"@rollup/plugin-commonjs": "^28.0.2",
|
|
42
|
+
"@rollup/plugin-json": "^6.1.0",
|
|
43
|
+
"@rollup/plugin-node-resolve": "^16.0.0",
|
|
44
|
+
"@rollup/plugin-terser": "^0.4.4",
|
|
45
|
+
"@rollup/plugin-typescript": "^12.1.2",
|
|
46
|
+
"@storybook/addon-essentials": "^8.4.7",
|
|
47
|
+
"@storybook/addon-interactions": "^8.4.7",
|
|
48
|
+
"@storybook/addon-onboarding": "^8.4.7",
|
|
49
|
+
"@storybook/blocks": "^8.4.7",
|
|
50
|
+
"@storybook/react": "^8.4.7",
|
|
51
|
+
"@storybook/react-vite": "^8.4.7",
|
|
52
|
+
"@storybook/test": "^8.4.7",
|
|
53
|
+
"@types/react": "^19.0.2",
|
|
54
|
+
"@types/react-dom": "^19.0.2",
|
|
55
|
+
"autoprefixer": "^10.4.19",
|
|
56
|
+
"class-variance-authority": "^0.7.1",
|
|
57
|
+
"clsx": "^2.1.0",
|
|
58
|
+
"eslint": "^9.32.0",
|
|
59
|
+
"eslint-config-prettier": "^10.1.8",
|
|
60
|
+
"globals": "^16.3.0",
|
|
61
|
+
"jiti": "^2.5.1",
|
|
62
|
+
"prettier": "^3.6.2",
|
|
63
|
+
"react": "^19.1.0",
|
|
64
|
+
"react-dom": "^19.1.0",
|
|
65
|
+
"rollup": "^4.29.1",
|
|
66
|
+
"rollup-plugin-dts": "^6.1.1",
|
|
67
|
+
"rollup-plugin-peer-deps-external": "^2.2.4",
|
|
68
|
+
"rollup-plugin-postcss": "^4.0.2",
|
|
69
|
+
"storybook": "^8.4.7",
|
|
70
|
+
"tslib": "^2.8.1",
|
|
71
|
+
"typescript": "^5.7.2",
|
|
72
|
+
"typescript-eslint": "^8.38.0"
|
|
73
|
+
},
|
|
74
|
+
"dependencies": {
|
|
75
|
+
"@tailwindcss/postcss": "^4.1.11",
|
|
76
|
+
"lucide-react": "^0.542.0",
|
|
77
|
+
"postcss": "^8.5.6",
|
|
78
|
+
"tailwindcss": "^4.1.11"
|
|
79
|
+
}
|
|
80
|
+
}
|