@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.
@@ -1,7 +1,9 @@
1
- export function Badge({ variant, size, badgeContent, max, showZero, invisible, dot, overlap, anchorOrigin, children, className, sx, ...props }: {
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?: string;
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, PrimaryLightBadge, SecondaryLightBadge, TertiaryLightBadge, NeutralLightBadge, InfoLightBadge, SuccessLightBadge, WarningLightBadge, ErrorLightBadge, default } from "./Badge";
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, PrimaryLightChip, SecondaryLightChip, TertiaryLightChip, NeutralLightChip, InfoLightChip, SuccessLightChip, WarningLightChip, ErrorLightChip, default } from "./Chip";
2
+ export { Chip, PrimaryChip, SecondaryChip, TertiaryChip, NeutralChip, InfoChip, SuccessChip, WarningChip, ErrorChip, PrimaryOutlineChip, SecondaryOutlineChip, TertiaryOutlineChip, NeutralOutlineChip, InfoOutlineChip, SuccessOutlineChip, WarningOutlineChip, ErrorOutlineChip, default } from "./Chip";
@@ -11,7 +11,6 @@ export function Icon({ children, color, size, fontSize: customFontSize, disabled
11
11
  "aria-label": any;
12
12
  }): JSX.Element;
13
13
  export namespace ICON_SIZE_MAP {
14
- let xs: string;
15
14
  let small: string;
16
15
  let medium: string;
17
16
  let large: string;
@@ -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.8.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";