@brycks/core-front 0.1.0
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/README.md +163 -0
- package/dist/colors-B_8a3coi.js +106 -0
- package/dist/colors-B_8a3coi.js.map +1 -0
- package/dist/colors-Bp6ROxvx.cjs +2 -0
- package/dist/colors-Bp6ROxvx.cjs.map +1 -0
- package/dist/components/feedback/Alert/Alert.d.ts +29 -0
- package/dist/components/feedback/Alert/Alert.d.ts.map +1 -0
- package/dist/components/feedback/Alert/index.d.ts +3 -0
- package/dist/components/feedback/Alert/index.d.ts.map +1 -0
- package/dist/components/feedback/Modal/Modal.d.ts +28 -0
- package/dist/components/feedback/Modal/Modal.d.ts.map +1 -0
- package/dist/components/feedback/Modal/index.d.ts +3 -0
- package/dist/components/feedback/Modal/index.d.ts.map +1 -0
- package/dist/components/feedback/Tooltip/Tooltip.d.ts +20 -0
- package/dist/components/feedback/Tooltip/Tooltip.d.ts.map +1 -0
- package/dist/components/feedback/Tooltip/index.d.ts +3 -0
- package/dist/components/feedback/Tooltip/index.d.ts.map +1 -0
- package/dist/components/feedback/index.d.ts +9 -0
- package/dist/components/feedback/index.d.ts.map +1 -0
- package/dist/components/form/Checkbox/Checkbox.d.ts +20 -0
- package/dist/components/form/Checkbox/Checkbox.d.ts.map +1 -0
- package/dist/components/form/Checkbox/index.d.ts +3 -0
- package/dist/components/form/Checkbox/index.d.ts.map +1 -0
- package/dist/components/form/Input/Input.d.ts +21 -0
- package/dist/components/form/Input/Input.d.ts.map +1 -0
- package/dist/components/form/Input/index.d.ts +3 -0
- package/dist/components/form/Input/index.d.ts.map +1 -0
- package/dist/components/form/Select/Select.d.ts +21 -0
- package/dist/components/form/Select/Select.d.ts.map +1 -0
- package/dist/components/form/Select/index.d.ts +3 -0
- package/dist/components/form/Select/index.d.ts.map +1 -0
- package/dist/components/form/Switch/Switch.d.ts +16 -0
- package/dist/components/form/Switch/Switch.d.ts.map +1 -0
- package/dist/components/form/Switch/index.d.ts +3 -0
- package/dist/components/form/Switch/index.d.ts.map +1 -0
- package/dist/components/form/TextField/TextField.d.ts +16 -0
- package/dist/components/form/TextField/TextField.d.ts.map +1 -0
- package/dist/components/form/TextField/index.d.ts +3 -0
- package/dist/components/form/TextField/index.d.ts.map +1 -0
- package/dist/components/form/Textarea/Textarea.d.ts +27 -0
- package/dist/components/form/Textarea/Textarea.d.ts.map +1 -0
- package/dist/components/form/Textarea/index.d.ts +3 -0
- package/dist/components/form/Textarea/index.d.ts.map +1 -0
- package/dist/components/form/index.d.ts +12 -0
- package/dist/components/form/index.d.ts.map +1 -0
- package/dist/components/index.d.ts +12 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/layout/Box/Box.d.ts +11 -0
- package/dist/components/layout/Box/Box.d.ts.map +1 -0
- package/dist/components/layout/Box/Box.styles.d.ts +4 -0
- package/dist/components/layout/Box/Box.styles.d.ts.map +1 -0
- package/dist/components/layout/Box/Box.types.d.ts +38 -0
- package/dist/components/layout/Box/Box.types.d.ts.map +1 -0
- package/dist/components/layout/Box/index.d.ts +3 -0
- package/dist/components/layout/Box/index.d.ts.map +1 -0
- package/dist/components/layout/Container/Container.d.ts +31 -0
- package/dist/components/layout/Container/Container.d.ts.map +1 -0
- package/dist/components/layout/Container/index.d.ts +3 -0
- package/dist/components/layout/Container/index.d.ts.map +1 -0
- package/dist/components/layout/Grid/Grid.d.ts +80 -0
- package/dist/components/layout/Grid/Grid.d.ts.map +1 -0
- package/dist/components/layout/Grid/index.d.ts +3 -0
- package/dist/components/layout/Grid/index.d.ts.map +1 -0
- package/dist/components/layout/Stack/Stack.d.ts +13 -0
- package/dist/components/layout/Stack/Stack.d.ts.map +1 -0
- package/dist/components/layout/Stack/Stack.types.d.ts +33 -0
- package/dist/components/layout/Stack/Stack.types.d.ts.map +1 -0
- package/dist/components/layout/Stack/index.d.ts +3 -0
- package/dist/components/layout/Stack/index.d.ts.map +1 -0
- package/dist/components/layout/index.d.ts +10 -0
- package/dist/components/layout/index.d.ts.map +1 -0
- package/dist/components/primitives/Button/Button.d.ts +12 -0
- package/dist/components/primitives/Button/Button.d.ts.map +1 -0
- package/dist/components/primitives/Button/Button.styles.d.ts +29 -0
- package/dist/components/primitives/Button/Button.styles.d.ts.map +1 -0
- package/dist/components/primitives/Button/Button.types.d.ts +37 -0
- package/dist/components/primitives/Button/Button.types.d.ts.map +1 -0
- package/dist/components/primitives/Button/index.d.ts +3 -0
- package/dist/components/primitives/Button/index.d.ts.map +1 -0
- package/dist/components/primitives/index.d.ts +7 -0
- package/dist/components/primitives/index.d.ts.map +1 -0
- package/dist/components/typography/Heading/Heading.d.ts +38 -0
- package/dist/components/typography/Heading/Heading.d.ts.map +1 -0
- package/dist/components/typography/Heading/index.d.ts +3 -0
- package/dist/components/typography/Heading/index.d.ts.map +1 -0
- package/dist/components/typography/Text/Text.d.ts +41 -0
- package/dist/components/typography/Text/Text.d.ts.map +1 -0
- package/dist/components/typography/Text/index.d.ts +3 -0
- package/dist/components/typography/Text/index.d.ts.map +1 -0
- package/dist/components/typography/index.d.ts +8 -0
- package/dist/components/typography/index.d.ts.map +1 -0
- package/dist/components/utility/Badge/Badge.d.ts +20 -0
- package/dist/components/utility/Badge/Badge.d.ts.map +1 -0
- package/dist/components/utility/Badge/index.d.ts +3 -0
- package/dist/components/utility/Badge/index.d.ts.map +1 -0
- package/dist/components/utility/Divider/Divider.d.ts +19 -0
- package/dist/components/utility/Divider/Divider.d.ts.map +1 -0
- package/dist/components/utility/Divider/index.d.ts +3 -0
- package/dist/components/utility/Divider/index.d.ts.map +1 -0
- package/dist/components/utility/EmptyState/EmptyState.d.ts +26 -0
- package/dist/components/utility/EmptyState/EmptyState.d.ts.map +1 -0
- package/dist/components/utility/EmptyState/index.d.ts +3 -0
- package/dist/components/utility/EmptyState/index.d.ts.map +1 -0
- package/dist/components/utility/Loader/Loader.d.ts +21 -0
- package/dist/components/utility/Loader/Loader.d.ts.map +1 -0
- package/dist/components/utility/Loader/index.d.ts +3 -0
- package/dist/components/utility/Loader/index.d.ts.map +1 -0
- package/dist/components/utility/Skeleton/Skeleton.d.ts +35 -0
- package/dist/components/utility/Skeleton/Skeleton.d.ts.map +1 -0
- package/dist/components/utility/Skeleton/index.d.ts +3 -0
- package/dist/components/utility/Skeleton/index.d.ts.map +1 -0
- package/dist/components/utility/index.d.ts +11 -0
- package/dist/components/utility/index.d.ts.map +1 -0
- package/dist/cssVariables-CU3jCd8f.js +273 -0
- package/dist/cssVariables-CU3jCd8f.js.map +1 -0
- package/dist/cssVariables-D_naqeoR.cjs +2 -0
- package/dist/cssVariables-D_naqeoR.cjs.map +1 -0
- package/dist/design-system/index.d.ts +16 -0
- package/dist/design-system/index.d.ts.map +1 -0
- package/dist/design-system/primitives/focus.d.ts +67 -0
- package/dist/design-system/primitives/focus.d.ts.map +1 -0
- package/dist/design-system/primitives/index.d.ts +14 -0
- package/dist/design-system/primitives/index.d.ts.map +1 -0
- package/dist/design-system/primitives/opacity.d.ts +88 -0
- package/dist/design-system/primitives/opacity.d.ts.map +1 -0
- package/dist/design-system/primitives/sizing.d.ts +155 -0
- package/dist/design-system/primitives/sizing.d.ts.map +1 -0
- package/dist/design-system/primitives/transitions.d.ts +92 -0
- package/dist/design-system/primitives/transitions.d.ts.map +1 -0
- package/dist/design-system/primitives/typography.d.ts +164 -0
- package/dist/design-system/primitives/typography.d.ts.map +1 -0
- package/dist/design-system/themes/ThemeProvider.d.ts +18 -0
- package/dist/design-system/themes/ThemeProvider.d.ts.map +1 -0
- package/dist/design-system/themes/cssVariables.d.ts +52 -0
- package/dist/design-system/themes/cssVariables.d.ts.map +1 -0
- package/dist/design-system/themes/darkTheme.d.ts +3 -0
- package/dist/design-system/themes/darkTheme.d.ts.map +1 -0
- package/dist/design-system/themes/index.d.ts +11 -0
- package/dist/design-system/themes/index.d.ts.map +1 -0
- package/dist/design-system/themes/lightTheme.d.ts +3 -0
- package/dist/design-system/themes/lightTheme.d.ts.map +1 -0
- package/dist/design-system/themes/types.d.ts +134 -0
- package/dist/design-system/themes/types.d.ts.map +1 -0
- package/dist/design-system/tokens/borders.d.ts +86 -0
- package/dist/design-system/tokens/borders.d.ts.map +1 -0
- package/dist/design-system/tokens/breakpoints.d.ts +66 -0
- package/dist/design-system/tokens/breakpoints.d.ts.map +1 -0
- package/dist/design-system/tokens/colors.d.ts +206 -0
- package/dist/design-system/tokens/colors.d.ts.map +1 -0
- package/dist/design-system/tokens/index.d.ts +23 -0
- package/dist/design-system/tokens/index.d.ts.map +1 -0
- package/dist/design-system/tokens/motion.d.ts +204 -0
- package/dist/design-system/tokens/motion.d.ts.map +1 -0
- package/dist/design-system/tokens/shadows.d.ts +55 -0
- package/dist/design-system/tokens/shadows.d.ts.map +1 -0
- package/dist/design-system/tokens/spacing.d.ts +104 -0
- package/dist/design-system/tokens/spacing.d.ts.map +1 -0
- package/dist/design-system/tokens/typography.d.ts +214 -0
- package/dist/design-system/tokens/typography.d.ts.map +1 -0
- package/dist/design-system/tokens/zIndex.d.ts +36 -0
- package/dist/design-system/tokens/zIndex.d.ts.map +1 -0
- package/dist/hooks/index.d.ts +8 -0
- package/dist/hooks/index.d.ts.map +1 -0
- package/dist/hooks/useDisclosure.d.ts +19 -0
- package/dist/hooks/useDisclosure.d.ts.map +1 -0
- package/dist/hooks/useMediaQuery.d.ts +13 -0
- package/dist/hooks/useMediaQuery.d.ts.map +1 -0
- package/dist/index.cjs +89 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.ts +60 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +3215 -0
- package/dist/index.js.map +1 -0
- package/dist/themes.cjs +2 -0
- package/dist/themes.cjs.map +1 -0
- package/dist/themes.d.ts +2 -0
- package/dist/themes.js +11 -0
- package/dist/themes.js.map +1 -0
- package/dist/tokens.cjs +2 -0
- package/dist/tokens.cjs.map +1 -0
- package/dist/tokens.d.ts +2 -0
- package/dist/tokens.js +627 -0
- package/dist/tokens.js.map +1 -0
- package/dist/types/common.d.ts +90 -0
- package/dist/types/common.d.ts.map +1 -0
- package/dist/types/index.d.ts +7 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/utils/index.d.ts +7 -0
- package/dist/utils/index.d.ts.map +1 -0
- package/dist/utils/styles.d.ts +17 -0
- package/dist/utils/styles.d.ts.map +1 -0
- package/package.json +78 -0
package/README.md
ADDED
|
@@ -0,0 +1,163 @@
|
|
|
1
|
+
# Brycks Core Front
|
|
2
|
+
|
|
3
|
+
A modern, calm, and tactile UI component library for React. Inspired by Apple's design language.
|
|
4
|
+
|
|
5
|
+
## Features
|
|
6
|
+
|
|
7
|
+
- **Design System First**: Comprehensive tokens for colors, typography, spacing, shadows, and motion
|
|
8
|
+
- **Theme Support**: Built-in light and dark themes with easy customization
|
|
9
|
+
- **Fully Typed**: Complete TypeScript support with exported types
|
|
10
|
+
- **Accessible**: ARIA-compliant components with keyboard navigation
|
|
11
|
+
- **Zero Dependencies**: No external dependencies (except React peer dependency)
|
|
12
|
+
- **Tree-Shakeable**: Import only what you need
|
|
13
|
+
|
|
14
|
+
## Installation
|
|
15
|
+
|
|
16
|
+
```bash
|
|
17
|
+
npm install @brycks/core-front
|
|
18
|
+
# or
|
|
19
|
+
pnpm add @brycks/core-front
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## Quick Start
|
|
23
|
+
|
|
24
|
+
```tsx
|
|
25
|
+
import { ThemeProvider, Button, Text, Stack } from '@brycks/core-front'
|
|
26
|
+
import '@brycks/core-front/styles.css'
|
|
27
|
+
|
|
28
|
+
function App() {
|
|
29
|
+
return (
|
|
30
|
+
<ThemeProvider>
|
|
31
|
+
<Stack gap={4} p={6}>
|
|
32
|
+
<Text variant="bodyLarge">Welcome to Brycks</Text>
|
|
33
|
+
<Button intent="primary">Get Started</Button>
|
|
34
|
+
</Stack>
|
|
35
|
+
</ThemeProvider>
|
|
36
|
+
)
|
|
37
|
+
}
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
## Components
|
|
41
|
+
|
|
42
|
+
### Layout
|
|
43
|
+
- `Box` - Polymorphic layout primitive
|
|
44
|
+
- `Stack` / `HStack` / `VStack` - Flexbox stack layouts
|
|
45
|
+
- `Grid` / `GridItem` - CSS Grid layouts
|
|
46
|
+
- `Container` - Responsive container
|
|
47
|
+
|
|
48
|
+
### Typography
|
|
49
|
+
- `Text` - Body text with variants
|
|
50
|
+
- `Heading` / `Display` - Semantic headings
|
|
51
|
+
|
|
52
|
+
### Primitives
|
|
53
|
+
- `Button` / `IconButton` - Interactive buttons
|
|
54
|
+
|
|
55
|
+
### Form
|
|
56
|
+
- `Input` - Base input
|
|
57
|
+
- `TextField` - Input with label and validation
|
|
58
|
+
- `Select` - Native select
|
|
59
|
+
- `Checkbox` - Checkbox with label
|
|
60
|
+
- `Switch` - Toggle switch
|
|
61
|
+
- `Textarea` - Multi-line input
|
|
62
|
+
|
|
63
|
+
### Feedback
|
|
64
|
+
- `Modal` - Dialog/modal window
|
|
65
|
+
- `Alert` - Contextual alerts
|
|
66
|
+
- `Tooltip` - Hover tooltips
|
|
67
|
+
|
|
68
|
+
### Utility
|
|
69
|
+
- `Badge` - Status badges
|
|
70
|
+
- `Loader` / `Spinner` - Loading indicators
|
|
71
|
+
- `Skeleton` - Loading placeholders
|
|
72
|
+
- `Divider` - Content separators
|
|
73
|
+
- `EmptyState` - Zero-state displays
|
|
74
|
+
|
|
75
|
+
## Theming
|
|
76
|
+
|
|
77
|
+
### Using the Theme Provider
|
|
78
|
+
|
|
79
|
+
```tsx
|
|
80
|
+
import { ThemeProvider } from '@brycks/core-front'
|
|
81
|
+
|
|
82
|
+
function App() {
|
|
83
|
+
return (
|
|
84
|
+
<ThemeProvider
|
|
85
|
+
config={{
|
|
86
|
+
defaultMode: 'system', // 'light' | 'dark' | 'system'
|
|
87
|
+
light: {
|
|
88
|
+
// Override light theme colors
|
|
89
|
+
primary: {
|
|
90
|
+
default: '#your-brand-color',
|
|
91
|
+
},
|
|
92
|
+
},
|
|
93
|
+
}}
|
|
94
|
+
>
|
|
95
|
+
{/* Your app */}
|
|
96
|
+
</ThemeProvider>
|
|
97
|
+
)
|
|
98
|
+
}
|
|
99
|
+
```
|
|
100
|
+
|
|
101
|
+
### Accessing Theme
|
|
102
|
+
|
|
103
|
+
```tsx
|
|
104
|
+
import { useTheme, useThemeColors } from '@brycks/core-front'
|
|
105
|
+
|
|
106
|
+
function MyComponent() {
|
|
107
|
+
const { mode, toggleMode } = useTheme()
|
|
108
|
+
const colors = useThemeColors()
|
|
109
|
+
|
|
110
|
+
return (
|
|
111
|
+
<button onClick={toggleMode}>
|
|
112
|
+
Current mode: {mode}
|
|
113
|
+
</button>
|
|
114
|
+
)
|
|
115
|
+
}
|
|
116
|
+
```
|
|
117
|
+
|
|
118
|
+
## Design Tokens
|
|
119
|
+
|
|
120
|
+
Import tokens directly for custom components:
|
|
121
|
+
|
|
122
|
+
```tsx
|
|
123
|
+
import { colors, spacing, radii, shadows } from '@brycks/core-front/tokens'
|
|
124
|
+
|
|
125
|
+
const myStyles = {
|
|
126
|
+
padding: spacing[4],
|
|
127
|
+
borderRadius: radii.md,
|
|
128
|
+
boxShadow: shadows.md,
|
|
129
|
+
color: colors.primary[600],
|
|
130
|
+
}
|
|
131
|
+
```
|
|
132
|
+
|
|
133
|
+
## CSS Variables
|
|
134
|
+
|
|
135
|
+
All theme colors are available as CSS variables:
|
|
136
|
+
|
|
137
|
+
```css
|
|
138
|
+
.my-element {
|
|
139
|
+
background: var(--brycks-background-app);
|
|
140
|
+
color: var(--brycks-foreground-default);
|
|
141
|
+
border: 1px solid var(--brycks-border-default);
|
|
142
|
+
}
|
|
143
|
+
```
|
|
144
|
+
|
|
145
|
+
## Development
|
|
146
|
+
|
|
147
|
+
```bash
|
|
148
|
+
# Install dependencies
|
|
149
|
+
pnpm install
|
|
150
|
+
|
|
151
|
+
# Start development server
|
|
152
|
+
pnpm dev
|
|
153
|
+
|
|
154
|
+
# Build library
|
|
155
|
+
pnpm build
|
|
156
|
+
|
|
157
|
+
# Type check
|
|
158
|
+
pnpm typecheck
|
|
159
|
+
```
|
|
160
|
+
|
|
161
|
+
## License
|
|
162
|
+
|
|
163
|
+
MIT
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
const F = {
|
|
2
|
+
white: "#FFFFFF",
|
|
3
|
+
gray50: "#FAFAFA",
|
|
4
|
+
gray100: "#F5F5F7",
|
|
5
|
+
gray200: "#E8E8ED",
|
|
6
|
+
gray300: "#D2D2D7",
|
|
7
|
+
gray400: "#AEAEB2",
|
|
8
|
+
gray500: "#8E8E93",
|
|
9
|
+
gray600: "#636366",
|
|
10
|
+
gray700: "#48484A",
|
|
11
|
+
gray800: "#3A3A3C",
|
|
12
|
+
gray900: "#2C2C2E",
|
|
13
|
+
gray950: "#1D1D1F",
|
|
14
|
+
black: "#000000"
|
|
15
|
+
}, E = {
|
|
16
|
+
50: "#EEF4FF",
|
|
17
|
+
100: "#E0EBFF",
|
|
18
|
+
200: "#C7DAFF",
|
|
19
|
+
300: "#A4C1FF",
|
|
20
|
+
400: "#7A9FFF",
|
|
21
|
+
500: "#5578F4",
|
|
22
|
+
600: "#3B5CE9",
|
|
23
|
+
700: "#2D47D6",
|
|
24
|
+
800: "#2A3CAD",
|
|
25
|
+
900: "#283889",
|
|
26
|
+
950: "#1A2352"
|
|
27
|
+
}, A = {
|
|
28
|
+
50: "#FFF5F3",
|
|
29
|
+
100: "#FFE8E3",
|
|
30
|
+
200: "#FFD5CC",
|
|
31
|
+
300: "#FFB5A6",
|
|
32
|
+
400: "#FF8A71",
|
|
33
|
+
500: "#F86545",
|
|
34
|
+
600: "#E54A28",
|
|
35
|
+
700: "#C13A1D",
|
|
36
|
+
800: "#9F331C",
|
|
37
|
+
900: "#842F1D",
|
|
38
|
+
950: "#48140A"
|
|
39
|
+
}, D = {
|
|
40
|
+
50: "#ECFDF5",
|
|
41
|
+
100: "#D1FAE5",
|
|
42
|
+
200: "#A7F3D0",
|
|
43
|
+
300: "#6EE7B7",
|
|
44
|
+
400: "#34D399",
|
|
45
|
+
500: "#10B981",
|
|
46
|
+
600: "#059669",
|
|
47
|
+
700: "#047857",
|
|
48
|
+
800: "#065F46",
|
|
49
|
+
900: "#064E3B",
|
|
50
|
+
950: "#022C22"
|
|
51
|
+
}, a = {
|
|
52
|
+
50: "#FFFBEB",
|
|
53
|
+
100: "#FEF3C7",
|
|
54
|
+
200: "#FDE68A",
|
|
55
|
+
300: "#FCD34D",
|
|
56
|
+
400: "#FBBF24",
|
|
57
|
+
500: "#F59E0B",
|
|
58
|
+
600: "#D97706",
|
|
59
|
+
700: "#B45309",
|
|
60
|
+
800: "#92400E",
|
|
61
|
+
900: "#78350F",
|
|
62
|
+
950: "#451A03"
|
|
63
|
+
}, C = {
|
|
64
|
+
50: "#FEF2F2",
|
|
65
|
+
100: "#FEE2E2",
|
|
66
|
+
200: "#FECACA",
|
|
67
|
+
300: "#FCA5A5",
|
|
68
|
+
400: "#F87171",
|
|
69
|
+
500: "#EF4444",
|
|
70
|
+
600: "#DC2626",
|
|
71
|
+
700: "#B91C1C",
|
|
72
|
+
800: "#991B1B",
|
|
73
|
+
900: "#7F1D1D",
|
|
74
|
+
950: "#450A0A"
|
|
75
|
+
}, s = {
|
|
76
|
+
50: "#ECFEFF",
|
|
77
|
+
100: "#CFFAFE",
|
|
78
|
+
200: "#A5F3FC",
|
|
79
|
+
300: "#67E8F9",
|
|
80
|
+
400: "#22D3EE",
|
|
81
|
+
500: "#06B6D4",
|
|
82
|
+
600: "#0891B2",
|
|
83
|
+
700: "#0E7490",
|
|
84
|
+
800: "#155E75",
|
|
85
|
+
900: "#164E63",
|
|
86
|
+
950: "#083344"
|
|
87
|
+
}, r = {
|
|
88
|
+
neutrals: F,
|
|
89
|
+
primary: E,
|
|
90
|
+
accent: A,
|
|
91
|
+
success: D,
|
|
92
|
+
warning: a,
|
|
93
|
+
error: C,
|
|
94
|
+
info: s
|
|
95
|
+
};
|
|
96
|
+
export {
|
|
97
|
+
A as a,
|
|
98
|
+
r as c,
|
|
99
|
+
C as e,
|
|
100
|
+
s as i,
|
|
101
|
+
F as n,
|
|
102
|
+
E as p,
|
|
103
|
+
D as s,
|
|
104
|
+
a as w
|
|
105
|
+
};
|
|
106
|
+
//# sourceMappingURL=colors-B_8a3coi.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colors-B_8a3coi.js","sources":["../src/design-system/tokens/colors.ts"],"sourcesContent":["/**\r\n * Brycks Design System - Color Tokens\r\n *\r\n * A sophisticated, calm color palette inspired by modern design systems.\r\n * Colors are organized in semantic scales for consistent usage.\r\n */\r\n\r\n/** Base neutral palette - grayscale with subtle warmth */\r\nexport const neutrals = {\r\n white: '#FFFFFF',\r\n gray50: '#FAFAFA',\r\n gray100: '#F5F5F7',\r\n gray200: '#E8E8ED',\r\n gray300: '#D2D2D7',\r\n gray400: '#AEAEB2',\r\n gray500: '#8E8E93',\r\n gray600: '#636366',\r\n gray700: '#48484A',\r\n gray800: '#3A3A3C',\r\n gray900: '#2C2C2E',\r\n gray950: '#1D1D1F',\r\n black: '#000000',\r\n} as const\r\n\r\n/** Primary brand colors - sophisticated blue */\r\nexport const primary = {\r\n 50: '#EEF4FF',\r\n 100: '#E0EBFF',\r\n 200: '#C7DAFF',\r\n 300: '#A4C1FF',\r\n 400: '#7A9FFF',\r\n 500: '#5578F4',\r\n 600: '#3B5CE9',\r\n 700: '#2D47D6',\r\n 800: '#2A3CAD',\r\n 900: '#283889',\r\n 950: '#1A2352',\r\n} as const\r\n\r\n/** Accent colors - warm coral for emphasis */\r\nexport const accent = {\r\n 50: '#FFF5F3',\r\n 100: '#FFE8E3',\r\n 200: '#FFD5CC',\r\n 300: '#FFB5A6',\r\n 400: '#FF8A71',\r\n 500: '#F86545',\r\n 600: '#E54A28',\r\n 700: '#C13A1D',\r\n 800: '#9F331C',\r\n 900: '#842F1D',\r\n 950: '#48140A',\r\n} as const\r\n\r\n/** Success - calm green */\r\nexport const success = {\r\n 50: '#ECFDF5',\r\n 100: '#D1FAE5',\r\n 200: '#A7F3D0',\r\n 300: '#6EE7B7',\r\n 400: '#34D399',\r\n 500: '#10B981',\r\n 600: '#059669',\r\n 700: '#047857',\r\n 800: '#065F46',\r\n 900: '#064E3B',\r\n 950: '#022C22',\r\n} as const\r\n\r\n/** Warning - warm amber */\r\nexport const warning = {\r\n 50: '#FFFBEB',\r\n 100: '#FEF3C7',\r\n 200: '#FDE68A',\r\n 300: '#FCD34D',\r\n 400: '#FBBF24',\r\n 500: '#F59E0B',\r\n 600: '#D97706',\r\n 700: '#B45309',\r\n 800: '#92400E',\r\n 900: '#78350F',\r\n 950: '#451A03',\r\n} as const\r\n\r\n/** Error - refined red */\r\nexport const error = {\r\n 50: '#FEF2F2',\r\n 100: '#FEE2E2',\r\n 200: '#FECACA',\r\n 300: '#FCA5A5',\r\n 400: '#F87171',\r\n 500: '#EF4444',\r\n 600: '#DC2626',\r\n 700: '#B91C1C',\r\n 800: '#991B1B',\r\n 900: '#7F1D1D',\r\n 950: '#450A0A',\r\n} as const\r\n\r\n/** Info - calm cyan */\r\nexport const info = {\r\n 50: '#ECFEFF',\r\n 100: '#CFFAFE',\r\n 200: '#A5F3FC',\r\n 300: '#67E8F9',\r\n 400: '#22D3EE',\r\n 500: '#06B6D4',\r\n 600: '#0891B2',\r\n 700: '#0E7490',\r\n 800: '#155E75',\r\n 900: '#164E63',\r\n 950: '#083344',\r\n} as const\r\n\r\n/** Complete color palette export */\r\nexport const colors = {\r\n neutrals,\r\n primary,\r\n accent,\r\n success,\r\n warning,\r\n error,\r\n info,\r\n} as const\r\n\r\nexport type ColorScale = typeof primary\r\nexport type NeutralScale = typeof neutrals\r\nexport type Colors = typeof colors\r\n"],"names":["neutrals","primary","accent","success","warning","error","info","colors"],"mappings":"AAQO,MAAMA,IAAW;AAAA,EACtB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACT,GAGaC,IAAU;AAAA,EACrB,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AACP,GAGaC,IAAS;AAAA,EACpB,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AACP,GAGaC,IAAU;AAAA,EACrB,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AACP,GAGaC,IAAU;AAAA,EACrB,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AACP,GAGaC,IAAQ;AAAA,EACnB,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AACP,GAGaC,IAAO;AAAA,EAClB,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AACP,GAGaC,IAAS;AAAA,EACpB,UAAAP;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AACF;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";const F={white:"#FFFFFF",gray50:"#FAFAFA",gray100:"#F5F5F7",gray200:"#E8E8ED",gray300:"#D2D2D7",gray400:"#AEAEB2",gray500:"#8E8E93",gray600:"#636366",gray700:"#48484A",gray800:"#3A3A3C",gray900:"#2C2C2E",gray950:"#1D1D1F",black:"#000000"},E={50:"#EEF4FF",100:"#E0EBFF",200:"#C7DAFF",300:"#A4C1FF",400:"#7A9FFF",500:"#5578F4",600:"#3B5CE9",700:"#2D47D6",800:"#2A3CAD",900:"#283889",950:"#1A2352"},A={50:"#FFF5F3",100:"#FFE8E3",200:"#FFD5CC",300:"#FFB5A6",400:"#FF8A71",500:"#F86545",600:"#E54A28",700:"#C13A1D",800:"#9F331C",900:"#842F1D",950:"#48140A"},r={50:"#ECFDF5",100:"#D1FAE5",200:"#A7F3D0",300:"#6EE7B7",400:"#34D399",500:"#10B981",600:"#059669",700:"#047857",800:"#065F46",900:"#064E3B",950:"#022C22"},D={50:"#FFFBEB",100:"#FEF3C7",200:"#FDE68A",300:"#FCD34D",400:"#FBBF24",500:"#F59E0B",600:"#D97706",700:"#B45309",800:"#92400E",900:"#78350F",950:"#451A03"},C={50:"#FEF2F2",100:"#FEE2E2",200:"#FECACA",300:"#FCA5A5",400:"#F87171",500:"#EF4444",600:"#DC2626",700:"#B91C1C",800:"#991B1B",900:"#7F1D1D",950:"#450A0A"},a={50:"#ECFEFF",100:"#CFFAFE",200:"#A5F3FC",300:"#67E8F9",400:"#22D3EE",500:"#06B6D4",600:"#0891B2",700:"#0E7490",800:"#155E75",900:"#164E63",950:"#083344"},c={neutrals:F,primary:E,accent:A,success:r,warning:D,error:C,info:a};exports.accent=A;exports.colors=c;exports.error=C;exports.info=a;exports.neutrals=F;exports.primary=E;exports.success=r;exports.warning=D;
|
|
2
|
+
//# sourceMappingURL=colors-Bp6ROxvx.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colors-Bp6ROxvx.cjs","sources":["../src/design-system/tokens/colors.ts"],"sourcesContent":["/**\r\n * Brycks Design System - Color Tokens\r\n *\r\n * A sophisticated, calm color palette inspired by modern design systems.\r\n * Colors are organized in semantic scales for consistent usage.\r\n */\r\n\r\n/** Base neutral palette - grayscale with subtle warmth */\r\nexport const neutrals = {\r\n white: '#FFFFFF',\r\n gray50: '#FAFAFA',\r\n gray100: '#F5F5F7',\r\n gray200: '#E8E8ED',\r\n gray300: '#D2D2D7',\r\n gray400: '#AEAEB2',\r\n gray500: '#8E8E93',\r\n gray600: '#636366',\r\n gray700: '#48484A',\r\n gray800: '#3A3A3C',\r\n gray900: '#2C2C2E',\r\n gray950: '#1D1D1F',\r\n black: '#000000',\r\n} as const\r\n\r\n/** Primary brand colors - sophisticated blue */\r\nexport const primary = {\r\n 50: '#EEF4FF',\r\n 100: '#E0EBFF',\r\n 200: '#C7DAFF',\r\n 300: '#A4C1FF',\r\n 400: '#7A9FFF',\r\n 500: '#5578F4',\r\n 600: '#3B5CE9',\r\n 700: '#2D47D6',\r\n 800: '#2A3CAD',\r\n 900: '#283889',\r\n 950: '#1A2352',\r\n} as const\r\n\r\n/** Accent colors - warm coral for emphasis */\r\nexport const accent = {\r\n 50: '#FFF5F3',\r\n 100: '#FFE8E3',\r\n 200: '#FFD5CC',\r\n 300: '#FFB5A6',\r\n 400: '#FF8A71',\r\n 500: '#F86545',\r\n 600: '#E54A28',\r\n 700: '#C13A1D',\r\n 800: '#9F331C',\r\n 900: '#842F1D',\r\n 950: '#48140A',\r\n} as const\r\n\r\n/** Success - calm green */\r\nexport const success = {\r\n 50: '#ECFDF5',\r\n 100: '#D1FAE5',\r\n 200: '#A7F3D0',\r\n 300: '#6EE7B7',\r\n 400: '#34D399',\r\n 500: '#10B981',\r\n 600: '#059669',\r\n 700: '#047857',\r\n 800: '#065F46',\r\n 900: '#064E3B',\r\n 950: '#022C22',\r\n} as const\r\n\r\n/** Warning - warm amber */\r\nexport const warning = {\r\n 50: '#FFFBEB',\r\n 100: '#FEF3C7',\r\n 200: '#FDE68A',\r\n 300: '#FCD34D',\r\n 400: '#FBBF24',\r\n 500: '#F59E0B',\r\n 600: '#D97706',\r\n 700: '#B45309',\r\n 800: '#92400E',\r\n 900: '#78350F',\r\n 950: '#451A03',\r\n} as const\r\n\r\n/** Error - refined red */\r\nexport const error = {\r\n 50: '#FEF2F2',\r\n 100: '#FEE2E2',\r\n 200: '#FECACA',\r\n 300: '#FCA5A5',\r\n 400: '#F87171',\r\n 500: '#EF4444',\r\n 600: '#DC2626',\r\n 700: '#B91C1C',\r\n 800: '#991B1B',\r\n 900: '#7F1D1D',\r\n 950: '#450A0A',\r\n} as const\r\n\r\n/** Info - calm cyan */\r\nexport const info = {\r\n 50: '#ECFEFF',\r\n 100: '#CFFAFE',\r\n 200: '#A5F3FC',\r\n 300: '#67E8F9',\r\n 400: '#22D3EE',\r\n 500: '#06B6D4',\r\n 600: '#0891B2',\r\n 700: '#0E7490',\r\n 800: '#155E75',\r\n 900: '#164E63',\r\n 950: '#083344',\r\n} as const\r\n\r\n/** Complete color palette export */\r\nexport const colors = {\r\n neutrals,\r\n primary,\r\n accent,\r\n success,\r\n warning,\r\n error,\r\n info,\r\n} as const\r\n\r\nexport type ColorScale = typeof primary\r\nexport type NeutralScale = typeof neutrals\r\nexport type Colors = typeof colors\r\n"],"names":["neutrals","primary","accent","success","warning","error","info","colors"],"mappings":"aAQO,MAAMA,EAAW,CACtB,MAAO,UACP,OAAQ,UACR,QAAS,UACT,QAAS,UACT,QAAS,UACT,QAAS,UACT,QAAS,UACT,QAAS,UACT,QAAS,UACT,QAAS,UACT,QAAS,UACT,QAAS,UACT,MAAO,SACT,EAGaC,EAAU,CACrB,GAAI,UACJ,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,SACP,EAGaC,EAAS,CACpB,GAAI,UACJ,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,SACP,EAGaC,EAAU,CACrB,GAAI,UACJ,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,SACP,EAGaC,EAAU,CACrB,GAAI,UACJ,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,SACP,EAGaC,EAAQ,CACnB,GAAI,UACJ,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,SACP,EAGaC,EAAO,CAClB,GAAI,UACJ,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,SACP,EAGaC,EAAS,CACpB,SAAAP,EACA,QAAAC,EACA,OAAAC,EACA,QAAAC,EACA,QAAAC,EACA,MAAAC,EACA,KAAAC,CACF"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { ReactNode, HTMLAttributes } from 'react';
|
|
2
|
+
export type AlertIntent = 'info' | 'success' | 'warning' | 'error';
|
|
3
|
+
export type AlertVariant = 'subtle' | 'solid' | 'outline';
|
|
4
|
+
export interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
|
|
5
|
+
/** Visual intent/status */
|
|
6
|
+
intent?: AlertIntent;
|
|
7
|
+
/** Visual variant */
|
|
8
|
+
variant?: AlertVariant;
|
|
9
|
+
/** Alert title */
|
|
10
|
+
title?: ReactNode;
|
|
11
|
+
/** Custom icon */
|
|
12
|
+
icon?: ReactNode;
|
|
13
|
+
/** Whether to show default icon */
|
|
14
|
+
showIcon?: boolean;
|
|
15
|
+
/** Action element (button, link) */
|
|
16
|
+
action?: ReactNode;
|
|
17
|
+
/** Whether alert can be dismissed */
|
|
18
|
+
isDismissible?: boolean;
|
|
19
|
+
/** Callback when dismissed */
|
|
20
|
+
onDismiss?: () => void;
|
|
21
|
+
/** Custom class name */
|
|
22
|
+
className?: string;
|
|
23
|
+
/** Test ID */
|
|
24
|
+
testId?: string;
|
|
25
|
+
/** Alert content */
|
|
26
|
+
children?: ReactNode;
|
|
27
|
+
}
|
|
28
|
+
export declare const Alert: import('react').ForwardRefExoticComponent<AlertProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
29
|
+
//# sourceMappingURL=Alert.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Alert/Alert.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,cAAc,EACpB,MAAM,OAAO,CAAA;AAGd,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;AAClE,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;AAEzD,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC/E,2BAA2B;IAC3B,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,qBAAqB;IACrB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,kBAAkB;IAClB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,kBAAkB;IAClB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oCAAoC;IACpC,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,qCAAqC;IACrC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oBAAoB;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AA2GD,eAAO,MAAM,KAAK,uGA2HhB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { ReactNode, HTMLAttributes } from 'react';
|
|
2
|
+
export type ModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
|
|
3
|
+
export interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
|
|
4
|
+
/** Whether the modal is open */
|
|
5
|
+
isOpen: boolean;
|
|
6
|
+
/** Callback when modal should close */
|
|
7
|
+
onClose: () => void;
|
|
8
|
+
/** Modal size */
|
|
9
|
+
size?: ModalSize;
|
|
10
|
+
/** Modal title */
|
|
11
|
+
title?: ReactNode;
|
|
12
|
+
/** Modal description */
|
|
13
|
+
description?: ReactNode;
|
|
14
|
+
/** Whether to close on overlay click */
|
|
15
|
+
closeOnOverlayClick?: boolean;
|
|
16
|
+
/** Whether to close on escape key */
|
|
17
|
+
closeOnEscape?: boolean;
|
|
18
|
+
/** Whether to show close button */
|
|
19
|
+
showCloseButton?: boolean;
|
|
20
|
+
/** Custom class name */
|
|
21
|
+
className?: string;
|
|
22
|
+
/** Test ID */
|
|
23
|
+
testId?: string;
|
|
24
|
+
/** Modal content */
|
|
25
|
+
children?: ReactNode;
|
|
26
|
+
}
|
|
27
|
+
export declare const Modal: import('react').ForwardRefExoticComponent<ModalProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
28
|
+
//# sourceMappingURL=Modal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Modal/Modal.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAML,KAAK,SAAS,EACd,KAAK,cAAc,EACpB,MAAM,OAAO,CAAA;AAId,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;AAE1D,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC/E,gCAAgC;IAChC,MAAM,EAAE,OAAO,CAAA;IACf,uCAAuC;IACvC,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,iBAAiB;IACjB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,kBAAkB;IAClB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,wBAAwB;IACxB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,wCAAwC;IACxC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,qCAAqC;IACrC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,mCAAmC;IACnC,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oBAAoB;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAwBD,eAAO,MAAM,KAAK,uGAwOhB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ReactNode, HTMLAttributes } from 'react';
|
|
2
|
+
export type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
|
|
3
|
+
export interface TooltipProps extends Omit<HTMLAttributes<HTMLDivElement>, 'content'> {
|
|
4
|
+
/** Tooltip content */
|
|
5
|
+
content: ReactNode;
|
|
6
|
+
/** Placement relative to trigger */
|
|
7
|
+
placement?: TooltipPlacement;
|
|
8
|
+
/** Delay before showing (ms) */
|
|
9
|
+
delay?: number;
|
|
10
|
+
/** Whether tooltip is disabled */
|
|
11
|
+
isDisabled?: boolean;
|
|
12
|
+
/** Custom class name */
|
|
13
|
+
className?: string;
|
|
14
|
+
/** Test ID */
|
|
15
|
+
testId?: string;
|
|
16
|
+
/** Trigger element */
|
|
17
|
+
children: ReactNode;
|
|
18
|
+
}
|
|
19
|
+
export declare const Tooltip: import('react').ForwardRefExoticComponent<TooltipProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
20
|
+
//# sourceMappingURL=Tooltip.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAOL,KAAK,SAAS,EACd,KAAK,cAAc,EACpB,MAAM,OAAO,CAAA;AAId,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;AAElE,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IACnF,sBAAsB;IACtB,OAAO,EAAE,SAAS,CAAA;IAClB,oCAAoC;IACpC,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kCAAkC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,sBAAsB;IACtB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,eAAO,MAAM,OAAO,yGAyKlB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { InputHTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export type CheckboxSize = 'sm' | 'md' | 'lg';
|
|
3
|
+
export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
|
|
4
|
+
/** Checkbox size */
|
|
5
|
+
size?: CheckboxSize;
|
|
6
|
+
/** Label text */
|
|
7
|
+
label?: ReactNode;
|
|
8
|
+
/** Description below label */
|
|
9
|
+
description?: ReactNode;
|
|
10
|
+
/** Error state */
|
|
11
|
+
isInvalid?: boolean;
|
|
12
|
+
/** Indeterminate state */
|
|
13
|
+
isIndeterminate?: boolean;
|
|
14
|
+
/** Custom class name */
|
|
15
|
+
className?: string;
|
|
16
|
+
/** Test ID */
|
|
17
|
+
testId?: string;
|
|
18
|
+
}
|
|
19
|
+
export declare const Checkbox: import('react').ForwardRefExoticComponent<CheckboxProps & import('react').RefAttributes<HTMLInputElement>>;
|
|
20
|
+
//# sourceMappingURL=Checkbox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAIL,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AAad,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE7C,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjG,oBAAoB;IACpB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,iBAAiB;IACjB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,8BAA8B;IAC9B,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,kBAAkB;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,0BAA0B;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AA+BD,eAAO,MAAM,QAAQ,4GAiJnB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { InputHTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export type InputSize = 'sm' | 'md' | 'lg';
|
|
3
|
+
export type InputVariant = 'outline' | 'filled' | 'flushed';
|
|
4
|
+
export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
|
|
5
|
+
/** Input size */
|
|
6
|
+
size?: InputSize;
|
|
7
|
+
/** Visual variant */
|
|
8
|
+
variant?: InputVariant;
|
|
9
|
+
/** Error state */
|
|
10
|
+
isInvalid?: boolean;
|
|
11
|
+
/** Left element/icon */
|
|
12
|
+
leftElement?: ReactNode;
|
|
13
|
+
/** Right element/icon */
|
|
14
|
+
rightElement?: ReactNode;
|
|
15
|
+
/** Custom class name */
|
|
16
|
+
className?: string;
|
|
17
|
+
/** Test ID */
|
|
18
|
+
testId?: string;
|
|
19
|
+
}
|
|
20
|
+
export declare const Input: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;
|
|
21
|
+
//# sourceMappingURL=Input.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Input/Input.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAIL,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AAYd,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAC1C,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAA;AAE3D,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACrF,iBAAiB;IACjB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,qBAAqB;IACrB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,kBAAkB;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,wBAAwB;IACxB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,yBAAyB;IACzB,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAwBD,eAAO,MAAM,KAAK,yGAqKhB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { SelectHTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export type SelectSize = 'sm' | 'md' | 'lg';
|
|
3
|
+
export type SelectVariant = 'outline' | 'filled';
|
|
4
|
+
export interface SelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, 'size'> {
|
|
5
|
+
/** Select size */
|
|
6
|
+
size?: SelectSize;
|
|
7
|
+
/** Visual variant */
|
|
8
|
+
variant?: SelectVariant;
|
|
9
|
+
/** Error state */
|
|
10
|
+
isInvalid?: boolean;
|
|
11
|
+
/** Placeholder option */
|
|
12
|
+
placeholder?: string;
|
|
13
|
+
/** Custom class name */
|
|
14
|
+
className?: string;
|
|
15
|
+
/** Test ID */
|
|
16
|
+
testId?: string;
|
|
17
|
+
/** Children (option elements) */
|
|
18
|
+
children?: ReactNode;
|
|
19
|
+
}
|
|
20
|
+
export declare const Select: import('react').ForwardRefExoticComponent<SelectProps & import('react').RefAttributes<HTMLSelectElement>>;
|
|
21
|
+
//# sourceMappingURL=Select.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Select/Select.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAIL,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AAGd,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAC3C,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,QAAQ,CAAA;AAEhD,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IACxF,kBAAkB;IAClB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,qBAAqB;IACrB,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,kBAAkB;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iCAAiC;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAuBD,eAAO,MAAM,MAAM,2GA6HjB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { InputHTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export type SwitchSize = 'sm' | 'md' | 'lg';
|
|
3
|
+
export interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
|
|
4
|
+
/** Switch size */
|
|
5
|
+
size?: SwitchSize;
|
|
6
|
+
/** Label text */
|
|
7
|
+
label?: ReactNode;
|
|
8
|
+
/** Description below label */
|
|
9
|
+
description?: ReactNode;
|
|
10
|
+
/** Custom class name */
|
|
11
|
+
className?: string;
|
|
12
|
+
/** Test ID */
|
|
13
|
+
testId?: string;
|
|
14
|
+
}
|
|
15
|
+
export declare const Switch: import('react').ForwardRefExoticComponent<SwitchProps & import('react').RefAttributes<HTMLInputElement>>;
|
|
16
|
+
//# sourceMappingURL=Switch.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Switch/Switch.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAIL,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AAad,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE3C,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/F,kBAAkB;IAClB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,iBAAiB;IACjB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,8BAA8B;IAC9B,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,MAAM,0GAiIjB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Switch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { InputProps } from '../Input';
|
|
3
|
+
export interface TextFieldProps extends InputProps {
|
|
4
|
+
/** Field label */
|
|
5
|
+
label?: ReactNode;
|
|
6
|
+
/** Helper text below the input */
|
|
7
|
+
helperText?: ReactNode;
|
|
8
|
+
/** Error message (also sets isInvalid) */
|
|
9
|
+
errorMessage?: ReactNode;
|
|
10
|
+
/** Whether the field is required */
|
|
11
|
+
isRequired?: boolean;
|
|
12
|
+
/** Whether to hide the label visually (still accessible) */
|
|
13
|
+
hideLabel?: boolean;
|
|
14
|
+
}
|
|
15
|
+
export declare const TextField: import('react').ForwardRefExoticComponent<TextFieldProps & import('react').RefAttributes<HTMLInputElement>>;
|
|
16
|
+
//# sourceMappingURL=TextField.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../src/components/form/TextField/TextField.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AACzD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAA;AAGjD,MAAM,WAAW,cAAe,SAAQ,UAAU;IAChD,kBAAkB;IAClB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,kCAAkC;IAClC,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,oCAAoC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,SAAS,6GAuGpB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/TextField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { TextareaHTMLAttributes } from 'react';
|
|
2
|
+
export type TextareaSize = 'sm' | 'md' | 'lg';
|
|
3
|
+
export type TextareaVariant = 'outline' | 'filled';
|
|
4
|
+
export interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> {
|
|
5
|
+
/** Textarea size */
|
|
6
|
+
size?: TextareaSize;
|
|
7
|
+
/** Visual variant */
|
|
8
|
+
variant?: TextareaVariant;
|
|
9
|
+
/** Error state */
|
|
10
|
+
isInvalid?: boolean;
|
|
11
|
+
/** Auto resize based on content */
|
|
12
|
+
autoResize?: boolean;
|
|
13
|
+
/** Minimum rows */
|
|
14
|
+
minRows?: number;
|
|
15
|
+
/** Maximum rows */
|
|
16
|
+
maxRows?: number;
|
|
17
|
+
/** Show character count */
|
|
18
|
+
showCount?: boolean;
|
|
19
|
+
/** Max character length */
|
|
20
|
+
maxLength?: number;
|
|
21
|
+
/** Custom class name */
|
|
22
|
+
className?: string;
|
|
23
|
+
/** Test ID */
|
|
24
|
+
testId?: string;
|
|
25
|
+
}
|
|
26
|
+
export declare const Textarea: import('react').ForwardRefExoticComponent<TextareaProps & import('react').RefAttributes<HTMLTextAreaElement>>;
|
|
27
|
+
//# sourceMappingURL=Textarea.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAOL,KAAK,sBAAsB,EAC5B,MAAM,OAAO,CAAA;AAGd,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAC7C,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,QAAQ,CAAA;AAElD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC9F,oBAAoB;IACpB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,qBAAqB;IACrB,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,kBAAkB;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,mCAAmC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,mBAAmB;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,mBAAmB;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAQD,eAAO,MAAM,QAAQ,+GA+JnB,CAAA"}
|