@innovaccer/design-system 4.24.0 → 4.25.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/CHANGELOG.md +39 -0
- package/css/dist/index.css +154 -29
- package/css/dist/index.css.map +1 -1
- package/css/src/components/chip.module.css +31 -13
- package/css/src/components/datePicker.module.css +9 -0
- package/css/src/components/dateRangePicker.module.css +5 -0
- package/css/src/components/horizontalNav.module.css +4 -8
- package/css/src/components/input.module.css +1 -0
- package/css/src/components/pageHeader.module.css +103 -8
- package/dist/brotli/index.js +1 -1
- package/dist/brotli/index.js.br +0 -0
- package/dist/cjs/index.js +1 -1
- package/dist/core/components/atoms/heading/Heading.d.ts +1 -0
- package/dist/core/components/atoms/message/Message.d.ts +1 -0
- package/dist/core/components/atoms/subheading/Subheading.d.ts +1 -0
- package/dist/core/components/atoms/text/Text.d.ts +1 -0
- package/dist/core/components/molecules/emptyState/EmptyState.d.ts +1 -0
- package/dist/core/components/molecules/emptyState/EmptyStateTitle.d.ts +1 -0
- package/dist/core/components/molecules/modal/ModalHeader.d.ts +1 -0
- package/dist/core/components/molecules/overlayHeader/OverlayHeader.d.ts +1 -0
- package/dist/core/components/organisms/pageHeader/utils.d.ts +9 -9
- package/dist/esm/index.js +568 -370
- package/dist/gzip/index.js +1 -1
- package/dist/gzip/index.js.gz +0 -0
- package/dist/index.js +536 -375
- package/dist/index.js.map +1 -1
- package/dist/index.umd.css +154 -29
- package/dist/index.umd.js +1 -1
- package/dist/types/tsconfig.type.tsbuildinfo +30 -29
- package/package.json +1 -1
|
@@ -7,6 +7,7 @@ export interface HeadingProps extends BaseProps, BaseHtmlProps<HTMLHeadingElemen
|
|
|
7
7
|
appearance?: HeadingAppearance;
|
|
8
8
|
size?: HeadingSize;
|
|
9
9
|
color?: TextColor;
|
|
10
|
+
as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div' | 'span';
|
|
10
11
|
}
|
|
11
12
|
export declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
|
|
12
13
|
export default Heading;
|
|
@@ -10,6 +10,7 @@ export interface MessageProps extends BaseProps {
|
|
|
10
10
|
description: string;
|
|
11
11
|
actions?: React.ReactNode;
|
|
12
12
|
id?: string;
|
|
13
|
+
headingAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span' | 'div';
|
|
13
14
|
}
|
|
14
15
|
export declare const Message: {
|
|
15
16
|
(props: MessageProps): React.JSX.Element;
|
|
@@ -5,6 +5,7 @@ export interface SubheadingProps extends BaseProps, BaseHtmlProps<HTMLHeadingEle
|
|
|
5
5
|
children: React.ReactText;
|
|
6
6
|
appearance?: HeadingAppearance;
|
|
7
7
|
color?: TextColor;
|
|
8
|
+
as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div' | 'span';
|
|
8
9
|
}
|
|
9
10
|
export declare const Subheading: React.ForwardRefExoticComponent<SubheadingProps & React.RefAttributes<HTMLHeadingElement>>;
|
|
10
11
|
export default Subheading;
|
|
@@ -10,6 +10,7 @@ export interface TextProps extends BaseProps, BaseHtmlProps<HTMLSpanElement> {
|
|
|
10
10
|
appearance?: TextAppearance;
|
|
11
11
|
size?: TextSize;
|
|
12
12
|
color?: TextColor;
|
|
13
|
+
as?: string;
|
|
13
14
|
}
|
|
14
15
|
export declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLSpanElement>>;
|
|
15
16
|
export default Text;
|
|
@@ -2,6 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { BaseProps } from "../../../utils/types";
|
|
3
3
|
export interface EmptyDescriptionProps extends BaseProps {
|
|
4
4
|
children: React.ReactText;
|
|
5
|
+
as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
5
6
|
}
|
|
6
7
|
declare const EmptyStateTitle: (props: EmptyDescriptionProps) => React.JSX.Element;
|
|
7
8
|
export default EmptyStateTitle;
|
|
@@ -8,6 +8,7 @@ export interface ModalHeaderProps extends BaseProps {
|
|
|
8
8
|
backIcon?: boolean;
|
|
9
9
|
backIconCallback?: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
|
|
10
10
|
headingId?: string;
|
|
11
|
+
headingAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
11
12
|
}
|
|
12
13
|
export declare const ModalHeader: {
|
|
13
14
|
(props: ModalHeaderProps): React.JSX.Element;
|
|
@@ -10,6 +10,7 @@ export interface OverlayHeaderProps extends BaseProps {
|
|
|
10
10
|
backIconCallback?: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
|
|
11
11
|
headingClass?: string;
|
|
12
12
|
headingId?: string;
|
|
13
|
+
headingAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
13
14
|
}
|
|
14
15
|
export declare const OverlayHeader: {
|
|
15
16
|
(props: OverlayHeaderProps): React.JSX.Element;
|
|
@@ -3,26 +3,26 @@ import { navigationPositionType } from "./PageHeader";
|
|
|
3
3
|
export declare const Status: (props: {
|
|
4
4
|
status: React.ReactNode;
|
|
5
5
|
meta: React.ReactNode;
|
|
6
|
-
navigationPosition: navigationPositionType;
|
|
7
|
-
navigation: React.ReactNode;
|
|
8
|
-
tabs: React.ReactNode;
|
|
9
6
|
}) => React.JSX.Element;
|
|
10
7
|
export declare const Action: (props: {
|
|
11
8
|
actions: React.ReactNode;
|
|
12
9
|
navigation: React.ReactNode;
|
|
13
10
|
stepper: React.ReactNode;
|
|
11
|
+
stacked?: boolean | undefined;
|
|
12
|
+
level1Responsive?: boolean | undefined;
|
|
14
13
|
}) => React.JSX.Element;
|
|
15
|
-
export declare const Nav: (props: {
|
|
16
|
-
navigation: React.ReactNode;
|
|
17
|
-
stepper: React.ReactNode;
|
|
18
|
-
}) => React.JSX.Element | null;
|
|
19
14
|
export declare const CenterNav: (props: {
|
|
20
|
-
colSize: string;
|
|
21
|
-
breadcrumbs: React.ReactNode;
|
|
22
15
|
navigationPosition: navigationPositionType;
|
|
23
16
|
navigation: React.ReactNode;
|
|
24
17
|
stepper: React.ReactNode;
|
|
18
|
+
ghost?: boolean | undefined;
|
|
25
19
|
}) => React.JSX.Element;
|
|
20
|
+
export declare const Nav: (props: {
|
|
21
|
+
navigation: React.ReactNode;
|
|
22
|
+
stepper: React.ReactNode;
|
|
23
|
+
noMargin?: boolean | undefined;
|
|
24
|
+
responsiveNoMargin?: boolean | undefined;
|
|
25
|
+
}) => React.JSX.Element | null;
|
|
26
26
|
export declare const BackButton: (props: {
|
|
27
27
|
button: React.ReactNode;
|
|
28
28
|
}) => React.JSX.Element;
|