@omni-design/components 0.7.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/.claude/commands/ScanComponents.md +26 -0
- package/.claude/commands/ShareComponent.md +128 -0
- package/.cursorrules +21 -0
- package/CLAUDE.md +1046 -0
- package/README.md +70 -0
- package/dist/OmniDesignProvider.esm.js +2 -0
- package/dist/OmniDesignProvider.esm.js.map +1 -0
- package/dist/OmniDesignProvider.js +2 -0
- package/dist/OmniDesignProvider.js.map +1 -0
- package/dist/index.esm.js +42 -0
- package/dist/index.esm.js.map +1 -0
- package/dist/index.js +42 -0
- package/dist/index.js.map +1 -0
- package/dist/types/OmniDesignProvider.d.ts +158 -0
- package/dist/types/components/Accordion/Accordion.d.ts +42 -0
- package/dist/types/components/Accordion/AccordionShowcase.d.ts +2 -0
- package/dist/types/components/Accordion/index.d.ts +2 -0
- package/dist/types/components/Alert/Alert.d.ts +14 -0
- package/dist/types/components/Alert/AlertShowcase.d.ts +2 -0
- package/dist/types/components/Alert/index.d.ts +2 -0
- package/dist/types/components/AppBar/AppBar.d.ts +43 -0
- package/dist/types/components/AppBar/AppBarShowcase.d.ts +2 -0
- package/dist/types/components/AppBar/index.d.ts +2 -0
- package/dist/types/components/Autocomplete/Autocomplete.d.ts +26 -0
- package/dist/types/components/Autocomplete/AutocompleteShowcase.d.ts +2 -0
- package/dist/types/components/Autocomplete/index.d.ts +2 -0
- package/dist/types/components/Avatar/Avatar.d.ts +29 -0
- package/dist/types/components/Avatar/AvatarShowcase.d.ts +2 -0
- package/dist/types/components/Avatar/defaultAvatar.d.ts +2 -0
- package/dist/types/components/Avatar/index.d.ts +3 -0
- package/dist/types/components/BackgroundPicker.d.ts +12 -0
- package/dist/types/components/Badge/Badge.d.ts +43 -0
- package/dist/types/components/Badge/BadgeShowcase.d.ts +1 -0
- package/dist/types/components/Badge/index.d.ts +2 -0
- package/dist/types/components/BevelText/BevelText.d.ts +15 -0
- package/dist/types/components/BevelText/BevelTextShowcase.d.ts +2 -0
- package/dist/types/components/BevelText/index.d.ts +2 -0
- package/dist/types/components/BottomNavigation/BottomNavigation.d.ts +15 -0
- package/dist/types/components/BottomNavigation/BottomNavigationShowcase.d.ts +2 -0
- package/dist/types/components/BottomNavigation/index.d.ts +2 -0
- package/dist/types/components/Box/Box.d.ts +36 -0
- package/dist/types/components/Box/BoxShowcase.d.ts +2 -0
- package/dist/types/components/Box/index.d.ts +2 -0
- package/dist/types/components/Breadcrumbs/Breadcrumbs.d.ts +22 -0
- package/dist/types/components/Breadcrumbs/BreadcrumbsShowcase.d.ts +2 -0
- package/dist/types/components/Breadcrumbs/index.d.ts +2 -0
- package/dist/types/components/Button/Button.d.ts +66 -0
- package/dist/types/components/Button/index.d.ts +2 -0
- package/dist/types/components/ButtonGroup/ButtonGroup.d.ts +41 -0
- package/dist/types/components/ButtonGroup/index.d.ts +2 -0
- package/dist/types/components/Card/Card.d.ts +54 -0
- package/dist/types/components/Card/CardShowcase.d.ts +2 -0
- package/dist/types/components/Card/index.d.ts +2 -0
- package/dist/types/components/Checkbox/Checkbox.d.ts +51 -0
- package/dist/types/components/Checkbox/index.d.ts +2 -0
- package/dist/types/components/Chip/Chip.d.ts +42 -0
- package/dist/types/components/Chip/ChipShowcase.d.ts +2 -0
- package/dist/types/components/Chip/index.d.ts +2 -0
- package/dist/types/components/CircularProgress/CircularProgress.d.ts +12 -0
- package/dist/types/components/CircularProgress/CircularProgressShowcase.d.ts +2 -0
- package/dist/types/components/CircularProgress/index.d.ts +2 -0
- package/dist/types/components/CodeBlock/CodeBlock.d.ts +35 -0
- package/dist/types/components/Colors/Colors.d.ts +7 -0
- package/dist/types/components/Colors/index.d.ts +1 -0
- package/dist/types/components/Container/Container.d.ts +70 -0
- package/dist/types/components/Container/index.d.ts +1 -0
- package/dist/types/components/Copyright/Copyright.d.ts +11 -0
- package/dist/types/components/Copyright/CopyrightShowcase.d.ts +2 -0
- package/dist/types/components/Copyright/index.d.ts +2 -0
- package/dist/types/components/CurvedText/CurvedText.d.ts +23 -0
- package/dist/types/components/CurvedText/CurvedTextShowcase.d.ts +2 -0
- package/dist/types/components/CurvedText/index.d.ts +2 -0
- package/dist/types/components/Dialog/Dialog.d.ts +82 -0
- package/dist/types/components/Dialog/DialogShowcase.d.ts +2 -0
- package/dist/types/components/Dialog/index.d.ts +2 -0
- package/dist/types/components/Divider/Divider.d.ts +22 -0
- package/dist/types/components/Divider/DividerShowcase.d.ts +2 -0
- package/dist/types/components/Divider/index.d.ts +2 -0
- package/dist/types/components/Drawer/Drawer.d.ts +30 -0
- package/dist/types/components/Drawer/DrawerShowcase.d.ts +2 -0
- package/dist/types/components/Drawer/index.d.ts +2 -0
- package/dist/types/components/DropZone/DropZone.d.ts +15 -0
- package/dist/types/components/DropZone/index.d.ts +2 -0
- package/dist/types/components/Fab/Fab.d.ts +17 -0
- package/dist/types/components/Fab/FabShowcase.d.ts +2 -0
- package/dist/types/components/Fab/index.d.ts +2 -0
- package/dist/types/components/Footer/Footer.d.ts +14 -0
- package/dist/types/components/Footer/FooterShowcase.d.ts +2 -0
- package/dist/types/components/Footer/index.d.ts +2 -0
- package/dist/types/components/Gradient/Gradient.d.ts +38 -0
- package/dist/types/components/Gradient/GradientShowcase.d.ts +2 -0
- package/dist/types/components/Gradient/gradientUtils.d.ts +185 -0
- package/dist/types/components/Gradient/index.d.ts +3 -0
- package/dist/types/components/Grid/Grid.d.ts +112 -0
- package/dist/types/components/Grid/index.d.ts +1 -0
- package/dist/types/components/Header/Header.d.ts +53 -0
- package/dist/types/components/Header/index.d.ts +1 -0
- package/dist/types/components/Icon/Icon.d.ts +19 -0
- package/dist/types/components/Icon/IconShowcase.d.ts +2 -0
- package/dist/types/components/Icon/index.d.ts +2 -0
- package/dist/types/components/IconBadge/IconBadge.d.ts +10 -0
- package/dist/types/components/IconBadge/IconBadgeShowcase.d.ts +2 -0
- package/dist/types/components/IconBadge/index.d.ts +2 -0
- package/dist/types/components/Input/Input.d.ts +47 -0
- package/dist/types/components/Input/index.d.ts +2 -0
- package/dist/types/components/LinearProgress/LinearProgress.d.ts +9 -0
- package/dist/types/components/LinearProgress/LinearProgressShowcase.d.ts +2 -0
- package/dist/types/components/LinearProgress/index.d.ts +2 -0
- package/dist/types/components/Link/Link.d.ts +16 -0
- package/dist/types/components/Link/LinkShowcase.d.ts +2 -0
- package/dist/types/components/Link/index.d.ts +2 -0
- package/dist/types/components/List/List.d.ts +55 -0
- package/dist/types/components/List/ListShowcase.d.ts +2 -0
- package/dist/types/components/List/index.d.ts +2 -0
- package/dist/types/components/MainLayout/MainLayout.d.ts +28 -0
- package/dist/types/components/MainLayout/index.d.ts +1 -0
- package/dist/types/components/Menu/Menu.d.ts +37 -0
- package/dist/types/components/Menu/MenuShowcase.d.ts +2 -0
- package/dist/types/components/Menu/index.d.ts +2 -0
- package/dist/types/components/Modal/Modal.d.ts +18 -0
- package/dist/types/components/Modal/ModalShowcase.d.ts +2 -0
- package/dist/types/components/Modal/index.d.ts +2 -0
- package/dist/types/components/NumberField/NumberField.d.ts +22 -0
- package/dist/types/components/NumberField/NumberFieldShowcase.d.ts +2 -0
- package/dist/types/components/NumberField/index.d.ts +2 -0
- package/dist/types/components/Pagination/Pagination.d.ts +17 -0
- package/dist/types/components/Pagination/PaginationShowcase.d.ts +2 -0
- package/dist/types/components/Pagination/index.d.ts +2 -0
- package/dist/types/components/Paper/Paper.d.ts +111 -0
- package/dist/types/components/Paper/index.d.ts +1 -0
- package/dist/types/components/Popover/Popover.d.ts +31 -0
- package/dist/types/components/Popover/index.d.ts +1 -0
- package/dist/types/components/PreviewSurface.d.ts +18 -0
- package/dist/types/components/Radio/Radio.d.ts +55 -0
- package/dist/types/components/Radio/RadioShowcase.d.ts +2 -0
- package/dist/types/components/Radio/index.d.ts +2 -0
- package/dist/types/components/Rail/Rail.d.ts +15 -0
- package/dist/types/components/Rail/RailShowcase.d.ts +2 -0
- package/dist/types/components/Rail/index.d.ts +2 -0
- package/dist/types/components/Rating/Rating.d.ts +16 -0
- package/dist/types/components/Rating/RatingShowcase.d.ts +2 -0
- package/dist/types/components/Rating/index.d.ts +2 -0
- package/dist/types/components/Ratio/Ratio.d.ts +20 -0
- package/dist/types/components/Ratio/RatioShowcase.d.ts +2 -0
- package/dist/types/components/Ratio/index.d.ts +2 -0
- package/dist/types/components/SearchField/SearchField.d.ts +19 -0
- package/dist/types/components/SearchField/SearchFieldShowcase.d.ts +2 -0
- package/dist/types/components/SearchField/index.d.ts +2 -0
- package/dist/types/components/Section/Section.d.ts +44 -0
- package/dist/types/components/Section/SectionShowcase.d.ts +2 -0
- package/dist/types/components/Section/index.d.ts +2 -0
- package/dist/types/components/Select/Select.d.ts +23 -0
- package/dist/types/components/Select/SelectShowcase.d.ts +2 -0
- package/dist/types/components/Select/index.d.ts +2 -0
- package/dist/types/components/SettingsPanel.d.ts +2 -0
- package/dist/types/components/Sidebar/Sidebar.d.ts +53 -0
- package/dist/types/components/Sidebar/index.d.ts +1 -0
- package/dist/types/components/Slider/Slider.d.ts +79 -0
- package/dist/types/components/Slider/SliderShowcase.d.ts +2 -0
- package/dist/types/components/Slider/index.d.ts +2 -0
- package/dist/types/components/Snackbar/Snackbar.d.ts +17 -0
- package/dist/types/components/Snackbar/SnackbarShowcase.d.ts +2 -0
- package/dist/types/components/Snackbar/index.d.ts +2 -0
- package/dist/types/components/Spacing/Spacing.d.ts +16 -0
- package/dist/types/components/Spacing/index.d.ts +1 -0
- package/dist/types/components/SpeedDial/SpeedDial.d.ts +17 -0
- package/dist/types/components/SpeedDial/SpeedDialShowcase.d.ts +2 -0
- package/dist/types/components/SpeedDial/index.d.ts +2 -0
- package/dist/types/components/Stack/Stack.d.ts +52 -0
- package/dist/types/components/Stack/StackShowcase.d.ts +2 -0
- package/dist/types/components/Stack/index.d.ts +2 -0
- package/dist/types/components/Stepper/Stepper.d.ts +33 -0
- package/dist/types/components/Stepper/StepperShowcase.d.ts +2 -0
- package/dist/types/components/Stepper/index.d.ts +2 -0
- package/dist/types/components/Switch/Switch.d.ts +65 -0
- package/dist/types/components/Switch/SwitchShowcase.d.ts +2 -0
- package/dist/types/components/Switch/index.d.ts +2 -0
- package/dist/types/components/Table/Table.d.ts +20 -0
- package/dist/types/components/Table/TableShowcase.d.ts +2 -0
- package/dist/types/components/Table/index.d.ts +2 -0
- package/dist/types/components/Tabs/Tabs.d.ts +51 -0
- package/dist/types/components/Tabs/TabsShowcase.d.ts +2 -0
- package/dist/types/components/Tabs/index.d.ts +2 -0
- package/dist/types/components/Tag/Tag.d.ts +57 -0
- package/dist/types/components/Tag/TagShowcase.d.ts +2 -0
- package/dist/types/components/Tag/index.d.ts +2 -0
- package/dist/types/components/TextField/TextField.d.ts +105 -0
- package/dist/types/components/TextField/index.d.ts +1 -0
- package/dist/types/components/ToggleButton/ToggleButton.d.ts +94 -0
- package/dist/types/components/ToggleButton/index.d.ts +1 -0
- package/dist/types/components/ToggleButtonGroup/ToggleButtonGroup.d.ts +48 -0
- package/dist/types/components/Toolbar/Toolbar.d.ts +14 -0
- package/dist/types/components/Toolbar/ToolbarShowcase.d.ts +2 -0
- package/dist/types/components/Toolbar/index.d.ts +2 -0
- package/dist/types/components/Tooltip/Tooltip.d.ts +20 -0
- package/dist/types/components/Tooltip/TooltipShowcase.d.ts +2 -0
- package/dist/types/components/Tooltip/index.d.ts +2 -0
- package/dist/types/components/TreeView/TreeBranch.d.ts +14 -0
- package/dist/types/components/TreeView/TreeView.d.ts +82 -0
- package/dist/types/components/TreeView/TreeViewShowcase.d.ts +2 -0
- package/dist/types/components/TreeView/index.d.ts +3 -0
- package/dist/types/components/Typography/Typography.d.ts +492 -0
- package/dist/types/components/Typography/TypographyShowcase.d.ts +2 -0
- package/dist/types/components/Typography/index.d.ts +2 -0
- package/dist/types/components/_a11y/ContrastCheck.d.ts +15 -0
- package/dist/types/components/_bevelPresets.d.ts +92 -0
- package/dist/types/components/_shadows.d.ts +32 -0
- package/dist/types/components/index.d.ts +74 -0
- package/dist/types/theme/useThemeMode.d.ts +4 -0
- package/docs/components.md +797 -0
- package/docs/getting-started.md +409 -0
- package/docs/token-system.md +468 -0
- package/package.json +126 -0
- package/public/styles/Dark-Mode.css +13867 -0
- package/public/styles/Light-Mode.css +14091 -0
- package/public/styles/README.md +93 -0
- package/public/styles/base.css +261 -0
- package/public/styles/core.css +378 -0
- package/public/styles/foundation.css +72 -0
- package/public/styles/styles.css +6 -0
- package/public/styles/theme.js +234 -0
- package/public/styles/theme.json +12 -0
- package/public/styles/typography-tokens.css +720 -0
|
@@ -0,0 +1,158 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @param {object} props
|
|
3
|
+
*
|
|
4
|
+
* Theme URL (simplest — recommended for production):
|
|
5
|
+
* @param {string} props.themeURL Base URL of the theme folder.
|
|
6
|
+
* Must contain a theme.json manifest.
|
|
7
|
+
* e.g. "https://themes.omnidesign.com/acme-corp"
|
|
8
|
+
*
|
|
9
|
+
* Individual CSS props (manual / local dev):
|
|
10
|
+
* @param {string} props.foundationCSS foundation.css (URL or raw string)
|
|
11
|
+
* @param {string} props.coreCSS core.css
|
|
12
|
+
* @param {string} props.typographyCSS typography-tokens.css
|
|
13
|
+
* @param {string} props.lightModeCSS Light-Mode.css
|
|
14
|
+
* @param {string} props.darkModeCSS Dark-Mode.css
|
|
15
|
+
* @param {string} props.baseCSS base.css
|
|
16
|
+
* @param {string} props.stylesCSS styles.css (loaded last)
|
|
17
|
+
*
|
|
18
|
+
* Theme config (props override theme.json values):
|
|
19
|
+
* @param {string} props.defaultTheme Starting data-theme (default: 'Default')
|
|
20
|
+
* @param {string} props.defaultStyle Starting data-style (default: 'Modern')
|
|
21
|
+
* @param {string} props.defaultSurface Root data-surface (default: 'Surface')
|
|
22
|
+
* @param {string} props.surfaceStyle 'light-tonal' | 'grey-professional' | 'dark-professional'
|
|
23
|
+
*
|
|
24
|
+
* Dark mode — uncontrolled:
|
|
25
|
+
* @param {boolean} props.defaultDarkMode Initial dark mode (default: false)
|
|
26
|
+
* @param {string} props.darkTheme data-theme in dark mode (default: 'Neutral-Dark')
|
|
27
|
+
*
|
|
28
|
+
* Dark mode — controlled:
|
|
29
|
+
* @param {boolean} props.darkMode
|
|
30
|
+
* @param {function} props.onDarkModeChange
|
|
31
|
+
*
|
|
32
|
+
* DOM:
|
|
33
|
+
* @param {string} props.className
|
|
34
|
+
* @param {object} props.style
|
|
35
|
+
* @param {boolean} props.fullHeight Adds minHeight: 100vh (default: true)
|
|
36
|
+
* @param {React.ReactNode} props.children
|
|
37
|
+
*/
|
|
38
|
+
export function OmniDesignProvider({ themeURL, foundationCSS, coreCSS, typographyCSS, lightModeCSS, darkModeCSS, baseCSS, stylesCSS, defaultTheme: defaultThemeProp, defaultStyle: defaultStyleProp, defaultSurface: defaultSurfaceProp, surfaceStyle, defaultDarkMode, darkTheme: darkThemeProp, darkMode: controlledDarkMode, onDarkModeChange, className, style: styleProp, fullHeight, children, }: {
|
|
39
|
+
themeURL: string;
|
|
40
|
+
foundationCSS: string;
|
|
41
|
+
coreCSS: string;
|
|
42
|
+
typographyCSS: string;
|
|
43
|
+
lightModeCSS: string;
|
|
44
|
+
darkModeCSS: string;
|
|
45
|
+
baseCSS: string;
|
|
46
|
+
stylesCSS: string;
|
|
47
|
+
defaultTheme: string;
|
|
48
|
+
defaultStyle: string;
|
|
49
|
+
defaultSurface: string;
|
|
50
|
+
surfaceStyle: string;
|
|
51
|
+
defaultDarkMode: boolean;
|
|
52
|
+
darkTheme: string;
|
|
53
|
+
darkMode: boolean;
|
|
54
|
+
onDarkModeChange: Function;
|
|
55
|
+
className: string;
|
|
56
|
+
style: object;
|
|
57
|
+
fullHeight: boolean;
|
|
58
|
+
children: React.ReactNode;
|
|
59
|
+
}): JSX.Element;
|
|
60
|
+
export function useOmniDesign(): any;
|
|
61
|
+
export function ThemedZone({ theme, surface, as: Tag, children, className, style, ...rest }: {
|
|
62
|
+
[x: string]: any;
|
|
63
|
+
theme: any;
|
|
64
|
+
surface: any;
|
|
65
|
+
as?: string;
|
|
66
|
+
children: any;
|
|
67
|
+
className: any;
|
|
68
|
+
style: any;
|
|
69
|
+
}): JSX.Element;
|
|
70
|
+
export function Surfaced({ surface, as: Tag, children, className, style, ...rest }: {
|
|
71
|
+
[x: string]: any;
|
|
72
|
+
surface: any;
|
|
73
|
+
as?: string;
|
|
74
|
+
children: any;
|
|
75
|
+
className: any;
|
|
76
|
+
style: any;
|
|
77
|
+
}): JSX.Element;
|
|
78
|
+
export const OMNI_THEMES: string[];
|
|
79
|
+
export const OMNI_STYLES: string[];
|
|
80
|
+
export const OMNI_SURFACES: string[];
|
|
81
|
+
export const SURFACE_STYLE_THEME_MAP: {
|
|
82
|
+
'light-tonal': {
|
|
83
|
+
theme: string;
|
|
84
|
+
rootSurface: string;
|
|
85
|
+
};
|
|
86
|
+
'grey-professional': {
|
|
87
|
+
theme: string;
|
|
88
|
+
rootSurface: string;
|
|
89
|
+
};
|
|
90
|
+
'dark-professional': {
|
|
91
|
+
theme: string;
|
|
92
|
+
rootSurface: string;
|
|
93
|
+
};
|
|
94
|
+
};
|
|
95
|
+
/**
|
|
96
|
+
* @param {object} props
|
|
97
|
+
*
|
|
98
|
+
* Theme URL (simplest — recommended for production):
|
|
99
|
+
* @param {string} props.themeURL Base URL of the theme folder.
|
|
100
|
+
* Must contain a theme.json manifest.
|
|
101
|
+
* e.g. "https://themes.omnidesign.com/acme-corp"
|
|
102
|
+
*
|
|
103
|
+
* Individual CSS props (manual / local dev):
|
|
104
|
+
* @param {string} props.foundationCSS foundation.css (URL or raw string)
|
|
105
|
+
* @param {string} props.coreCSS core.css
|
|
106
|
+
* @param {string} props.typographyCSS typography-tokens.css
|
|
107
|
+
* @param {string} props.lightModeCSS Light-Mode.css
|
|
108
|
+
* @param {string} props.darkModeCSS Dark-Mode.css
|
|
109
|
+
* @param {string} props.baseCSS base.css
|
|
110
|
+
* @param {string} props.stylesCSS styles.css (loaded last)
|
|
111
|
+
*
|
|
112
|
+
* Theme config (props override theme.json values):
|
|
113
|
+
* @param {string} props.defaultTheme Starting data-theme (default: 'Default')
|
|
114
|
+
* @param {string} props.defaultStyle Starting data-style (default: 'Modern')
|
|
115
|
+
* @param {string} props.defaultSurface Root data-surface (default: 'Surface')
|
|
116
|
+
* @param {string} props.surfaceStyle 'light-tonal' | 'grey-professional' | 'dark-professional'
|
|
117
|
+
*
|
|
118
|
+
* Dark mode — uncontrolled:
|
|
119
|
+
* @param {boolean} props.defaultDarkMode Initial dark mode (default: false)
|
|
120
|
+
* @param {string} props.darkTheme data-theme in dark mode (default: 'Neutral-Dark')
|
|
121
|
+
*
|
|
122
|
+
* Dark mode — controlled:
|
|
123
|
+
* @param {boolean} props.darkMode
|
|
124
|
+
* @param {function} props.onDarkModeChange
|
|
125
|
+
*
|
|
126
|
+
* DOM:
|
|
127
|
+
* @param {string} props.className
|
|
128
|
+
* @param {object} props.style
|
|
129
|
+
* @param {boolean} props.fullHeight Adds minHeight: 100vh (default: true)
|
|
130
|
+
* @param {React.ReactNode} props.children
|
|
131
|
+
*/
|
|
132
|
+
export function DynoDesignProvider({ themeURL, foundationCSS, coreCSS, typographyCSS, lightModeCSS, darkModeCSS, baseCSS, stylesCSS, defaultTheme: defaultThemeProp, defaultStyle: defaultStyleProp, defaultSurface: defaultSurfaceProp, surfaceStyle, defaultDarkMode, darkTheme: darkThemeProp, darkMode: controlledDarkMode, onDarkModeChange, className, style: styleProp, fullHeight, children, }: {
|
|
133
|
+
themeURL: string;
|
|
134
|
+
foundationCSS: string;
|
|
135
|
+
coreCSS: string;
|
|
136
|
+
typographyCSS: string;
|
|
137
|
+
lightModeCSS: string;
|
|
138
|
+
darkModeCSS: string;
|
|
139
|
+
baseCSS: string;
|
|
140
|
+
stylesCSS: string;
|
|
141
|
+
defaultTheme: string;
|
|
142
|
+
defaultStyle: string;
|
|
143
|
+
defaultSurface: string;
|
|
144
|
+
surfaceStyle: string;
|
|
145
|
+
defaultDarkMode: boolean;
|
|
146
|
+
darkTheme: string;
|
|
147
|
+
darkMode: boolean;
|
|
148
|
+
onDarkModeChange: Function;
|
|
149
|
+
className: string;
|
|
150
|
+
style: object;
|
|
151
|
+
fullHeight: boolean;
|
|
152
|
+
children: React.ReactNode;
|
|
153
|
+
}): JSX.Element;
|
|
154
|
+
export function useDynoDesign(): any;
|
|
155
|
+
export const DYNO_THEMES: string[];
|
|
156
|
+
export const DYNO_STYLES: string[];
|
|
157
|
+
export const DYNO_SURFACES: string[];
|
|
158
|
+
export default OmniDesignProvider;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
export function AccordionGroup({ children, variant, color, size, spacing, className, sx, ...props }: {
|
|
2
|
+
[x: string]: any;
|
|
3
|
+
children: any;
|
|
4
|
+
variant?: string;
|
|
5
|
+
color?: string;
|
|
6
|
+
size?: string;
|
|
7
|
+
spacing?: number;
|
|
8
|
+
className?: string;
|
|
9
|
+
sx?: {};
|
|
10
|
+
}): JSX.Element;
|
|
11
|
+
export function Accordion({ children, expanded: controlledExpanded, defaultExpanded, onChange, disabled, className, sx, ...props }: {
|
|
12
|
+
[x: string]: any;
|
|
13
|
+
children: any;
|
|
14
|
+
expanded: any;
|
|
15
|
+
defaultExpanded?: boolean;
|
|
16
|
+
onChange: any;
|
|
17
|
+
disabled?: boolean;
|
|
18
|
+
className?: string;
|
|
19
|
+
sx?: {};
|
|
20
|
+
}): JSX.Element;
|
|
21
|
+
export function AccordionSummary({ children, startDecorator, endDecorator, eyebrow, overline, secondary, expandIcon, className, sx, ...props }: {
|
|
22
|
+
[x: string]: any;
|
|
23
|
+
children: any;
|
|
24
|
+
startDecorator: any;
|
|
25
|
+
endDecorator: any;
|
|
26
|
+
eyebrow: any;
|
|
27
|
+
overline: any;
|
|
28
|
+
secondary: any;
|
|
29
|
+
expandIcon: any;
|
|
30
|
+
className?: string;
|
|
31
|
+
sx?: {};
|
|
32
|
+
}): JSX.Element;
|
|
33
|
+
export function AccordionDetails({ children, className, sx, ...props }: {
|
|
34
|
+
[x: string]: any;
|
|
35
|
+
children: any;
|
|
36
|
+
className?: string;
|
|
37
|
+
sx?: {};
|
|
38
|
+
}): JSX.Element;
|
|
39
|
+
export function SolidAccordionGroup(p: any): JSX.Element;
|
|
40
|
+
export function LightAccordionGroup(p: any): JSX.Element;
|
|
41
|
+
export function DarkAccordionGroup(p: any): JSX.Element;
|
|
42
|
+
export default AccordionGroup;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export function Alert({ children, variant, color, size, startDecorator, endDecorator, className, sx, ...props }: {
|
|
2
|
+
[x: string]: any;
|
|
3
|
+
children: any;
|
|
4
|
+
variant?: string;
|
|
5
|
+
color?: string;
|
|
6
|
+
size?: string;
|
|
7
|
+
startDecorator: any;
|
|
8
|
+
endDecorator: any;
|
|
9
|
+
className?: string;
|
|
10
|
+
sx?: {};
|
|
11
|
+
}): JSX.Element;
|
|
12
|
+
export function SolidAlert(p: any): JSX.Element;
|
|
13
|
+
export function LightAlert(p: any): JSX.Element;
|
|
14
|
+
export default Alert;
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
export function AppBar({ mode, ...props }: {
|
|
2
|
+
[x: string]: any;
|
|
3
|
+
mode?: string;
|
|
4
|
+
}): JSX.Element;
|
|
5
|
+
export default AppBar;
|
|
6
|
+
export function DesktopAppBar({ barColor, surface, loginType, menuType, brandType, searchPosition, companyName, navLinks, rightButtons, showRightButtons, onMenuClick, user, onLogin, onSignOut, brand, onBrandClick, centerSlot, endSlot, searchValue, onSearchChange, searchPlaceholder, children, className, sx, }: {
|
|
7
|
+
barColor?: string;
|
|
8
|
+
surface?: string;
|
|
9
|
+
loginType?: string;
|
|
10
|
+
menuType?: string;
|
|
11
|
+
brandType?: string;
|
|
12
|
+
searchPosition?: string;
|
|
13
|
+
companyName?: string;
|
|
14
|
+
navLinks?: string[];
|
|
15
|
+
rightButtons?: any[];
|
|
16
|
+
showRightButtons?: boolean;
|
|
17
|
+
onMenuClick: any;
|
|
18
|
+
user: any;
|
|
19
|
+
onLogin: any;
|
|
20
|
+
onSignOut: any;
|
|
21
|
+
brand: any;
|
|
22
|
+
onBrandClick: any;
|
|
23
|
+
centerSlot: any;
|
|
24
|
+
endSlot: any;
|
|
25
|
+
searchValue: any;
|
|
26
|
+
onSearchChange: any;
|
|
27
|
+
searchPlaceholder?: string;
|
|
28
|
+
children: any;
|
|
29
|
+
className?: string;
|
|
30
|
+
sx?: {};
|
|
31
|
+
}): JSX.Element;
|
|
32
|
+
export function MobileAppBar({ mobileVariant, barColor, surface, title, subtitle, actionIcon, companyName, navLinks, className, sx, }: {
|
|
33
|
+
mobileVariant?: string;
|
|
34
|
+
barColor?: string;
|
|
35
|
+
surface?: string;
|
|
36
|
+
title?: string;
|
|
37
|
+
subtitle?: string;
|
|
38
|
+
actionIcon: any;
|
|
39
|
+
companyName?: string;
|
|
40
|
+
navLinks?: string[];
|
|
41
|
+
className?: string;
|
|
42
|
+
sx?: {};
|
|
43
|
+
}): JSX.Element;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export function Autocomplete({ options, value: controlledValue, defaultValue, onChange, inputValue: controlledInputValue, onInputChange, label, labelPosition, placeholder, helperText, size, variant, color, loading, loadingText, noOptionsText, freeSolo, clearable, disabled, fullWidth, className, sx, ...props }: {
|
|
2
|
+
[x: string]: any;
|
|
3
|
+
options?: any[];
|
|
4
|
+
value: any;
|
|
5
|
+
defaultValue?: any;
|
|
6
|
+
onChange: any;
|
|
7
|
+
inputValue: any;
|
|
8
|
+
onInputChange: any;
|
|
9
|
+
label: any;
|
|
10
|
+
labelPosition?: string;
|
|
11
|
+
placeholder?: string;
|
|
12
|
+
helperText: any;
|
|
13
|
+
size?: string;
|
|
14
|
+
variant?: string;
|
|
15
|
+
color?: string;
|
|
16
|
+
loading?: boolean;
|
|
17
|
+
loadingText?: string;
|
|
18
|
+
noOptionsText?: string;
|
|
19
|
+
freeSolo?: boolean;
|
|
20
|
+
clearable?: boolean;
|
|
21
|
+
disabled?: boolean;
|
|
22
|
+
fullWidth?: boolean;
|
|
23
|
+
className?: string;
|
|
24
|
+
sx?: {};
|
|
25
|
+
}): JSX.Element;
|
|
26
|
+
export default Autocomplete;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
export function Avatar({ src, defaultPhoto, alt, initials, icon, color, size, customSize, clickable, onClick, insideButton, className, sx, ...props }: {
|
|
2
|
+
[x: string]: any;
|
|
3
|
+
src: any;
|
|
4
|
+
defaultPhoto?: boolean;
|
|
5
|
+
alt: any;
|
|
6
|
+
initials: any;
|
|
7
|
+
icon: any;
|
|
8
|
+
color?: string;
|
|
9
|
+
size?: string;
|
|
10
|
+
customSize: any;
|
|
11
|
+
clickable?: boolean;
|
|
12
|
+
onClick: any;
|
|
13
|
+
insideButton?: boolean;
|
|
14
|
+
className?: string;
|
|
15
|
+
sx?: {};
|
|
16
|
+
}): JSX.Element;
|
|
17
|
+
/**
|
|
18
|
+
* AvatarGroup — stacks avatars with overlap
|
|
19
|
+
*/
|
|
20
|
+
export function AvatarGroup({ children, max, size, spacing, className, sx, ...props }: {
|
|
21
|
+
[x: string]: any;
|
|
22
|
+
children: any;
|
|
23
|
+
max?: number;
|
|
24
|
+
size?: string;
|
|
25
|
+
spacing?: number;
|
|
26
|
+
className?: string;
|
|
27
|
+
sx?: {};
|
|
28
|
+
}): JSX.Element;
|
|
29
|
+
export default Avatar;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export const DEFAULT_AVATAR_SRC: "data:image/jpeg;base64,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";
|
|
2
|
+
export default DEFAULT_AVATAR_SRC;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export function BackgroundPicker({ theme, onThemeChange, surface, onSurfaceChange, surfaces, size, }: {
|
|
2
|
+
theme?: any;
|
|
3
|
+
onThemeChange: any;
|
|
4
|
+
surface?: string;
|
|
5
|
+
onSurfaceChange: any;
|
|
6
|
+
surfaces?: string[];
|
|
7
|
+
size?: string;
|
|
8
|
+
}): JSX.Element;
|
|
9
|
+
export default BackgroundPicker;
|
|
10
|
+
export const CARD_SURFACES: string[];
|
|
11
|
+
export const CONTAINER_SURFACES: string[];
|
|
12
|
+
export const ALL_SURFACES: string[];
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
export function Badge({ variant, size, badgeContent, max, showZero, invisible, dot, overlap, anchorOrigin, children, className, sx, ...props }: {
|
|
2
|
+
[x: string]: any;
|
|
3
|
+
variant?: string;
|
|
4
|
+
size?: string;
|
|
5
|
+
badgeContent: any;
|
|
6
|
+
max?: number;
|
|
7
|
+
showZero?: boolean;
|
|
8
|
+
invisible?: boolean;
|
|
9
|
+
dot?: boolean;
|
|
10
|
+
overlap?: string;
|
|
11
|
+
anchorOrigin?: {
|
|
12
|
+
vertical: string;
|
|
13
|
+
horizontal: string;
|
|
14
|
+
};
|
|
15
|
+
children: any;
|
|
16
|
+
className?: string;
|
|
17
|
+
sx?: {};
|
|
18
|
+
}): JSX.Element;
|
|
19
|
+
export function PrimaryBadge(p: any): JSX.Element;
|
|
20
|
+
export function SecondaryBadge(p: any): JSX.Element;
|
|
21
|
+
export function TertiaryBadge(p: any): JSX.Element;
|
|
22
|
+
export function NeutralBadge(p: any): JSX.Element;
|
|
23
|
+
export function InfoBadge(p: any): JSX.Element;
|
|
24
|
+
export function SuccessBadge(p: any): JSX.Element;
|
|
25
|
+
export function WarningBadge(p: any): JSX.Element;
|
|
26
|
+
export function ErrorBadge(p: any): JSX.Element;
|
|
27
|
+
export function PrimaryOutlineBadge(p: any): JSX.Element;
|
|
28
|
+
export function SecondaryOutlineBadge(p: any): JSX.Element;
|
|
29
|
+
export function TertiaryOutlineBadge(p: any): JSX.Element;
|
|
30
|
+
export function NeutralOutlineBadge(p: any): JSX.Element;
|
|
31
|
+
export function InfoOutlineBadge(p: any): JSX.Element;
|
|
32
|
+
export function SuccessOutlineBadge(p: any): JSX.Element;
|
|
33
|
+
export function WarningOutlineBadge(p: any): JSX.Element;
|
|
34
|
+
export function ErrorOutlineBadge(p: any): JSX.Element;
|
|
35
|
+
export function PrimaryLightBadge(p: any): JSX.Element;
|
|
36
|
+
export function SecondaryLightBadge(p: any): JSX.Element;
|
|
37
|
+
export function TertiaryLightBadge(p: any): JSX.Element;
|
|
38
|
+
export function NeutralLightBadge(p: any): JSX.Element;
|
|
39
|
+
export function InfoLightBadge(p: any): JSX.Element;
|
|
40
|
+
export function SuccessLightBadge(p: any): JSX.Element;
|
|
41
|
+
export function WarningLightBadge(p: any): JSX.Element;
|
|
42
|
+
export function ErrorLightBadge(p: any): JSX.Element;
|
|
43
|
+
export default Badge;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export function BadgeShowcase(): JSX.Element;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export { BadgeShowcase } from "./BadgeShowcase";
|
|
2
|
+
export { Badge, PrimaryBadge, SecondaryBadge, TertiaryBadge, NeutralBadge, InfoBadge, SuccessBadge, WarningBadge, ErrorBadge, PrimaryOutlineBadge, SecondaryOutlineBadge, TertiaryOutlineBadge, NeutralOutlineBadge, InfoOutlineBadge, SuccessOutlineBadge, WarningOutlineBadge, ErrorOutlineBadge, PrimaryLightBadge, SecondaryLightBadge, TertiaryLightBadge, NeutralLightBadge, InfoLightBadge, SuccessLightBadge, WarningLightBadge, ErrorLightBadge, default } from "./Badge";
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export function BevelText({ text, theme, preset, custom, textStyle, fontSize, fontFamily, fontWeight, letterSpacing, className, style, ...rest }: {
|
|
2
|
+
[x: string]: any;
|
|
3
|
+
text?: string;
|
|
4
|
+
theme?: string;
|
|
5
|
+
preset?: string;
|
|
6
|
+
custom: any;
|
|
7
|
+
textStyle?: string;
|
|
8
|
+
fontSize: any;
|
|
9
|
+
fontFamily: any;
|
|
10
|
+
fontWeight: any;
|
|
11
|
+
letterSpacing: any;
|
|
12
|
+
className: any;
|
|
13
|
+
style: any;
|
|
14
|
+
}): JSX.Element;
|
|
15
|
+
export default BevelText;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export function BottomNavigation({ items, value: controlledValue, defaultValue, onChange, showLabels, labelOrientation, backfill, barColor, fixed, className, sx, ...props }: {
|
|
2
|
+
[x: string]: any;
|
|
3
|
+
items?: any[];
|
|
4
|
+
value: any;
|
|
5
|
+
defaultValue?: number;
|
|
6
|
+
onChange: any;
|
|
7
|
+
showLabels?: boolean;
|
|
8
|
+
labelOrientation?: string;
|
|
9
|
+
backfill?: boolean;
|
|
10
|
+
barColor?: string;
|
|
11
|
+
fixed?: boolean;
|
|
12
|
+
className?: string;
|
|
13
|
+
sx?: {};
|
|
14
|
+
}): JSX.Element;
|
|
15
|
+
export default BottomNavigation;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Box Component — bare layout primitive.
|
|
3
|
+
*
|
|
4
|
+
* A theme-aware container with no visual styling of its own. Use it when you
|
|
5
|
+
* need a slot that participates in the design-system cascade (data-theme /
|
|
6
|
+
* data-surface) without inheriting any of the chrome that Ratio or Card
|
|
7
|
+
* would bring. No border-radius, no padding, no data-theme of its own —
|
|
8
|
+
* it inherits theme from its parent unless you pass `theme`.
|
|
9
|
+
*
|
|
10
|
+
* Props:
|
|
11
|
+
* theme — optional data-theme override for everything inside
|
|
12
|
+
* surface — optional data-surface override (Surface | Container | Container-Low | etc.)
|
|
13
|
+
* elevation — 0–5. When > 0, the Box renders an OUTER wrapper that carries
|
|
14
|
+
* the layered shadow but sets NO surface, so the shadow color
|
|
15
|
+
* resolves from the PARENT surface (the surface the box sits on,
|
|
16
|
+
* physically where the shadow falls) rather than the box's own.
|
|
17
|
+
* The inner element paints `surface` and fills the wrapper.
|
|
18
|
+
* component — root element tag (default: 'div')
|
|
19
|
+
* children, className, sx, ...props — forwarded
|
|
20
|
+
*
|
|
21
|
+
* For a themed shell with border + shadow + padding, use <Ratio> (sized) or
|
|
22
|
+
* <Card> (with header/actions). Box is intentionally bare so that nested
|
|
23
|
+
* tokens resolve correctly without competing styling.
|
|
24
|
+
*/
|
|
25
|
+
export function Box({ children, theme, surface, elevation, component, className, sx, style, ...props }: {
|
|
26
|
+
[x: string]: any;
|
|
27
|
+
children: any;
|
|
28
|
+
theme: any;
|
|
29
|
+
surface: any;
|
|
30
|
+
elevation?: number;
|
|
31
|
+
component?: string;
|
|
32
|
+
className?: string;
|
|
33
|
+
sx?: {};
|
|
34
|
+
style: any;
|
|
35
|
+
}): JSX.Element;
|
|
36
|
+
export default Box;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export function Breadcrumbs({ children, separator, size, condense, maxItems, itemsBeforeCollapse, itemsAfterCollapse, backOnlyMobile, onExpand, className, sx, ...props }: {
|
|
2
|
+
[x: string]: any;
|
|
3
|
+
children: any;
|
|
4
|
+
separator?: string;
|
|
5
|
+
size?: string;
|
|
6
|
+
condense?: boolean;
|
|
7
|
+
maxItems?: number;
|
|
8
|
+
itemsBeforeCollapse?: number;
|
|
9
|
+
itemsAfterCollapse?: number;
|
|
10
|
+
backOnlyMobile?: boolean;
|
|
11
|
+
onExpand: any;
|
|
12
|
+
className?: string;
|
|
13
|
+
sx?: {};
|
|
14
|
+
}): JSX.Element;
|
|
15
|
+
export function BreadcrumbItem({ children, href, className, sx, ...props }: {
|
|
16
|
+
[x: string]: any;
|
|
17
|
+
children: any;
|
|
18
|
+
href: any;
|
|
19
|
+
className?: string;
|
|
20
|
+
sx?: {};
|
|
21
|
+
}): JSX.Element;
|
|
22
|
+
export default Breadcrumbs;
|