@innovaccer/design-system 4.4.0 → 4.5.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 +42 -0
- package/css/dist/index.css +0 -1
- package/css/dist/index.css.map +1 -1
- package/css/src/components/button.module.css +0 -1
- 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/checkbox/Checkbox.d.ts +1 -0
- package/dist/core/components/atoms/heading/Heading.d.ts +1 -8
- package/dist/core/components/atoms/paragraph/Paragraph.d.ts +1 -7
- package/dist/core/components/atoms/popperWrapper/PopperWrapper.d.ts +4 -4
- package/dist/core/components/atoms/subheading/Subheading.d.ts +1 -7
- package/dist/core/components/molecules/chipInput/ChipInput.d.ts +1 -0
- package/dist/core/components/organisms/choiceList/ChoiceList.d.ts +1 -0
- package/dist/core/components/organisms/menu/Menu.d.ts +1 -0
- package/dist/esm/index.js +193 -182
- package/dist/gzip/index.js +1 -1
- package/dist/gzip/index.js.gz +0 -0
- package/dist/index.js +204 -193
- package/dist/index.js.map +1 -1
- package/dist/index.umd.css +0 -1
- package/dist/index.umd.js +1 -1
- package/dist/types/tsconfig.type.tsbuildinfo +15 -15
- package/package.json +1 -1
|
@@ -17,6 +17,7 @@ export interface CheckboxProps extends BaseProps, OmitNativeProps<HTMLInputEleme
|
|
|
17
17
|
error?: boolean;
|
|
18
18
|
id?: string;
|
|
19
19
|
labelRef?: React.Ref<HTMLSpanElement>;
|
|
20
|
+
wrapLabel?: boolean;
|
|
20
21
|
}
|
|
21
22
|
export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
|
|
22
23
|
export default Checkbox;
|
|
@@ -8,12 +8,5 @@ export interface HeadingProps extends BaseProps, BaseHtmlProps<HTMLHeadingElemen
|
|
|
8
8
|
size: HeadingSize;
|
|
9
9
|
color?: TextColor;
|
|
10
10
|
}
|
|
11
|
-
export declare const Heading:
|
|
12
|
-
(props: HeadingProps): React.JSX.Element;
|
|
13
|
-
displayName: string;
|
|
14
|
-
defaultProps: {
|
|
15
|
-
appearance: string;
|
|
16
|
-
size: string;
|
|
17
|
-
};
|
|
18
|
-
};
|
|
11
|
+
export declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
|
|
19
12
|
export default Heading;
|
|
@@ -7,11 +7,5 @@ export interface ParagraphProps extends BaseProps, BaseHtmlProps<HTMLParagraphEl
|
|
|
7
7
|
appearance: ParagraphAppearance;
|
|
8
8
|
color?: TextColor;
|
|
9
9
|
}
|
|
10
|
-
export declare const Paragraph:
|
|
11
|
-
(props: ParagraphProps): React.JSX.Element;
|
|
12
|
-
displayName: string;
|
|
13
|
-
defaultProps: {
|
|
14
|
-
appearance: string;
|
|
15
|
-
};
|
|
16
|
-
};
|
|
10
|
+
export declare const Paragraph: React.ForwardRefExoticComponent<ParagraphProps & React.RefAttributes<HTMLParagraphElement>>;
|
|
17
11
|
export default Paragraph;
|
|
@@ -104,7 +104,7 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
|
|
|
104
104
|
backgroundPositionY?: string | number | (string & {}) | undefined;
|
|
105
105
|
backgroundRepeat?: "repeat" | (string & {}) | "round" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "no-repeat" | "repeat-x" | "repeat-y" | "space" | undefined;
|
|
106
106
|
backgroundSize?: string | number | (string & {}) | undefined;
|
|
107
|
-
blockOverflow?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "
|
|
107
|
+
blockOverflow?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "ellipsis" | "clip" | undefined;
|
|
108
108
|
blockSize?: string | number | (string & {}) | undefined;
|
|
109
109
|
borderBlockColor?: (string & {}) | "white" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "transparent" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "turquoise" | "violet" | "wheat" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | undefined;
|
|
110
110
|
borderBlockEndColor?: (string & {}) | "white" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "transparent" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "turquoise" | "violet" | "wheat" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | undefined;
|
|
@@ -407,7 +407,7 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
|
|
|
407
407
|
textIndent?: string | number | (string & {}) | undefined;
|
|
408
408
|
textJustify?: "none" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "inter-character" | "inter-word" | undefined;
|
|
409
409
|
textOrientation?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "mixed" | "sideways" | "upright" | undefined;
|
|
410
|
-
textOverflow?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "
|
|
410
|
+
textOverflow?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "ellipsis" | "clip" | undefined;
|
|
411
411
|
textRendering?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "geometricPrecision" | "optimizeLegibility" | "optimizeSpeed" | undefined;
|
|
412
412
|
textShadow?: "none" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | undefined;
|
|
413
413
|
textSizeAdjust?: "none" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | undefined;
|
|
@@ -612,7 +612,7 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
|
|
|
612
612
|
msScrollbarTrackColor?: (string & {}) | "white" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "transparent" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "turquoise" | "violet" | "wheat" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | undefined;
|
|
613
613
|
msTextAutospace?: "none" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "ideograph-alpha" | "ideograph-numeric" | "ideograph-parenthesis" | "ideograph-space" | undefined;
|
|
614
614
|
msTextCombineHorizontal?: "none" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "all" | undefined;
|
|
615
|
-
msTextOverflow?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "
|
|
615
|
+
msTextOverflow?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "ellipsis" | "clip" | undefined;
|
|
616
616
|
msTouchAction?: "none" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-ms-manipulation" | "-ms-none" | "-ms-pinch-zoom" | "manipulation" | "pan-down" | "pan-left" | "pan-right" | "pan-up" | "pan-x" | "pan-y" | "pinch-zoom" | undefined;
|
|
617
617
|
msTouchSelect?: "none" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "grippers" | undefined;
|
|
618
618
|
msTransform?: "none" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | undefined;
|
|
@@ -852,7 +852,7 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
|
|
|
852
852
|
OObjectFit?: "none" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "contain" | "cover" | "fill" | "scale-down" | undefined;
|
|
853
853
|
OObjectPosition?: string | number | (string & {}) | undefined;
|
|
854
854
|
OTabSize?: string | number | (string & {}) | (number & {}) | undefined;
|
|
855
|
-
OTextOverflow?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "
|
|
855
|
+
OTextOverflow?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "ellipsis" | "clip" | undefined;
|
|
856
856
|
OTransform?: "none" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | undefined;
|
|
857
857
|
OTransformOrigin?: string | number | (string & {}) | undefined;
|
|
858
858
|
OTransition?: "none" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "all" | "normal" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | "allow-discrete" | undefined;
|
|
@@ -6,11 +6,5 @@ export interface SubheadingProps extends BaseProps, BaseHtmlProps<HTMLHeadingEle
|
|
|
6
6
|
appearance: HeadingAppearance;
|
|
7
7
|
color?: TextColor;
|
|
8
8
|
}
|
|
9
|
-
export declare const Subheading:
|
|
10
|
-
(props: SubheadingProps): React.JSX.Element;
|
|
11
|
-
displayName: string;
|
|
12
|
-
defaultProps: {
|
|
13
|
-
appearance: string;
|
|
14
|
-
};
|
|
15
|
-
};
|
|
9
|
+
export declare const Subheading: React.ForwardRefExoticComponent<SubheadingProps & React.RefAttributes<HTMLHeadingElement>>;
|
|
16
10
|
export default Subheading;
|
|
@@ -21,6 +21,7 @@ export interface ChipInputProps extends BaseProps {
|
|
|
21
21
|
onChange?: (chips: string[]) => void;
|
|
22
22
|
onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
|
|
23
23
|
onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
|
|
24
|
+
chipValidator?: (chip: string) => boolean;
|
|
24
25
|
}
|
|
25
26
|
export declare const ChipInput: {
|
|
26
27
|
(props: ChipInputProps): React.JSX.Element;
|
|
@@ -19,6 +19,7 @@ export interface ChoiceListProps extends BaseProps {
|
|
|
19
19
|
disabled?: boolean;
|
|
20
20
|
selected?: string[];
|
|
21
21
|
onChange?: (event: ChangeEvent, selected: string[]) => void;
|
|
22
|
+
wrapLabel?: boolean;
|
|
22
23
|
}
|
|
23
24
|
export declare const ChoiceList: {
|
|
24
25
|
(props: ChoiceListProps): React.JSX.Element;
|