@orion-ds/react 4.6.1 → 4.6.3
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 +125 -77
- package/dist/blocks/sections/ActivityFeed/ActivityFeed.types.d.ts.map +1 -1
- package/dist/blocks/sections/AppDownload/AppDownload.stories.d.ts.map +1 -1
- package/dist/blocks/sections/Blog/Blog.d.ts.map +1 -1
- package/dist/blocks/sections/Blog/Blog.stories.d.ts.map +1 -1
- package/dist/blocks/sections/Breadcrumbs/Breadcrumbs.stories.d.ts.map +1 -1
- package/dist/blocks/sections/CTA/CTA.d.ts.map +1 -1
- package/dist/blocks/sections/CTA/CTA.mjs +1 -7
- package/dist/blocks/sections/CTA/CTA.stories.d.ts.map +1 -1
- package/dist/blocks/sections/CarouselSection/CarouselCard.d.ts.map +1 -1
- package/dist/blocks/sections/CarouselSection/CarouselSection.d.ts.map +1 -1
- package/dist/blocks/sections/CarouselSection/CarouselSection.stories.d.ts.map +1 -1
- package/dist/blocks/sections/Chat/Chat.stories.d.ts.map +1 -1
- package/dist/blocks/sections/Comparison/Comparison.stories.d.ts.map +1 -1
- package/dist/blocks/sections/Contact/Contact.d.ts.map +1 -1
- package/dist/blocks/sections/Contact/Contact.stories.d.ts.map +1 -1
- package/dist/blocks/sections/EmptyState/EmptyState.d.ts.map +1 -1
- package/dist/blocks/sections/EmptyState/EmptyState.mjs +1 -7
- package/dist/blocks/sections/EmptyState/EmptyState.stories.d.ts.map +1 -1
- package/dist/blocks/sections/FAQ/FAQ.stories.d.ts.map +1 -1
- package/dist/blocks/sections/Features/Features.d.ts.map +1 -1
- package/dist/blocks/sections/Features/Features.mjs +7 -14
- package/dist/blocks/sections/Features/Features.stories.d.ts.map +1 -1
- package/dist/blocks/sections/Features/index.d.ts +1 -1
- package/dist/blocks/sections/Features/index.d.ts.map +1 -1
- package/dist/blocks/sections/Footer/Footer.d.ts.map +1 -1
- package/dist/blocks/sections/Footer/Footer.mjs +1 -9
- package/dist/blocks/sections/Gallery/Gallery.d.ts.map +1 -1
- package/dist/blocks/sections/Gallery/Gallery.mjs +1 -8
- package/dist/blocks/sections/Gallery/Gallery.module.css +1 -1
- package/dist/blocks/sections/Gallery/Gallery.module.css.cjs +1 -1
- package/dist/blocks/sections/Gallery/Gallery.module.css.mjs +20 -20
- package/dist/blocks/sections/Gallery/Gallery.stories.d.ts.map +1 -1
- package/dist/blocks/sections/Hero/Hero.d.ts.map +1 -1
- package/dist/blocks/sections/Hero/Hero.stories.d.ts.map +1 -1
- package/dist/blocks/sections/Hero/HeroHighlight.d.ts.map +1 -1
- package/dist/blocks/sections/LogoCloud/LogoCloud.stories.d.ts.map +1 -1
- package/dist/blocks/sections/Newsletter/Newsletter.d.ts.map +1 -1
- package/dist/blocks/sections/Newsletter/Newsletter.stories.d.ts.map +1 -1
- package/dist/blocks/sections/Pricing/Pricing.stories.d.ts.map +1 -1
- package/dist/blocks/sections/Pricing/PricingCard.d.ts.map +1 -1
- package/dist/blocks/sections/Pricing/index.d.ts +1 -1
- package/dist/blocks/sections/Pricing/index.d.ts.map +1 -1
- package/dist/blocks/sections/SettingsLayout/SettingsLayout.d.ts.map +1 -1
- package/dist/blocks/sections/SettingsLayout/SettingsLayout.stories.d.ts.map +1 -1
- package/dist/blocks/sections/SocialProof/SocialProof.stories.d.ts.map +1 -1
- package/dist/blocks/sections/Stats/Stats.d.ts.map +1 -1
- package/dist/blocks/sections/Stats/Stats.stories.d.ts.map +1 -1
- package/dist/blocks/sections/Stepper/Stepper.d.ts.map +1 -1
- package/dist/blocks/sections/Stepper/Stepper.stories.d.ts.map +1 -1
- package/dist/blocks/sections/Team/Team.stories.d.ts.map +1 -1
- package/dist/blocks/sections/Testimonials/Testimonials.d.ts.map +1 -1
- package/dist/blocks/sections/Testimonials/Testimonials.mjs +9 -9
- package/dist/blocks/sections/Testimonials/Testimonials.stories.d.ts.map +1 -1
- package/dist/blocks/sections/Timeline/Timeline.d.ts.map +1 -1
- package/dist/blocks/sections/Timeline/Timeline.stories.d.ts.map +1 -1
- package/dist/blocks/templates/app/AgentEditor/AgentEditor.d.ts.map +1 -1
- package/dist/blocks/templates/app/AgentEditor/AgentEditor.mjs +1 -9
- package/dist/blocks/templates/app/AgentWorkspace/AgentWorkspace.module.css +1 -1
- package/dist/blocks/templates/app/AgentWorkspace/AgentWorkspace.module.css.cjs +1 -1
- package/dist/blocks/templates/app/AgentWorkspace/AgentWorkspace.module.css.mjs +28 -28
- package/dist/blocks/templates/app/AgentWorkspace/index.d.ts +1 -1
- package/dist/blocks/templates/app/AgentWorkspace/index.d.ts.map +1 -1
- package/dist/blocks/templates/app/ChatPageTemplate/ChatPageTemplate.module.css +1 -1
- package/dist/blocks/templates/app/ChatPageTemplate/ChatPageTemplate.module.css.cjs +1 -1
- package/dist/blocks/templates/app/ChatPageTemplate/ChatPageTemplate.module.css.mjs +41 -41
- package/dist/blocks/templates/app/ChatPageTemplate/ChatPageTemplate.stories.d.ts.map +1 -1
- package/dist/blocks/templates/app/DashboardTemplate/DashboardTemplate.module.css +1 -1
- package/dist/blocks/templates/app/DashboardTemplate/DashboardTemplate.module.css.cjs +1 -1
- package/dist/blocks/templates/app/DashboardTemplate/DashboardTemplate.module.css.mjs +45 -45
- package/dist/blocks/templates/app/KanbanPageTemplate/KanbanPageTemplate.module.css +1 -1
- package/dist/blocks/templates/app/KanbanPageTemplate/KanbanPageTemplate.module.css.cjs +1 -1
- package/dist/blocks/templates/app/KanbanPageTemplate/KanbanPageTemplate.module.css.mjs +52 -52
- package/dist/blocks/templates/app/KanbanPageTemplate/KanbanPageTemplate.stories.d.ts.map +1 -1
- package/dist/blocks/templates/app/LoginTemplate/LoginTemplate.d.ts.map +1 -1
- package/dist/blocks/templates/app/ProfilePageTemplate/ProfilePageTemplate.module.css +1 -1
- package/dist/blocks/templates/app/ProfilePageTemplate/ProfilePageTemplate.module.css.cjs +1 -1
- package/dist/blocks/templates/app/ProfilePageTemplate/ProfilePageTemplate.module.css.mjs +30 -30
- package/dist/blocks/templates/app/ProfilePageTemplate/index.d.ts +1 -1
- package/dist/blocks/templates/app/ProfilePageTemplate/index.d.ts.map +1 -1
- package/dist/blocks/templates/app/SettingsTemplate/SettingsTemplate.module.css +1 -1
- package/dist/blocks/templates/app/SettingsTemplate/SettingsTemplate.module.css.cjs +1 -1
- package/dist/blocks/templates/app/SettingsTemplate/SettingsTemplate.module.css.mjs +37 -37
- package/dist/blocks/templates/app/SettingsTemplate/index.d.ts +1 -1
- package/dist/blocks/templates/app/SettingsTemplate/index.d.ts.map +1 -1
- package/dist/blocks.css +7 -7
- package/dist/components/EmptyState/EmptyState.cjs +1 -0
- package/dist/components/EmptyState/EmptyState.d.ts.map +1 -1
- package/dist/components/EmptyState/EmptyState.mjs +1 -0
- package/dist/components/FontLoader/FontLoader.stories.d.ts.map +1 -1
- package/dist/components/Icon/Icon.cjs +1 -0
- package/dist/components/Icon/Icon.d.ts.map +1 -1
- package/dist/components/Icon/Icon.mjs +1 -0
- package/dist/components/Select/Select.cjs +1 -0
- package/dist/components/Select/Select.d.ts.map +1 -1
- package/dist/components/Select/Select.mjs +1 -0
- package/dist/components/Stack/Stack.cjs +1 -0
- package/dist/components/Stack/Stack.d.ts.map +1 -1
- package/dist/components/Stack/Stack.mjs +1 -0
- package/dist/components/Stack/Stack.stories.d.ts +52 -0
- package/dist/components/Stack/Stack.stories.d.ts.map +1 -0
- package/dist/components/ThemeController/ThemeController.cjs +1 -1
- package/dist/components/ThemeController/ThemeController.mjs +20 -20
- package/dist/components/WorkspaceSwitcher/WorkspaceSwitcher.stories.d.ts.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,10 +1,8 @@
|
|
|
1
|
-
# @orion-ds/react
|
|
1
|
+
# @orion-ds/react
|
|
2
2
|
|
|
3
3
|
> **Orion Design System** - AI-First React Component Library with Integrated Tokens
|
|
4
4
|
|
|
5
|
-
TypeScript-first React component library built on the Orion Design System. Features
|
|
6
|
-
|
|
7
|
-
**New in v3.0.0**: Design tokens and theming from `@orion-ds/core` are now included. No need for separate Core package!
|
|
5
|
+
TypeScript-first React component library built on the Orion Design System. Features 70+ components, 25+ sections, and 8 full-page templates with full type safety, theme switching, and multi-brand support.
|
|
8
6
|
|
|
9
7
|
[](https://www.typescriptlang.org/)
|
|
10
8
|
[](#)
|
|
@@ -14,9 +12,9 @@ TypeScript-first React component library built on the Orion Design System. Featu
|
|
|
14
12
|
## Features
|
|
15
13
|
|
|
16
14
|
- 🤖 **AI-First Design** - Optimized for AI/LLM code generation (see AI_GUIDE.md)
|
|
17
|
-
- ✅ **
|
|
18
|
-
- 📐 **
|
|
19
|
-
- 📄 **
|
|
15
|
+
- ✅ **70+ Components** - Fully typed with IntelliSense support
|
|
16
|
+
- 📐 **25+ Sections** - Pre-built page sections (Hero, Features, Pricing, etc.)
|
|
17
|
+
- 📄 **8 Templates** - Complete page templates (Dashboard, Login, Profile, Settings, Chat, etc.)
|
|
20
18
|
- 🎨 **Theme Switching** - Light/Dark modes with CSS variables
|
|
21
19
|
- 🏢 **Multi-Brand** - orion, red, deepblue, orange, lemon brands
|
|
22
20
|
- 🎯 **Lucide Icons** - 5000+ icons built-in
|
|
@@ -55,9 +53,9 @@ yarn add @orion-ds/react
|
|
|
55
53
|
Copy individual components into your project, shadcn-style. You own the source and can modify freely.
|
|
56
54
|
|
|
57
55
|
\`\`\`bash
|
|
58
|
-
npx @orion-ds/cli init # Creates orion.json
|
|
56
|
+
npx @orion-ds/cli init # Creates orion.json configuration
|
|
59
57
|
npx @orion-ds/cli add button card modal # Copies component source files
|
|
60
|
-
npx @orion-ds/cli list # Shows all 90 available items
|
|
58
|
+
npx @orion-ds/cli list # Shows all 90+ available items
|
|
61
59
|
\`\`\`
|
|
62
60
|
|
|
63
61
|
See [@orion-ds/cli README](../cli/README.md) for full documentation.
|
|
@@ -162,10 +160,10 @@ For vanilla HTML projects or if you disabled auto-loading, add these links to yo
|
|
|
162
160
|
|
|
163
161
|
| Brand | Primary Font | Secondary Font |
|
|
164
162
|
| ------------ | ----------------- | -------------- |
|
|
165
|
-
| **Orion** | Libre Baskerville |
|
|
163
|
+
| **Orion** | Libre Baskerville | DM Sans |
|
|
166
164
|
| **Deepblue** | Work Sans | Work Sans |
|
|
167
|
-
| **Red** | Poppins |
|
|
168
|
-
| **Orange** | DM Sans |
|
|
165
|
+
| **Red** | Poppins | DM Sans |
|
|
166
|
+
| **Orange** | DM Sans | DM Sans |
|
|
169
167
|
| **Lemon** | Anton | Work Sans |
|
|
170
168
|
|
|
171
169
|
### Programmatic Access
|
|
@@ -188,85 +186,119 @@ console.warn('Missing fonts:', missing);
|
|
|
188
186
|
|
|
189
187
|
## Components
|
|
190
188
|
|
|
191
|
-
### Forms
|
|
189
|
+
### Forms & Input
|
|
192
190
|
|
|
193
|
-
- **Button** - Primary, secondary, ghost variants
|
|
194
|
-
- **Field** - Text input with label, helper, error states
|
|
195
|
-
- **Select** - Dropdown with options
|
|
191
|
+
- **Button** - Primary, secondary, ghost variants with icon support
|
|
192
|
+
- **Field** - Text input with label, helper, error states, and icons
|
|
193
|
+
- **Select** - Dropdown with options and multi-select
|
|
194
|
+
- **Combobox** - Searchable dropdown
|
|
195
|
+
- **DatePicker** - Date selection with calendar
|
|
196
|
+
- **InputOTP** - One-time password input
|
|
197
|
+
- **SearchInput** - Specialized search field with autocomplete
|
|
198
|
+
- **Textarea** - Multi-line text input
|
|
196
199
|
- **Switch** - Toggle switch
|
|
197
200
|
- **Checkbox** - Checkbox input
|
|
198
201
|
- **Radio** - Radio button
|
|
199
|
-
- **
|
|
202
|
+
- **FileUploader** - File upload with preview
|
|
203
|
+
- **Slider** - Range slider input
|
|
200
204
|
|
|
201
|
-
### Layout
|
|
205
|
+
### Layout & Structure
|
|
202
206
|
|
|
203
207
|
- **Card** - Container with header, body, footer
|
|
208
|
+
- **Stack** - Flexible stack layout (horizontal/vertical)
|
|
209
|
+
- **Divider** - Visual separator
|
|
204
210
|
- **Modal** - Overlay dialog
|
|
211
|
+
- **Drawer** - Slide-out panel
|
|
205
212
|
- **Navbar** - Navigation bar with brand, links, actions
|
|
213
|
+
- **Sidebar** - Side navigation panel
|
|
214
|
+
- **NavTree** - Hierarchical navigation tree
|
|
206
215
|
|
|
207
|
-
### Feedback
|
|
216
|
+
### Feedback & Status
|
|
208
217
|
|
|
209
218
|
- **Alert** - Info, success, warning, error messages
|
|
210
219
|
- **Badge** - Status indicators
|
|
211
220
|
- **Spinner** - Loading indicator
|
|
212
221
|
- **ProgressBar** - Progress visualization
|
|
213
222
|
- **Tooltip** - Hover information
|
|
223
|
+
- **Banner** - Dismissible banner notifications
|
|
214
224
|
|
|
215
225
|
### Data Display
|
|
216
226
|
|
|
217
227
|
- **Avatar** - User profile picture
|
|
218
228
|
- **Table** - Data table with sorting
|
|
229
|
+
- **DataTable** - Advanced data table with filtering/sorting
|
|
219
230
|
- **Tabs** - Tab navigation
|
|
220
231
|
- **Breadcrumb** - Navigation breadcrumbs
|
|
232
|
+
- **List** - Structured list component
|
|
233
|
+
- **MetricCards** - Metric display cards
|
|
234
|
+
- **Pagination** - Page navigation
|
|
235
|
+
|
|
236
|
+
### AI & Collaboration
|
|
237
|
+
|
|
238
|
+
- **Chat** - Conversational UI component
|
|
239
|
+
- **AgentCard** - Agent profile card
|
|
240
|
+
- **CommandBar** - Command palette
|
|
241
|
+
- **NotificationCenter** - Notification management
|
|
242
|
+
- **KanbanBoard** - Kanban board layout
|
|
221
243
|
|
|
222
|
-
### Utilities
|
|
244
|
+
### Utilities & Behavior
|
|
223
245
|
|
|
224
246
|
- **ThemeController** - Theme & brand selector
|
|
225
247
|
- **useTheme** - Theme management hook
|
|
248
|
+
- **Collapsible** - Collapsible section
|
|
249
|
+
- **Popover** - Floating popover
|
|
250
|
+
- **Dropdown** - Dropdown menu
|
|
251
|
+
- **Toggle** - Toggle button group
|
|
252
|
+
- **ToggleGroup** - Group of toggle buttons
|
|
253
|
+
- **Skeleton** - Loading skeleton
|
|
254
|
+
- **EmptyState** - Empty state display
|
|
255
|
+
- **ErrorBoundary** - Error boundary wrapper
|
|
256
|
+
- **Carousel** - Image carousel
|
|
226
257
|
|
|
227
258
|
## Sections
|
|
228
259
|
|
|
229
260
|
Pre-built page sections for rapid development:
|
|
230
261
|
|
|
231
|
-
| Category
|
|
232
|
-
|
|
|
233
|
-
| **Marketing**
|
|
234
|
-
| **
|
|
235
|
-
| **
|
|
262
|
+
| Category | Sections |
|
|
263
|
+
| -------------- | ------------------------------------------------------------------ |
|
|
264
|
+
| **Marketing** | Hero, Features, Pricing, CTA, Testimonials, FAQ, Footer, LogoCloud |
|
|
265
|
+
| **Content** | Blog, Timeline, Gallery, TeamShowcase |
|
|
266
|
+
| **App** | Sidebar, Header, DetailPanel, SettingsLayout, Breadcrumbs |
|
|
267
|
+
| **Engagement** | Newsletter, SocialProof, Comparison, Contact |
|
|
268
|
+
| **Navigation** | ActivityFeed, CarouselSection, AppDownload |
|
|
236
269
|
|
|
237
270
|
\`\`\`tsx
|
|
238
|
-
import { Hero, Features, Pricing } from '@orion-ds/react';
|
|
271
|
+
import { Hero, Features, Pricing } from '@orion-ds/react/sections';
|
|
239
272
|
|
|
240
273
|
<Hero title="Welcome" description="Build faster" />
|
|
241
274
|
<Features items={[...]} columns={3} />
|
|
242
275
|
<Pricing plans={[...]} />
|
|
243
276
|
\`\`\`
|
|
244
277
|
|
|
245
|
-
[View all
|
|
278
|
+
[View all 25+ sections in AI_COMPONENTS.md](./AI_COMPONENTS.md)
|
|
246
279
|
|
|
247
280
|
## Templates
|
|
248
281
|
|
|
249
|
-
Complete page templates ready to use:
|
|
282
|
+
Complete full-page templates ready to use:
|
|
250
283
|
|
|
251
|
-
| Template | Use Case
|
|
252
|
-
| --------------------- |
|
|
253
|
-
| `
|
|
254
|
-
| `
|
|
255
|
-
| `ProfilePageTemplate` | User profile pages
|
|
256
|
-
| `SettingsTemplate` | Settings pages
|
|
257
|
-
| `
|
|
258
|
-
| `
|
|
259
|
-
| `
|
|
260
|
-
| `
|
|
261
|
-
| `ComingSoonTemplate` | Pre-launch pages |
|
|
284
|
+
| Template | Use Case |
|
|
285
|
+
| --------------------- | ------------------------------------------------- |
|
|
286
|
+
| `DashboardTemplate` | Admin dashboards with sidebar, header, data views |
|
|
287
|
+
| `LoginTemplate` | Authentication and login flows |
|
|
288
|
+
| `ProfilePageTemplate` | User profile pages |
|
|
289
|
+
| `SettingsTemplate` | Settings and preferences pages |
|
|
290
|
+
| `ChatPageTemplate` | AI chat interface and conversations |
|
|
291
|
+
| `AgentWorkspace` | AI agent builder and management |
|
|
292
|
+
| `AgentEditor` | AI agent configuration editor |
|
|
293
|
+
| `KanbanPageTemplate` | Kanban board for task management |
|
|
262
294
|
|
|
263
295
|
\`\`\`tsx
|
|
264
|
-
import {
|
|
296
|
+
import { DashboardTemplate } from '@orion-ds/react/templates';
|
|
265
297
|
|
|
266
|
-
<
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
298
|
+
<DashboardTemplate
|
|
299
|
+
sidebar={{ items: [...] }}
|
|
300
|
+
header={{ title: 'Dashboard' }}
|
|
301
|
+
content={<YourContent />}
|
|
270
302
|
/>
|
|
271
303
|
\`\`\`
|
|
272
304
|
|
|
@@ -302,6 +334,55 @@ Something went wrong
|
|
|
302
334
|
|
|
303
335
|
See [LUCIDE_ICONS.md](./LUCIDE_ICONS.md) for complete icon documentation.
|
|
304
336
|
|
|
337
|
+
## Entry Points
|
|
338
|
+
|
|
339
|
+
The library provides multiple entry points optimized for different use cases:
|
|
340
|
+
|
|
341
|
+
### Core Imports
|
|
342
|
+
|
|
343
|
+
```typescript
|
|
344
|
+
// Main export - all components, sections, and hooks
|
|
345
|
+
import { Button, Card, Hero, useTheme, ThemeProvider } from "@orion-ds/react";
|
|
346
|
+
|
|
347
|
+
// Next.js App Router compatible - excludes heavy dependencies
|
|
348
|
+
import { Button, Card, Field } from "@orion-ds/react/client";
|
|
349
|
+
|
|
350
|
+
// Design tokens (TypeScript)
|
|
351
|
+
import { primitives, getToken, getSemanticToken } from "@orion-ds/react/tokens";
|
|
352
|
+
|
|
353
|
+
// CSS imports
|
|
354
|
+
import "@orion-ds/react/styles.css"; // Complete bundle (recommended)
|
|
355
|
+
import "@orion-ds/react/theme.css"; // Tokens only (advanced tree-shaking)
|
|
356
|
+
```
|
|
357
|
+
|
|
358
|
+
### Heavy Components (Optional Dependencies)
|
|
359
|
+
|
|
360
|
+
These components require optional peer dependencies. Install only what you need:
|
|
361
|
+
|
|
362
|
+
| Entry Point | Components | Peer Dependency | Install Command |
|
|
363
|
+
| -------------------------- | ----------------------------------------------- | ---------------------------------------------------------- | ---------------------------------------------------------------- |
|
|
364
|
+
| `@orion-ds/react/chart` | `ChartContainer`, `ChartTooltip`, `ChartLegend` | `recharts` | `npm install recharts` |
|
|
365
|
+
| `@orion-ds/react/calendar` | `Calendar`, `DatePicker` | `date-fns` | `npm install date-fns` |
|
|
366
|
+
| `@orion-ds/react/editor` | `CodeEditor` | `react-syntax-highlighter` | `npm install react-syntax-highlighter` |
|
|
367
|
+
| `@orion-ds/react/dnd` | `CollapsibleFolder`, `KanbanBoard` | `@dnd-kit/core`, `@dnd-kit/sortable`, `@dnd-kit/utilities` | `npm install @dnd-kit/core @dnd-kit/sortable @dnd-kit/utilities` |
|
|
368
|
+
| `@orion-ds/react/rich` | `Chat`, `RichText` | `react-markdown`, `remark-gfm`, `react-syntax-highlighter` | `npm install react-markdown remark-gfm react-syntax-highlighter` |
|
|
369
|
+
|
|
370
|
+
```typescript
|
|
371
|
+
// Only import if you've installed the peer dependency
|
|
372
|
+
import { ChartContainer } from "@orion-ds/react/chart"; // requires recharts
|
|
373
|
+
import { Calendar } from "@orion-ds/react/calendar"; // requires date-fns
|
|
374
|
+
import { CodeEditor } from "@orion-ds/react/editor"; // requires react-syntax-highlighter
|
|
375
|
+
import { CollapsibleFolder } from "@orion-ds/react/dnd"; // requires @dnd-kit/*
|
|
376
|
+
import { Chat } from "@orion-ds/react/rich"; // requires react-markdown
|
|
377
|
+
```
|
|
378
|
+
|
|
379
|
+
### Sections & Templates
|
|
380
|
+
|
|
381
|
+
```typescript
|
|
382
|
+
import { Hero, Features, Pricing } from "@orion-ds/react/sections";
|
|
383
|
+
import { DashboardTemplate, LoginTemplate } from "@orion-ds/react/templates";
|
|
384
|
+
```
|
|
385
|
+
|
|
305
386
|
## Theme & Brand Switching
|
|
306
387
|
|
|
307
388
|
### Using the Hook
|
|
@@ -325,39 +406,6 @@ Switch to Deepblue Brand
|
|
|
325
406
|
}
|
|
326
407
|
\`\`\`
|
|
327
408
|
|
|
328
|
-
## v2.0.0 Migration Guide
|
|
329
|
-
|
|
330
|
-
### Breaking Changes
|
|
331
|
-
|
|
332
|
-
#### Hero & CTA: `headline` → `title`
|
|
333
|
-
|
|
334
|
-
\`\`\`diff
|
|
335
|
-
|
|
336
|
-
- <Hero headline="Welcome" description="..." />
|
|
337
|
-
|
|
338
|
-
* <Hero title="Welcome" description="..." />
|
|
339
|
-
\`\`\`
|
|
340
|
-
|
|
341
|
-
#### DetailPanel: `subtitle` → `description`
|
|
342
|
-
|
|
343
|
-
\`\`\`diff
|
|
344
|
-
|
|
345
|
-
- <DetailPanel title="Edit" subtitle="User profile" />
|
|
346
|
-
|
|
347
|
-
* <DetailPanel title="Edit" description="User profile" />
|
|
348
|
-
\`\`\`
|
|
349
|
-
|
|
350
|
-
#### ThemeProvider: Flat Props (Optional)
|
|
351
|
-
|
|
352
|
-
\`\`\`diff
|
|
353
|
-
|
|
354
|
-
- <ThemeProvider options={{ defaultBrand: 'red' }}>
|
|
355
|
-
|
|
356
|
-
* <ThemeProvider defaultBrand="red">
|
|
357
|
-
\`\`\`
|
|
358
|
-
|
|
359
|
-
> **Backward Compatibility**: The old props still work but show deprecation warnings in development.
|
|
360
|
-
|
|
361
409
|
## License
|
|
362
410
|
|
|
363
411
|
MIT © Orion Team
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActivityFeed.types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/ActivityFeed/ActivityFeed.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,mBAAmB,
|
|
1
|
+
{"version":3,"file":"ActivityFeed.types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/ActivityFeed/ActivityFeed.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,mBAAmB,GAC3B,MAAM,GACN,SAAS,GACT,SAAS,GACT,OAAO,GACP,SAAS,CAAC;AAEd,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,aAAa,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,iBAAiB;IAChC,wCAAwC;IACxC,UAAU,EAAE,YAAY,EAAE,CAAC;IAC3B,sCAAsC;IACtC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,oCAAoC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mCAAmC;IACnC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,yBAAyB;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,uDAAuD;IACvD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppDownload.stories.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/AppDownload/AppDownload.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI;;;;;;;CAO0B,CAAC;AAErC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA4BnC,eAAO,MAAM,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"AppDownload.stories.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/AppDownload/AppDownload.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI;;;;;;;CAO0B,CAAC;AAErC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA4BnC,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAU7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAU9B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAWxB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAqCzB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Blog.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Blog/Blog.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAe,MAAM,cAAc,CAAC;AA2D3D,eAAO,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"Blog.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Blog/Blog.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAe,MAAM,cAAc,CAAC;AA2D3D,eAAO,MAAM,IAAI,mGAgDhB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Blog.stories.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Blog/Blog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI;;;;;;;CAKmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Blog.stories.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Blog/Blog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI;;;;;;;CAKmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAgCnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAOlB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAElB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.stories.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Breadcrumbs/Breadcrumbs.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI;;;;;;;CAK0B,CAAC;AAErC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.stories.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Breadcrumbs/Breadcrumbs.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI;;;;;;;CAK0B,CAAC;AAErC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAanC,eAAO,MAAM,OAAO,EAAE,KAA2B,CAAC;AAElD,eAAO,MAAM,eAAe,EAAE,KAA2C,CAAC;AAE1E,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CTA.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/CTA/CTA.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAG5C,eAAO,MAAM,GAAG,
|
|
1
|
+
{"version":3,"file":"CTA.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/CTA/CTA.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAG5C,eAAO,MAAM,GAAG,8EAef,CAAC"}
|
|
@@ -3,13 +3,7 @@ import { jsx as s, jsxs as m } from "react/jsx-runtime";
|
|
|
3
3
|
import n from "react";
|
|
4
4
|
import e from "./CTA.module.css.mjs";
|
|
5
5
|
const o = n.forwardRef(
|
|
6
|
-
({
|
|
7
|
-
title: i,
|
|
8
|
-
description: r,
|
|
9
|
-
variant: c = "default",
|
|
10
|
-
actions: a,
|
|
11
|
-
className: l
|
|
12
|
-
}, t) => /* @__PURE__ */ s(
|
|
6
|
+
({ title: i, description: r, variant: c = "default", actions: a, className: l }, t) => /* @__PURE__ */ s(
|
|
13
7
|
"section",
|
|
14
8
|
{
|
|
15
9
|
ref: t,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CTA.stories.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/CTA/CTA.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,QAAA,MAAM,IAAI;;;;;;;CAKkB,CAAC;AAE7B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"CTA.stories.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/CTA/CTA.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,QAAA,MAAM,IAAI;;;;;;;CAKkB,CAAC;AAE7B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAW3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAwBzB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselCard.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/CarouselSection/CarouselCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAGjE,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,
|
|
1
|
+
{"version":3,"file":"CarouselCard.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/CarouselSection/CarouselCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAGjE,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAepD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselSection.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/CarouselSection/CarouselSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"CarouselSection.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/CarouselSection/CarouselSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,KAAK,EACV,oBAAoB,EACpB,iBAAiB,EAClB,MAAM,yBAAyB,CAAC;AAIjC,KAAK,wBAAwB,GAAG,KAAK,CAAC,yBAAyB,CAC7D,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CACxD,GAAG;IACF,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,eAAe,EAoHvB,wBAAwB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselSection.stories.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/CarouselSection/CarouselSection.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI;;;;;;;;;CAK8B,CAAC;AAEzC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"CarouselSection.stories.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/CarouselSection/CarouselSection.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI;;;;;;;;;CAK8B,CAAC;AAEzC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAuBnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAA8C,CAAC;AAEpE,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chat.stories.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Chat/Chat.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI;;;;;;;CAKmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Chat.stories.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Chat/Chat.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI;;;;;;;CAKmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAmBnC,eAAO,MAAM,OAAO,EAAE,KAA8B,CAAC;AAErD,eAAO,MAAM,iBAAiB,EAAE,KAS/B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAezB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Comparison.stories.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Comparison/Comparison.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI;;;;;;;CAKyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Comparison.stories.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Comparison/Comparison.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI;;;;;;;CAKyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAiBnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAazB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Contact.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Contact/Contact.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,eAAO,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"Contact.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Contact/Contact.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,eAAO,MAAM,OAAO,sGAkCnB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Contact.stories.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Contact/Contact.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI;;;;;;;CAKsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"file":"Contact.stories.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Contact/Contact.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI;;;;;;;CAKsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KActB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAqBzB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,eAAO,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,eAAO,MAAM,UAAU,qFAWtB,CAAC"}
|
|
@@ -3,13 +3,7 @@ import { jsxs as l, jsx as s } from "react/jsx-runtime";
|
|
|
3
3
|
import o from "react";
|
|
4
4
|
import e from "./EmptyState.module.css.mjs";
|
|
5
5
|
const d = o.forwardRef(
|
|
6
|
-
({
|
|
7
|
-
icon: t,
|
|
8
|
-
title: c,
|
|
9
|
-
description: a,
|
|
10
|
-
action: r,
|
|
11
|
-
className: i
|
|
12
|
-
}, m) => /* @__PURE__ */ l("section", { ref: m, className: `${e.section} ${i || ""}`, children: [
|
|
6
|
+
({ icon: t, title: c, description: a, action: r, className: i }, m) => /* @__PURE__ */ l("section", { ref: m, className: `${e.section} ${i || ""}`, children: [
|
|
13
7
|
t && /* @__PURE__ */ s("div", { className: e.icon, children: t }),
|
|
14
8
|
/* @__PURE__ */ s("h2", { className: e.title, children: c }),
|
|
15
9
|
a && /* @__PURE__ */ s("p", { className: e.description, children: a }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyState.stories.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/EmptyState/EmptyState.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,QAAA,MAAM,IAAI;;;;;;;CAKyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"EmptyState.stories.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/EmptyState/EmptyState.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,QAAA,MAAM,IAAI;;;;;;;CAKyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAiBzB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FAQ.stories.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/FAQ/FAQ.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI;;;;;;;;;CAKkB,CAAC;AAE7B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"FAQ.stories.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/FAQ/FAQ.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI;;;;;;;;;CAKkB,CAAC;AAE7B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAYnC,eAAO,MAAM,OAAO,EAAE,KAAyC,CAAC;AAEhE,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Features.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Features/Features.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAIxE,KAAK,iBAAiB,GAAG,KAAK,CAAC,yBAAyB,CACtD,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CACjD,GAAG;IACF,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"Features.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Features/Features.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAIxE,KAAK,iBAAiB,GAAG,KAAK,CAAC,yBAAyB,CACtD,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CACjD,GAAG;IACF,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,QAAQ,EA6BhB,iBAAiB,CAAC"}
|
|
@@ -6,20 +6,13 @@ import r from "./Features.module.css.mjs";
|
|
|
6
6
|
const m = N.forwardRef(
|
|
7
7
|
({ title: a, description: s, items: l, columns: i = 3, className: o }, t) => {
|
|
8
8
|
const n = i === 2 ? r.grid2 : i === 4 ? r.grid4 : r.grid3;
|
|
9
|
-
return /* @__PURE__ */ e(
|
|
10
|
-
"
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
a && /* @__PURE__ */ e("h2", { className: r.title, children: a }),
|
|
17
|
-
s && /* @__PURE__ */ e("p", { className: r.description, children: s })
|
|
18
|
-
] }),
|
|
19
|
-
/* @__PURE__ */ e("div", { className: `${r.grid} ${n}`, children: l.map((h, p) => /* @__PURE__ */ e(c, { ...h }, p)) })
|
|
20
|
-
] })
|
|
21
|
-
}
|
|
22
|
-
);
|
|
9
|
+
return /* @__PURE__ */ e("section", { ref: t, className: `${r.section} ${o || ""}`, children: /* @__PURE__ */ d("div", { className: r.container, children: [
|
|
10
|
+
(a || s) && /* @__PURE__ */ d("div", { className: r.header, children: [
|
|
11
|
+
a && /* @__PURE__ */ e("h2", { className: r.title, children: a }),
|
|
12
|
+
s && /* @__PURE__ */ e("p", { className: r.description, children: s })
|
|
13
|
+
] }),
|
|
14
|
+
/* @__PURE__ */ e("div", { className: `${r.grid} ${n}`, children: l.map((h, p) => /* @__PURE__ */ e(c, { ...h }, p)) })
|
|
15
|
+
] }) });
|
|
23
16
|
}
|
|
24
17
|
);
|
|
25
18
|
m.displayName = "Features";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Features.stories.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Features/Features.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,QAAA,MAAM,IAAI;;;;;;;;;CAKuB,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Features.stories.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Features/Features.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,QAAA,MAAM,IAAI;;;;;;;;;CAKuB,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAyBnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAE1B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export { Features } from './Features';
|
|
2
2
|
export { FeatureCard } from './FeatureCard';
|
|
3
|
-
export type { FeaturesProps, FeatureCardProps, FeatureItem } from './Features.types';
|
|
3
|
+
export type { FeaturesProps, FeatureCardProps, FeatureItem, } from './Features.types';
|
|
4
4
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Features/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Features/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EACV,aAAa,EACb,gBAAgB,EAChB,WAAW,GACZ,MAAM,kBAAkB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Footer/Footer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,eAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Footer/Footer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,eAAO,MAAM,MAAM,iFAgJlB,CAAC"}
|
|
@@ -66,15 +66,7 @@ const b = f.forwardRef(
|
|
|
66
66
|
] }),
|
|
67
67
|
s?.map((l) => /* @__PURE__ */ c("div", { className: e.linkGroup, children: [
|
|
68
68
|
/* @__PURE__ */ a("h4", { className: e.linkGroupTitle, children: l.title }),
|
|
69
|
-
l.links.map((n) => /* @__PURE__ */ a(
|
|
70
|
-
"a",
|
|
71
|
-
{
|
|
72
|
-
href: n.href,
|
|
73
|
-
className: e.link,
|
|
74
|
-
children: n.label
|
|
75
|
-
},
|
|
76
|
-
n.label
|
|
77
|
-
))
|
|
69
|
+
l.links.map((n) => /* @__PURE__ */ a("a", { href: n.href, className: e.link, children: n.label }, n.label))
|
|
78
70
|
] }, l.title))
|
|
79
71
|
] }),
|
|
80
72
|
/* @__PURE__ */ c("div", { className: e.bottom, children: [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Gallery.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Gallery/Gallery.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,eAAO,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"Gallery.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Gallery/Gallery.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,eAAO,MAAM,OAAO,sGA+BnB,CAAC"}
|
|
@@ -14,14 +14,7 @@ const p = m(
|
|
|
14
14
|
children: /* @__PURE__ */ e("div", { className: s.container, children: [
|
|
15
15
|
a && /* @__PURE__ */ l("h2", { className: s.title, children: a }),
|
|
16
16
|
/* @__PURE__ */ l("div", { className: `${s.grid} ${d}`, children: i.map((c) => /* @__PURE__ */ e("div", { className: s.item, children: [
|
|
17
|
-
/* @__PURE__ */ l(
|
|
18
|
-
"img",
|
|
19
|
-
{
|
|
20
|
-
src: c.src,
|
|
21
|
-
alt: c.alt,
|
|
22
|
-
className: s.image
|
|
23
|
-
}
|
|
24
|
-
),
|
|
17
|
+
/* @__PURE__ */ l("img", { src: c.src, alt: c.alt, className: s.image }),
|
|
25
18
|
c.caption && /* @__PURE__ */ l("p", { className: s.caption, children: c.caption })
|
|
26
19
|
] }, c.id)) })
|
|
27
20
|
] })
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._section_1m2sg_1{padding:var(--spacing-16) var(--spacing-8);background:var(--surface-base);color:var(--text-primary)}._container_1m2sg_7{max-width:1200px;margin:0 auto}._title_1m2sg_12{font-family:var(--font-primary);font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-8) 0;text-align:center}._grid_1m2sg_21{display:grid;gap:var(--spacing-4)}._cols2_1m2sg_26{grid-template-columns:repeat(2,1fr)}._cols3_1m2sg_30{grid-template-columns:repeat(3,1fr)}._cols4_1m2sg_34{grid-template-columns:repeat(4,1fr)}._item_1m2sg_38{position:relative;border-radius:var(--radius-container);overflow:hidden}._image_1m2sg_44{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block;transition:transform .25s ease}._item_1m2sg_38:hover ._image_1m2sg_44{transform:scale(1.03)}._caption_1m2sg_56{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-3) var(--spacing-4);background:linear-gradient(transparent,var(--surface-overlay));font-family:var(--font-secondary);font-size:var(--font-size-sm);color:var(--text-on-brand-primary);margin:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_section_1m2sg_1",s="_container_1m2sg_7",o="_title_1m2sg_12",c="_grid_1m2sg_21",e="_cols2_1m2sg_26",i="_cols3_1m2sg_30",_="_cols4_1m2sg_34",n="_item_1m2sg_38",l="_image_1m2sg_44",g="_caption_1m2sg_56",m={section:t,container:s,title:o,grid:c,cols2:e,cols3:i,cols4:_,item:n,image:l,caption:g};exports.caption=g;exports.cols2=e;exports.cols3=i;exports.cols4=_;exports.container=s;exports.default=m;exports.grid=c;exports.image=l;exports.item=n;exports.section=t;exports.title=o;
|
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
const
|
|
2
|
-
section:
|
|
3
|
-
container:
|
|
4
|
-
title:
|
|
5
|
-
grid:
|
|
6
|
-
cols2:
|
|
7
|
-
cols3:
|
|
8
|
-
cols4:
|
|
9
|
-
item:
|
|
10
|
-
image:
|
|
1
|
+
const s = "_section_1m2sg_1", t = "_container_1m2sg_7", o = "_title_1m2sg_12", _ = "_grid_1m2sg_21", c = "_cols2_1m2sg_26", n = "_cols3_1m2sg_30", i = "_cols4_1m2sg_34", e = "_item_1m2sg_38", g = "_image_1m2sg_44", m = "_caption_1m2sg_56", l = {
|
|
2
|
+
section: s,
|
|
3
|
+
container: t,
|
|
4
|
+
title: o,
|
|
5
|
+
grid: _,
|
|
6
|
+
cols2: c,
|
|
7
|
+
cols3: n,
|
|
8
|
+
cols4: i,
|
|
9
|
+
item: e,
|
|
10
|
+
image: g,
|
|
11
11
|
caption: m
|
|
12
12
|
};
|
|
13
13
|
export {
|
|
14
14
|
m as caption,
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
15
|
+
c as cols2,
|
|
16
|
+
n as cols3,
|
|
17
|
+
i as cols4,
|
|
18
|
+
t as container,
|
|
19
|
+
l as default,
|
|
20
|
+
_ as grid,
|
|
21
|
+
g as image,
|
|
22
|
+
e as item,
|
|
23
|
+
s as section,
|
|
24
|
+
o as title
|
|
25
25
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Gallery.stories.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Gallery/Gallery.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI;;;;;;;CAKsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Gallery.stories.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Gallery/Gallery.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI;;;;;;;CAKsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAyBnC,eAAO,MAAM,OAAO,EAAE,KAA8C,CAAC;AAErE,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Hero/Hero.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAIlE,KAAK,aAAa,GAAG,KAAK,CAAC,yBAAyB,CAClD,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAC7C,GAAG;IACF,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Hero/Hero.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAIlE,KAAK,aAAa,GAAG,KAAK,CAAC,yBAAyB,CAClD,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAC7C,GAAG;IACF,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,IAAI,EAmCZ,aAAa,CAAC"}
|