@orion-ds/react 1.2.7 → 2.0.1
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/AI_COMPONENTS.md +37 -26
- package/AI_GUIDE.md +547 -0
- package/AI_QUICKREF.md +14 -2
- package/README.md +97 -15
- package/dist/components/Accordion/index.d.ts +16 -1
- package/dist/components/Accordion/index.d.ts.map +1 -1
- package/dist/components/Alert/index.d.ts +11 -1
- package/dist/components/Alert/index.d.ts.map +1 -1
- package/dist/components/Avatar/index.d.ts +10 -1
- package/dist/components/Avatar/index.d.ts.map +1 -1
- package/dist/components/Badge/index.d.ts +11 -1
- package/dist/components/Badge/index.d.ts.map +1 -1
- package/dist/components/Breadcrumb/index.d.ts +15 -1
- package/dist/components/Breadcrumb/index.d.ts.map +1 -1
- package/dist/components/Button/index.d.ts +11 -1
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Card/index.d.ts +14 -1
- package/dist/components/Card/index.d.ts.map +1 -1
- package/dist/components/Carousel/index.d.ts +16 -1
- package/dist/components/Carousel/index.d.ts.map +1 -1
- package/dist/components/Checkbox/index.d.ts +10 -1
- package/dist/components/Checkbox/index.d.ts.map +1 -1
- package/dist/components/Chip/index.d.ts +11 -1
- package/dist/components/Chip/index.d.ts.map +1 -1
- package/dist/components/Combobox/index.d.ts +17 -1
- package/dist/components/Combobox/index.d.ts.map +1 -1
- package/dist/components/Divider/index.d.ts +11 -1
- package/dist/components/Divider/index.d.ts.map +1 -1
- package/dist/components/Drawer/index.d.ts +16 -1
- package/dist/components/Drawer/index.d.ts.map +1 -1
- package/dist/components/Dropdown/index.d.ts +17 -1
- package/dist/components/Dropdown/index.d.ts.map +1 -1
- package/dist/components/EmptyState/index.d.ts +14 -1
- package/dist/components/EmptyState/index.d.ts.map +1 -1
- package/dist/components/Field/index.d.ts +11 -1
- package/dist/components/Field/index.d.ts.map +1 -1
- package/dist/components/FontLoader/index.d.ts +15 -2
- package/dist/components/FontLoader/index.d.ts.map +1 -1
- package/dist/components/Icon/index.d.ts +16 -1
- package/dist/components/Icon/index.d.ts.map +1 -1
- package/dist/components/IconGallery/index.d.ts +14 -1
- package/dist/components/IconGallery/index.d.ts.map +1 -1
- package/dist/components/Link/index.d.ts +11 -1
- package/dist/components/Link/index.d.ts.map +1 -1
- package/dist/components/List/index.d.ts +15 -1
- package/dist/components/List/index.d.ts.map +1 -1
- package/dist/components/Modal/index.d.ts +15 -1
- package/dist/components/Modal/index.d.ts.map +1 -1
- package/dist/components/Navbar/index.d.ts +20 -1
- package/dist/components/Navbar/index.d.ts.map +1 -1
- package/dist/components/Pagination/index.d.ts +13 -1
- package/dist/components/Pagination/index.d.ts.map +1 -1
- package/dist/components/Popover/index.d.ts +17 -1
- package/dist/components/Popover/index.d.ts.map +1 -1
- package/dist/components/ProgressBar/index.d.ts +10 -1
- package/dist/components/ProgressBar/index.d.ts.map +1 -1
- package/dist/components/Radio/index.d.ts +10 -1
- package/dist/components/Radio/index.d.ts.map +1 -1
- package/dist/components/SearchInput/index.d.ts +10 -1
- package/dist/components/SearchInput/index.d.ts.map +1 -1
- package/dist/components/Select/index.d.ts +17 -1
- package/dist/components/Select/index.d.ts.map +1 -1
- package/dist/components/Skeleton/index.d.ts +10 -1
- package/dist/components/Skeleton/index.d.ts.map +1 -1
- package/dist/components/Slider/index.d.ts +10 -1
- package/dist/components/Slider/index.d.ts.map +1 -1
- package/dist/components/Spinner/index.d.ts +10 -1
- package/dist/components/Spinner/index.d.ts.map +1 -1
- package/dist/components/Stepper/index.d.ts +15 -1
- package/dist/components/Stepper/index.d.ts.map +1 -1
- package/dist/components/Switch/index.d.ts +10 -1
- package/dist/components/Switch/index.d.ts.map +1 -1
- package/dist/components/Table/index.d.ts +18 -1
- package/dist/components/Table/index.d.ts.map +1 -1
- package/dist/components/Tabs/index.d.ts +15 -1
- package/dist/components/Tabs/index.d.ts.map +1 -1
- package/dist/components/Textarea/index.d.ts +10 -1
- package/dist/components/Textarea/index.d.ts.map +1 -1
- package/dist/components/ThemeController/index.d.ts +15 -1
- package/dist/components/ThemeController/index.d.ts.map +1 -1
- package/dist/components/Toast/index.d.ts +22 -1
- package/dist/components/Toast/index.d.ts.map +1 -1
- package/dist/components/Tooltip/index.d.ts +14 -1
- package/dist/components/Tooltip/index.d.ts.map +1 -1
- package/dist/contexts/ThemeContext.d.ts +12 -1
- package/dist/contexts/ThemeContext.d.ts.map +1 -1
- package/dist/index.cjs +14 -14
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.mjs +1519 -1494
- package/dist/index.mjs.map +1 -1
- package/dist/sections/CTA/CTA.d.ts +1 -1
- package/dist/sections/CTA/CTA.d.ts.map +1 -1
- package/dist/sections/CTA/CTA.types.d.ts +8 -4
- package/dist/sections/CTA/CTA.types.d.ts.map +1 -1
- package/dist/sections/DetailPanel/DetailPanel.d.ts +1 -0
- package/dist/sections/DetailPanel/DetailPanel.d.ts.map +1 -1
- package/dist/sections/DetailPanel/DetailPanel.types.d.ts +7 -2
- package/dist/sections/DetailPanel/DetailPanel.types.d.ts.map +1 -1
- package/dist/sections/Hero/Hero.d.ts +3 -3
- package/dist/sections/Hero/Hero.d.ts.map +1 -1
- package/dist/sections/Hero/Hero.types.d.ts +9 -5
- package/dist/sections/Hero/Hero.types.d.ts.map +1 -1
- package/dist/templates/marketing/LandingPageTemplate/LandingPageTemplate.d.ts +1 -1
- package/package.json +11 -3
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Icon Component
|
|
2
|
+
* Icon Component - Render Lucide icons with Orion styling.
|
|
3
|
+
*
|
|
4
|
+
* Prefer importing icons directly from lucide-react for better tree-shaking.
|
|
5
|
+
*
|
|
6
|
+
* @example
|
|
7
|
+
* ```tsx
|
|
8
|
+
* import { Icon } from '@orion-ds/react';
|
|
9
|
+
* // Or directly: import { Search, Settings } from 'lucide-react';
|
|
10
|
+
*
|
|
11
|
+
* <Icon name="search" size="md" />
|
|
12
|
+
* <Icon name="settings" size="lg" color="brand" />
|
|
13
|
+
*
|
|
14
|
+
* // Preferred: Direct import from lucide-react
|
|
15
|
+
* import { Search } from 'lucide-react';
|
|
16
|
+
* <Search size={20} />
|
|
17
|
+
* ```
|
|
3
18
|
*/
|
|
4
19
|
export { Icon } from './Icon';
|
|
5
20
|
export type { IconProps, IconSize, IconColor, IconRenderProps } from './Icon.types';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* IconGallery Component
|
|
2
|
+
* IconGallery Component - Browsable icon reference display.
|
|
3
|
+
*
|
|
4
|
+
* Used for documentation and development. Shows all available Lucide icons.
|
|
5
|
+
*
|
|
6
|
+
* @example
|
|
7
|
+
* ```tsx
|
|
8
|
+
* import { IconGallery } from '@orion-ds/react';
|
|
9
|
+
*
|
|
10
|
+
* // Shows searchable gallery of all Lucide icons
|
|
11
|
+
* <IconGallery />
|
|
12
|
+
*
|
|
13
|
+
* // With custom categories
|
|
14
|
+
* <IconGallery categories={['navigation', 'actions', 'media']} />
|
|
15
|
+
* ```
|
|
3
16
|
*/
|
|
4
17
|
export { IconGallery } from './IconGallery';
|
|
5
18
|
export type { IconGalleryProps } from './IconGallery.types';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconGallery/index.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconGallery/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}
|
|
@@ -1,5 +1,15 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Link Component
|
|
2
|
+
* Link Component - Navigation links.
|
|
3
|
+
*
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* import { Link } from '@orion-ds/react';
|
|
7
|
+
*
|
|
8
|
+
* <Link href="/about">About Us</Link>
|
|
9
|
+
* <Link href="/docs" variant="subtle">Documentation</Link>
|
|
10
|
+
* <Link href="/pricing" variant="brand">View Pricing</Link>
|
|
11
|
+
* <Link href="https://example.com" external>External Link</Link>
|
|
12
|
+
* ```
|
|
3
13
|
*/
|
|
4
14
|
export { Link } from './Link';
|
|
5
15
|
export type { LinkProps, LinkVariant, LinkSize } from './Link.types';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Link/index.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Link/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* List Component
|
|
2
|
+
* List Component - Vertical item list display.
|
|
3
|
+
*
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* import { List } from '@orion-ds/react';
|
|
7
|
+
* import { User, Settings, LogOut } from 'lucide-react';
|
|
8
|
+
*
|
|
9
|
+
* <List
|
|
10
|
+
* items={[
|
|
11
|
+
* { id: '1', label: 'Profile', icon: <User size={18} />, onClick: goToProfile },
|
|
12
|
+
* { id: '2', label: 'Settings', icon: <Settings size={18} />, onClick: goToSettings },
|
|
13
|
+
* { id: '3', label: 'Log out', icon: <LogOut size={18} />, onClick: handleLogout },
|
|
14
|
+
* ]}
|
|
15
|
+
* />
|
|
16
|
+
* ```
|
|
3
17
|
*/
|
|
4
18
|
export { List } from './List';
|
|
5
19
|
export type { ListProps, ListItem, ListSize, ListVariant } from './List.types';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/List/index.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/List/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Modal Component
|
|
2
|
+
* Modal Component - Dialogs and confirmation windows.
|
|
3
|
+
*
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* import { Modal, Button } from '@orion-ds/react';
|
|
7
|
+
*
|
|
8
|
+
* <Modal isOpen={isOpen} onClose={() => setIsOpen(false)} size="md">
|
|
9
|
+
* <Modal.Header>Confirm Action</Modal.Header>
|
|
10
|
+
* <Modal.Body>Are you sure you want to proceed?</Modal.Body>
|
|
11
|
+
* <Modal.Footer>
|
|
12
|
+
* <Button variant="ghost" onClick={() => setIsOpen(false)}>Cancel</Button>
|
|
13
|
+
* <Button variant="primary">Confirm</Button>
|
|
14
|
+
* </Modal.Footer>
|
|
15
|
+
* </Modal>
|
|
16
|
+
* ```
|
|
3
17
|
*/
|
|
4
18
|
export { Modal } from './Modal';
|
|
5
19
|
export type { ModalProps, ModalHeaderProps, ModalBodyProps, ModalFooterProps, ModalSize, } from './Modal.types';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EACV,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,SAAS,GACV,MAAM,eAAe,CAAC"}
|
|
@@ -1,5 +1,24 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Navbar Component
|
|
2
|
+
* Navbar Component - Site/app navigation header.
|
|
3
|
+
*
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* import { Navbar, Button } from '@orion-ds/react';
|
|
7
|
+
*
|
|
8
|
+
* <Navbar variant="solid" sticky>
|
|
9
|
+
* <Navbar.Brand href="/">
|
|
10
|
+
* <img src="/logo.svg" alt="Logo" height={32} />
|
|
11
|
+
* </Navbar.Brand>
|
|
12
|
+
* <Navbar.Nav>
|
|
13
|
+
* <Navbar.Link href="/features">Features</Navbar.Link>
|
|
14
|
+
* <Navbar.Link href="/pricing">Pricing</Navbar.Link>
|
|
15
|
+
* </Navbar.Nav>
|
|
16
|
+
* <Navbar.Actions>
|
|
17
|
+
* <Button variant="ghost">Sign In</Button>
|
|
18
|
+
* <Button>Get Started</Button>
|
|
19
|
+
* </Navbar.Actions>
|
|
20
|
+
* </Navbar>
|
|
21
|
+
* ```
|
|
3
22
|
*/
|
|
4
23
|
export { Navbar } from './Navbar';
|
|
5
24
|
export type { NavbarProps, NavbarBrandProps, NavbarNavProps, NavbarLinkProps, NavbarActionsProps, NavbarHeight, NavbarVariant, } from './Navbar.types';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/index.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EACV,WAAW,EACX,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,YAAY,EACZ,aAAa,GACd,MAAM,gBAAgB,CAAC"}
|
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Pagination Component
|
|
2
|
+
* Pagination Component - Page navigation controls.
|
|
3
|
+
*
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* import { Pagination } from '@orion-ds/react';
|
|
7
|
+
*
|
|
8
|
+
* <Pagination
|
|
9
|
+
* total={100}
|
|
10
|
+
* current={1}
|
|
11
|
+
* pageSize={10}
|
|
12
|
+
* onPageChange={(page) => setCurrentPage(page)}
|
|
13
|
+
* />
|
|
14
|
+
* ```
|
|
3
15
|
*/
|
|
4
16
|
export { Pagination } from './Pagination';
|
|
5
17
|
export type { PaginationProps, PaginationSize } from './Pagination.types';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/index.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC"}
|
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Popover Component
|
|
2
|
+
* Popover Component - Contextual content overlay.
|
|
3
|
+
*
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* import { Popover, Button } from '@orion-ds/react';
|
|
7
|
+
*
|
|
8
|
+
* <Popover
|
|
9
|
+
* trigger={<Button>Open Menu</Button>}
|
|
10
|
+
* content={
|
|
11
|
+
* <div>
|
|
12
|
+
* <p>Popover content here</p>
|
|
13
|
+
* <Button size="sm">Action</Button>
|
|
14
|
+
* </div>
|
|
15
|
+
* }
|
|
16
|
+
* placement="bottom"
|
|
17
|
+
* />
|
|
18
|
+
* ```
|
|
3
19
|
*/
|
|
4
20
|
export { Popover } from './Popover';
|
|
5
21
|
export type { PopoverProps, PopoverPlacement, PopoverTrigger, } from './Popover.types';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EACV,YAAY,EACZ,gBAAgB,EAChB,cAAc,GACf,MAAM,iBAAiB,CAAC"}
|
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* ProgressBar Component
|
|
2
|
+
* ProgressBar Component - Visual progress indicator.
|
|
3
|
+
*
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* import { ProgressBar } from '@orion-ds/react';
|
|
7
|
+
*
|
|
8
|
+
* <ProgressBar value={75} max={100} />
|
|
9
|
+
* <ProgressBar value={50} variant="success" showLabel />
|
|
10
|
+
* <ProgressBar value={30} size="sm" variant="brand" />
|
|
11
|
+
* ```
|
|
3
12
|
*/
|
|
4
13
|
export { ProgressBar } from './ProgressBar';
|
|
5
14
|
export type { ProgressBarProps, ProgressBarSize, ProgressBarVariant } from './ProgressBar.types';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/index.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC"}
|
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Radio Component
|
|
2
|
+
* Radio Component - Single selection from a group.
|
|
3
|
+
*
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* import { Radio } from '@orion-ds/react';
|
|
7
|
+
*
|
|
8
|
+
* <Radio label="Option A" name="choice" value="a" />
|
|
9
|
+
* <Radio label="Option B" name="choice" value="b" />
|
|
10
|
+
* <Radio label="Option C" name="choice" value="c" checked />
|
|
11
|
+
* ```
|
|
3
12
|
*/
|
|
4
13
|
export { Radio } from './Radio';
|
|
5
14
|
export type { RadioProps, RadioSize } from './Radio.types';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/index.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* SearchInput Component
|
|
2
|
+
* SearchInput Component - Search field with icon.
|
|
3
|
+
*
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* import { SearchInput } from '@orion-ds/react';
|
|
7
|
+
*
|
|
8
|
+
* <SearchInput placeholder="Search..." onSearch={(query) => handleSearch(query)} />
|
|
9
|
+
* <SearchInput placeholder="Find users" size="sm" />
|
|
10
|
+
* <SearchInput placeholder="Search products" loading />
|
|
11
|
+
* ```
|
|
3
12
|
*/
|
|
4
13
|
export { SearchInput } from './SearchInput';
|
|
5
14
|
export type { SearchInputProps, SearchInputSize } from './SearchInput.types';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SearchInput/index.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SearchInput/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC"}
|
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Select Component
|
|
2
|
+
* Select Component - Dropdown selection input.
|
|
3
|
+
*
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* import { Select } from '@orion-ds/react';
|
|
7
|
+
*
|
|
8
|
+
* <Select
|
|
9
|
+
* label="Country"
|
|
10
|
+
* placeholder="Select a country"
|
|
11
|
+
* options={[
|
|
12
|
+
* { value: 'us', label: 'United States' },
|
|
13
|
+
* { value: 'uk', label: 'United Kingdom' },
|
|
14
|
+
* { value: 'ca', label: 'Canada' },
|
|
15
|
+
* ]}
|
|
16
|
+
* onChange={(value) => setCountry(value)}
|
|
17
|
+
* />
|
|
18
|
+
* ```
|
|
3
19
|
*/
|
|
4
20
|
export { Select } from './Select';
|
|
5
21
|
export type { SelectProps, SelectOption } from './Select.types';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
|
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Skeleton Component
|
|
2
|
+
* Skeleton Component - Loading placeholder shapes.
|
|
3
|
+
*
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* import { Skeleton } from '@orion-ds/react';
|
|
7
|
+
*
|
|
8
|
+
* <Skeleton variant="text" width={200} />
|
|
9
|
+
* <Skeleton variant="circle" width={48} height={48} />
|
|
10
|
+
* <Skeleton variant="rectangle" width="100%" height={120} />
|
|
11
|
+
* ```
|
|
3
12
|
*/
|
|
4
13
|
export { Skeleton } from './Skeleton';
|
|
5
14
|
export type { SkeletonProps, SkeletonVariant, SkeletonAnimation } from './Skeleton.types';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/index.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Slider Component
|
|
2
|
+
* Slider Component - Range/value selection.
|
|
3
|
+
*
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* import { Slider } from '@orion-ds/react';
|
|
7
|
+
*
|
|
8
|
+
* <Slider min={0} max={100} value={50} onChange={setValue} />
|
|
9
|
+
* <Slider min={0} max={100} value={[25, 75]} range />
|
|
10
|
+
* <Slider min={0} max={10} step={1} marks showValue />
|
|
11
|
+
* ```
|
|
3
12
|
*/
|
|
4
13
|
export { Slider } from './Slider';
|
|
5
14
|
export type { SliderProps, SliderSize } from './Slider.types';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/index.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC"}
|
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Spinner Component
|
|
2
|
+
* Spinner Component - Loading indicator.
|
|
3
|
+
*
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* import { Spinner } from '@orion-ds/react';
|
|
7
|
+
*
|
|
8
|
+
* <Spinner />
|
|
9
|
+
* <Spinner size="lg" variant="brand" />
|
|
10
|
+
* <Spinner size="sm" /> Loading...
|
|
11
|
+
* ```
|
|
3
12
|
*/
|
|
4
13
|
export { Spinner } from './Spinner';
|
|
5
14
|
export type { SpinnerProps, SpinnerSize, SpinnerVariant } from './Spinner.types';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/index.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC"}
|
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Stepper Component
|
|
2
|
+
* Stepper Component - Multi-step process indicator.
|
|
3
|
+
*
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* import { Stepper } from '@orion-ds/react';
|
|
7
|
+
*
|
|
8
|
+
* <Stepper
|
|
9
|
+
* steps={[
|
|
10
|
+
* { id: '1', label: 'Account', status: 'completed' },
|
|
11
|
+
* { id: '2', label: 'Profile', status: 'current' },
|
|
12
|
+
* { id: '3', label: 'Review', status: 'pending' },
|
|
13
|
+
* ]}
|
|
14
|
+
* current={1}
|
|
15
|
+
* />
|
|
16
|
+
* ```
|
|
3
17
|
*/
|
|
4
18
|
export { Stepper } from './Stepper';
|
|
5
19
|
export type { StepperProps, StepItem, StepStatus, StepperOrientation, StepperSize, } from './Stepper.types';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/index.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EACV,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,kBAAkB,EAClB,WAAW,GACZ,MAAM,iBAAiB,CAAC"}
|
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Switch Component
|
|
2
|
+
* Switch Component - Toggle for on/off states.
|
|
3
|
+
*
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* import { Switch } from '@orion-ds/react';
|
|
7
|
+
*
|
|
8
|
+
* <Switch label="Enable notifications" />
|
|
9
|
+
* <Switch label="Dark mode" checked={isDark} onChange={setIsDark} />
|
|
10
|
+
* <Switch label="Feature flag" size="sm" disabled />
|
|
11
|
+
* ```
|
|
3
12
|
*/
|
|
4
13
|
export { Switch } from './Switch';
|
|
5
14
|
export type { SwitchProps, SwitchSize } from './Switch.types';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/index.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC"}
|
|
@@ -1,5 +1,22 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Table Component
|
|
2
|
+
* Table Component - Tabular data display.
|
|
3
|
+
*
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* import { Table } from '@orion-ds/react';
|
|
7
|
+
*
|
|
8
|
+
* <Table
|
|
9
|
+
* columns={[
|
|
10
|
+
* { key: 'name', header: 'Name', sortable: true },
|
|
11
|
+
* { key: 'email', header: 'Email' },
|
|
12
|
+
* { key: 'role', header: 'Role' },
|
|
13
|
+
* ]}
|
|
14
|
+
* data={[
|
|
15
|
+
* { name: 'John Doe', email: 'john@example.com', role: 'Admin' },
|
|
16
|
+
* { name: 'Jane Smith', email: 'jane@example.com', role: 'User' },
|
|
17
|
+
* ]}
|
|
18
|
+
* />
|
|
19
|
+
* ```
|
|
3
20
|
*/
|
|
4
21
|
export { Table } from './Table';
|
|
5
22
|
export type { TableProps, TableColumn, TableSize, SortDirection } from './Table.types';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Tabs Component
|
|
2
|
+
* Tabs Component - Content section switching.
|
|
3
|
+
*
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* import { Tabs } from '@orion-ds/react';
|
|
7
|
+
*
|
|
8
|
+
* <Tabs
|
|
9
|
+
* items={[
|
|
10
|
+
* { id: 'overview', label: 'Overview', content: <OverviewPanel /> },
|
|
11
|
+
* { id: 'settings', label: 'Settings', content: <SettingsPanel /> },
|
|
12
|
+
* { id: 'users', label: 'Users', content: <UsersPanel /> },
|
|
13
|
+
* ]}
|
|
14
|
+
* defaultTab="overview"
|
|
15
|
+
* />
|
|
16
|
+
* ```
|
|
3
17
|
*/
|
|
4
18
|
export { Tabs } from './Tabs';
|
|
5
19
|
export type { TabsProps, TabItem } from './Tabs.types';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Textarea Component
|
|
2
|
+
* Textarea Component - Multi-line text input.
|
|
3
|
+
*
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* import { Textarea } from '@orion-ds/react';
|
|
7
|
+
*
|
|
8
|
+
* <Textarea label="Message" placeholder="Enter your message..." />
|
|
9
|
+
* <Textarea label="Bio" rows={4} resize="vertical" />
|
|
10
|
+
* <Textarea label="Notes" error="This field is required" />
|
|
11
|
+
* ```
|
|
3
12
|
*/
|
|
4
13
|
export { Textarea } from './Textarea';
|
|
5
14
|
export type { TextareaProps, TextareaSize, TextareaResize } from './Textarea.types';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/index.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* ThemeController Component
|
|
2
|
+
* ThemeController Component - Theme and brand switcher UI.
|
|
3
|
+
*
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* import { ThemeController } from '@orion-ds/react';
|
|
7
|
+
*
|
|
8
|
+
* // Full controller with theme and brand options
|
|
9
|
+
* <ThemeController />
|
|
10
|
+
*
|
|
11
|
+
* // Theme toggle only
|
|
12
|
+
* <ThemeController showBrandSelector={false} />
|
|
13
|
+
*
|
|
14
|
+
* // Compact version
|
|
15
|
+
* <ThemeController compact />
|
|
16
|
+
* ```
|
|
3
17
|
*/
|
|
4
18
|
export { ThemeController } from './ThemeController';
|
|
5
19
|
export type { ThemeControllerProps } from './ThemeController.types';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeController/index.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeController/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC"}
|
|
@@ -1,5 +1,26 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Toast Component
|
|
2
|
+
* Toast Component - Temporary notification messages.
|
|
3
|
+
*
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* import { ToastProvider, useToast, Button } from '@orion-ds/react';
|
|
7
|
+
*
|
|
8
|
+
* // Wrap app with ToastProvider
|
|
9
|
+
* <ToastProvider>
|
|
10
|
+
* <App />
|
|
11
|
+
* </ToastProvider>
|
|
12
|
+
*
|
|
13
|
+
* // Use in any component
|
|
14
|
+
* function MyComponent() {
|
|
15
|
+
* const { toast } = useToast();
|
|
16
|
+
*
|
|
17
|
+
* return (
|
|
18
|
+
* <Button onClick={() => toast({ title: 'Saved!', variant: 'success' })}>
|
|
19
|
+
* Save
|
|
20
|
+
* </Button>
|
|
21
|
+
* );
|
|
22
|
+
* }
|
|
23
|
+
* ```
|
|
3
24
|
*/
|
|
4
25
|
export { ToastProvider, useToast } from './Toast';
|
|
5
26
|
export type { Toast, ToastOptions, ToastVariant, ToastPosition, ToastProviderProps, ToastContextValue, } from './Toast.types';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/index.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAClD,YAAY,EACV,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,eAAe,CAAC"}
|
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Tooltip Component
|
|
2
|
+
* Tooltip Component - Hover information display.
|
|
3
|
+
*
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* import { Tooltip, Button } from '@orion-ds/react';
|
|
7
|
+
*
|
|
8
|
+
* <Tooltip content="Click to submit">
|
|
9
|
+
* <Button>Submit</Button>
|
|
10
|
+
* </Tooltip>
|
|
11
|
+
*
|
|
12
|
+
* <Tooltip content="Edit settings" placement="right">
|
|
13
|
+
* <Button iconOnly icon={<Settings size={20} />} aria-label="Settings" />
|
|
14
|
+
* </Tooltip>
|
|
15
|
+
* ```
|
|
3
16
|
*/
|
|
4
17
|
export { Tooltip } from './Tooltip';
|
|
5
18
|
export type { TooltipProps, TooltipPlacement } from './Tooltip.types';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/index.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC"}
|
|
@@ -43,8 +43,19 @@ export interface ThemeProviderProps {
|
|
|
43
43
|
* Child components
|
|
44
44
|
*/
|
|
45
45
|
children: ReactNode;
|
|
46
|
+
/**
|
|
47
|
+
* Default theme
|
|
48
|
+
* @default 'light'
|
|
49
|
+
*/
|
|
50
|
+
defaultTheme?: 'light' | 'dark';
|
|
51
|
+
/**
|
|
52
|
+
* Default brand
|
|
53
|
+
* @default 'orion'
|
|
54
|
+
*/
|
|
55
|
+
defaultBrand?: 'orion' | 'red' | 'deepblue' | 'orange' | 'lemon';
|
|
46
56
|
/**
|
|
47
57
|
* Theme options (see useTheme for full options)
|
|
58
|
+
* @deprecated Use flat props (defaultTheme, defaultBrand) instead.
|
|
48
59
|
*/
|
|
49
60
|
options?: UseThemeOptions;
|
|
50
61
|
/**
|
|
@@ -72,7 +83,7 @@ export interface ThemeProviderProps {
|
|
|
72
83
|
* Wraps your application to provide global theme and brand state.
|
|
73
84
|
* Must be placed near the root of your application.
|
|
74
85
|
*/
|
|
75
|
-
export declare function ThemeProvider({ children, options, disableFontWarnings, disableAutoFontLoading, disableCSSWarnings, }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
86
|
+
export declare function ThemeProvider({ children, defaultTheme, defaultBrand, options, disableFontWarnings, disableAutoFontLoading, disableCSSWarnings, }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
76
87
|
/**
|
|
77
88
|
* Hook to access global theme state
|
|
78
89
|
*
|