@omni-design/components 0.8.0 → 0.9.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/dist/index.esm.js +3 -3
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +3 -3
- package/dist/index.js.map +1 -1
- package/dist/types/components/Badge/Badge.d.ts +4 -10
- package/dist/types/components/Badge/index.d.ts +1 -1
- package/dist/types/components/Chip/Chip.d.ts +1 -8
- package/dist/types/components/Chip/index.d.ts +1 -1
- package/dist/types/components/Icon/Icon.d.ts +0 -1
- package/dist/types/components/Stepper/Stepper.d.ts +3 -1
- package/package.json +10 -3
- package/dist/types/components/Header/Header.d.ts +0 -53
- package/dist/types/components/Header/index.d.ts +0 -1
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
export function
|
|
1
|
+
export function normalizeBadgeVariant(variant: any): string;
|
|
2
|
+
export function Badge({ variant, size, type, badgeContent, max, showZero, invisible, dot, overlap, anchorOrigin, children, className, sx, ...props }: {
|
|
2
3
|
[x: string]: any;
|
|
3
4
|
variant?: string;
|
|
4
|
-
size
|
|
5
|
+
size: any;
|
|
6
|
+
type?: string;
|
|
5
7
|
badgeContent: any;
|
|
6
8
|
max?: number;
|
|
7
9
|
showZero?: boolean;
|
|
@@ -32,12 +34,4 @@ export function InfoOutlineBadge(p: any): JSX.Element;
|
|
|
32
34
|
export function SuccessOutlineBadge(p: any): JSX.Element;
|
|
33
35
|
export function WarningOutlineBadge(p: any): JSX.Element;
|
|
34
36
|
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
37
|
export default Badge;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { BadgeShowcase } from "./BadgeShowcase";
|
|
2
|
-
export { Badge, PrimaryBadge, SecondaryBadge, TertiaryBadge, NeutralBadge, InfoBadge, SuccessBadge, WarningBadge, ErrorBadge, PrimaryOutlineBadge, SecondaryOutlineBadge, TertiaryOutlineBadge, NeutralOutlineBadge, InfoOutlineBadge, SuccessOutlineBadge, WarningOutlineBadge, ErrorOutlineBadge,
|
|
2
|
+
export { Badge, PrimaryBadge, SecondaryBadge, TertiaryBadge, NeutralBadge, InfoBadge, SuccessBadge, WarningBadge, ErrorBadge, PrimaryOutlineBadge, SecondaryOutlineBadge, TertiaryOutlineBadge, NeutralOutlineBadge, InfoOutlineBadge, SuccessOutlineBadge, WarningOutlineBadge, ErrorOutlineBadge, default } from "./Badge";
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export function normalizeChipVariant(variant: any): string;
|
|
1
2
|
export function Chip({ variant, size: sizeProp, label, clickable, disabled, selected, selectionMode, onDelete, onClick, startDecorator, endDecorator, children, className, sx, ...props }: {
|
|
2
3
|
[x: string]: any;
|
|
3
4
|
variant?: string;
|
|
@@ -31,12 +32,4 @@ export function InfoOutlineChip(p: any): JSX.Element;
|
|
|
31
32
|
export function SuccessOutlineChip(p: any): JSX.Element;
|
|
32
33
|
export function WarningOutlineChip(p: any): JSX.Element;
|
|
33
34
|
export function ErrorOutlineChip(p: any): JSX.Element;
|
|
34
|
-
export function PrimaryLightChip(p: any): JSX.Element;
|
|
35
|
-
export function SecondaryLightChip(p: any): JSX.Element;
|
|
36
|
-
export function TertiaryLightChip(p: any): JSX.Element;
|
|
37
|
-
export function NeutralLightChip(p: any): JSX.Element;
|
|
38
|
-
export function InfoLightChip(p: any): JSX.Element;
|
|
39
|
-
export function SuccessLightChip(p: any): JSX.Element;
|
|
40
|
-
export function WarningLightChip(p: any): JSX.Element;
|
|
41
|
-
export function ErrorLightChip(p: any): JSX.Element;
|
|
42
35
|
export default Chip;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { ChipShowcase } from "./ChipShowcase";
|
|
2
|
-
export { Chip, PrimaryChip, SecondaryChip, TertiaryChip, NeutralChip, InfoChip, SuccessChip, WarningChip, ErrorChip, PrimaryOutlineChip, SecondaryOutlineChip, TertiaryOutlineChip, NeutralOutlineChip, InfoOutlineChip, SuccessOutlineChip, WarningOutlineChip, ErrorOutlineChip,
|
|
2
|
+
export { Chip, PrimaryChip, SecondaryChip, TertiaryChip, NeutralChip, InfoChip, SuccessChip, WarningChip, ErrorChip, PrimaryOutlineChip, SecondaryOutlineChip, TertiaryOutlineChip, NeutralOutlineChip, InfoOutlineChip, SuccessOutlineChip, WarningOutlineChip, ErrorOutlineChip, default } from "./Chip";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export function Stepper({ children, orientation, size, color, activeStep, clickable, onStepClick, dashedIncomplete, className, sx, ...props }: {
|
|
1
|
+
export function Stepper({ children, orientation, size, color, activeStep, clickable, onStepClick, dashedIncomplete, variant, className, sx, ...props }: {
|
|
2
2
|
[x: string]: any;
|
|
3
3
|
children: any;
|
|
4
4
|
orientation?: string;
|
|
@@ -8,6 +8,7 @@ export function Stepper({ children, orientation, size, color, activeStep, clicka
|
|
|
8
8
|
clickable?: boolean;
|
|
9
9
|
onStepClick: any;
|
|
10
10
|
dashedIncomplete?: boolean;
|
|
11
|
+
variant?: string;
|
|
11
12
|
className?: string;
|
|
12
13
|
sx?: {};
|
|
13
14
|
}): JSX.Element;
|
|
@@ -30,5 +31,6 @@ export function useStepperContext(): {
|
|
|
30
31
|
onStepClick: any;
|
|
31
32
|
dashedIncomplete: boolean;
|
|
32
33
|
totalSteps: number;
|
|
34
|
+
variant: string;
|
|
33
35
|
};
|
|
34
36
|
export default Stepper;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@omni-design/components",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.9.0",
|
|
4
4
|
"description": "DynoDesign adaptive component library — token-driven React components with customizable CSS theming",
|
|
5
5
|
"author": "Lise Noble",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
"start": "react-scripts start",
|
|
40
40
|
"dev-api": "node dev-server.js",
|
|
41
41
|
"build:app": "react-scripts build",
|
|
42
|
-
"build:lib": "rollup -c rollup.config.js && npm run build:types",
|
|
42
|
+
"build:lib": "npm run clean:lib && rollup -c rollup.config.js && npm run build:types",
|
|
43
43
|
"build": "npm run build:lib",
|
|
44
44
|
"test": "react-scripts test",
|
|
45
45
|
"test:coverage": "react-scripts test --coverage --watchAll=false",
|
|
@@ -50,7 +50,8 @@
|
|
|
50
50
|
"prepublishOnly": "npm run build:lib",
|
|
51
51
|
"predeploy": "npm run build:app",
|
|
52
52
|
"deploy": "gh-pages -d build",
|
|
53
|
-
"build:types": "npx -y -p typescript@5.9 tsc -p tsconfig.dts.json"
|
|
53
|
+
"build:types": "npx -y -p typescript@5.9 tsc -p tsconfig.dts.json",
|
|
54
|
+
"clean:lib": "rm -rf dist"
|
|
54
55
|
},
|
|
55
56
|
"peerDependencies": {
|
|
56
57
|
"@emotion/react": ">=11.0.0",
|
|
@@ -119,5 +120,11 @@
|
|
|
119
120
|
"last 1 firefox version",
|
|
120
121
|
"last 1 safari version"
|
|
121
122
|
]
|
|
123
|
+
},
|
|
124
|
+
"jest": {
|
|
125
|
+
"moduleNameMapper": {
|
|
126
|
+
"^react-router/dom$": "<rootDir>/node_modules/react-router/dist/development/dom-export.js",
|
|
127
|
+
"^react-router-dom$": "<rootDir>/node_modules/react-router-dom/dist/index.js"
|
|
128
|
+
}
|
|
122
129
|
}
|
|
123
130
|
}
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Header Component
|
|
3
|
-
* App header with navigation and theme toggle
|
|
4
|
-
* Uses design system variables for styling
|
|
5
|
-
*
|
|
6
|
-
* @param {string} title - App title/brand name
|
|
7
|
-
* @param {string} mode - Theme mode: light or dark
|
|
8
|
-
* @param {Array} navItems - Navigation menu items
|
|
9
|
-
* @param {ReactNode} rightContent - Right side content
|
|
10
|
-
* @param {object} props - Additional props
|
|
11
|
-
*/
|
|
12
|
-
export function Header({ title, mode, navItems, rightContent, sx, ...props }: string): JSX.Element;
|
|
13
|
-
/**
|
|
14
|
-
* SimpleHeader Component
|
|
15
|
-
* Minimal header with just title and theme toggle
|
|
16
|
-
*
|
|
17
|
-
* @param {string} title - App title
|
|
18
|
-
* @param {string} mode - Theme mode
|
|
19
|
-
* @param {function} onModeChange - Theme toggle handler
|
|
20
|
-
* @param {object} props - Additional props
|
|
21
|
-
*/
|
|
22
|
-
export function SimpleHeader({ title, mode, onModeChange, sx, ...props }: string): JSX.Element;
|
|
23
|
-
/**
|
|
24
|
-
* MinimalHeader Component
|
|
25
|
-
* Very minimal header with just title
|
|
26
|
-
*
|
|
27
|
-
* @param {string} title - App title
|
|
28
|
-
* @param {object} props - Additional props
|
|
29
|
-
*/
|
|
30
|
-
export function MinimalHeader({ title, sx, ...props }: string): JSX.Element;
|
|
31
|
-
/**
|
|
32
|
-
* CenteredHeader Component
|
|
33
|
-
* Header with centered navigation
|
|
34
|
-
*
|
|
35
|
-
* @param {string} title - App title
|
|
36
|
-
* @param {Array} navItems - Navigation items
|
|
37
|
-
* @param {string} mode - Theme mode
|
|
38
|
-
* @param {function} onModeChange - Theme toggle handler
|
|
39
|
-
* @param {object} props - Additional props
|
|
40
|
-
*/
|
|
41
|
-
export function CenteredHeader({ title, navItems, mode, onModeChange, sx, ...props }: string): JSX.Element;
|
|
42
|
-
/**
|
|
43
|
-
* StickyHeader Component
|
|
44
|
-
* Header that sticks to top on scroll
|
|
45
|
-
*
|
|
46
|
-
* @param {string} title - App title
|
|
47
|
-
* @param {Array} navItems - Navigation items
|
|
48
|
-
* @param {string} mode - Theme mode
|
|
49
|
-
* @param {function} onModeChange - Theme toggle handler
|
|
50
|
-
* @param {object} props - Additional props
|
|
51
|
-
*/
|
|
52
|
-
export function StickyHeader({ title, navItems, mode, onModeChange, sx, ...props }: string): JSX.Element;
|
|
53
|
-
export default Header;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Header, SimpleHeader, MinimalHeader, CenteredHeader, StickyHeader, default } from "./Header";
|