Skip to content

Commit 83dd9be

Browse files
committed
chore(poc): first commit with component build working in minimal, without mantine
1 parent 041d35f commit 83dd9be

17 files changed

+1078
-134
lines changed

lib/components/Button/Button.tsx

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import { ButtonHTMLAttributes } from 'react'
2+
3+
import styles from './styles.module.css'
4+
5+
function Button(props: ButtonHTMLAttributes<HTMLButtonElement>) {
6+
const { className, ...restProps } = props
7+
8+
return <button className={`${className} ${styles.button}`} {...restProps} />
9+
}
10+
11+
export { Button }

lib/components/Button/index.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
export * from './Button'
Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
.button {
2+
padding: 1rem;
3+
}

lib/components/Input/Input.tsx

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import { InputHTMLAttributes } from 'react'
2+
3+
import styles from './styles.module.css'
4+
5+
function Input(props: InputHTMLAttributes<HTMLInputElement>) {
6+
const { className, ...restProps } = props
7+
8+
return <input className={`${className} ${styles.button}`} {...restProps} />
9+
}
10+
11+
export { Input }

lib/components/Input/index.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
export * from './Input'
Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
.input {
2+
padding: 1rem;
3+
}

lib/components/Label/Label.tsx

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
/* eslint-disable jsx-a11y/label-has-associated-control */
2+
import { LabelHTMLAttributes } from 'react'
3+
4+
import styles from './styles.module.css'
5+
6+
function Label(props: LabelHTMLAttributes<HTMLLabelElement>) {
7+
const { className, ...restProps } = props
8+
9+
return <label className={`${className} ${styles.button}`} {...restProps} />
10+
}
11+
12+
export { Label }

lib/components/Label/index.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
export * from './Label'
Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
.label {
2+
font-weight: bold;
3+
}

lib/components/index.ts

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
export * from './Button'
2+
export * from './Input'
3+
export * from './Label'

lib/main.ts

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
export { Button } from './components/Button'
2+
export { Input } from './components/Input'
3+
export { Label } from './components/Label'

lib/vite-env.d.ts

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
interface ImportMetaEnv {
2+
readonly VITE_EXAMPLE: string
3+
}
4+
5+
interface ImportMeta {
6+
readonly env: ImportMetaEnv
7+
}

0 commit comments

Comments
 (0)