@innovaccer/design-system 2.5.0-4 → 2.6.0

package/css/src/utils/utility.css

@@ -1,28 +1,28 @@
 /** utility **/
 
 .hide-scroll-bar::-webkit-scrollbar {
-    height: 0px;
-    /* Remove scrollbar space */
-    background: transparent;
-    /* Optional: just make scrollbar invisible */
+  height: 0px;
+  /* Remove scrollbar space */
+  background: transparent;
+  /* Optional: just make scrollbar invisible */
 }
 
 .hide-scroll-bar {
-    -ms-overflow-style: none;
-    scrollbar-width: none;
+  -ms-overflow-style: none;
+  scrollbar-width: none;
 }
 
 .ellipsis {
-    overflow: hidden;
-    text-overflow: ellipsis;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .ellipsis--noWrap {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .cursor-pointer {
-    cursor: pointer;
-}
+  cursor: pointer;
+}

package/css/src/variables/index.css

@@ -181,5 +181,5 @@
   --grid-columns: 12;
 
   /* Undefined colors */
-  --card-subdued-bg: #FCFAFA;
+  --card-subdued-bg: #fcfafa;
 }

package/dist/core/accessibility/utils/index.d.ts

@@ -0,0 +1,4 @@
+import isEnterKey from "./isEnterKey";
+import isSpaceKey from "./isSpaceKey";
+import useAccessibilityProps from "./useAccessibilityProps";
+export { isEnterKey, useAccessibilityProps, isSpaceKey };

package/dist/core/accessibility/utils/isEnterKey.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const isEnterKey: (e: React.KeyboardEvent) => boolean;
+export default isEnterKey;

package/dist/core/accessibility/utils/isSpaceKey.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const isSpaceKey: (e: React.KeyboardEvent) => boolean;
+export default isSpaceKey;

package/dist/core/accessibility/utils/useAccessibilityProps.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+interface IProps {
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;
+    role?: React.AriaRole;
+}
+declare const useAccessibilityProps: ({ onClick, onKeyDown, role }: IProps) => {
+    onClick: (event: React.MouseEvent<HTMLElement>) => void;
+    role: string & {};
+    tabIndex: number;
+    onKeyDown: (e: React.SyntheticEvent<HTMLElement>) => void;
+} | {
+    role: "search" | "link" | "form" | "list" | "alert" | "article" | "button" | "dialog" | "figure" | "img" | "main" | "menu" | "menuitem" | "option" | "table" | "switch" | "tooltip" | (string & {}) | "none" | "alertdialog" | "application" | "banner" | "cell" | "checkbox" | "columnheader" | "combobox" | "complementary" | "contentinfo" | "definition" | "directory" | "document" | "feed" | "grid" | "gridcell" | "group" | "heading" | "listbox" | "listitem" | "log" | "marquee" | "math" | "menubar" | "menuitemcheckbox" | "menuitemradio" | "navigation" | "note" | "presentation" | "progressbar" | "radio" | "radiogroup" | "region" | "row" | "rowgroup" | "rowheader" | "scrollbar" | "searchbox" | "separator" | "slider" | "spinbutton" | "status" | "tab" | "tablist" | "tabpanel" | "term" | "textbox" | "timer" | "toolbar" | "tree" | "treegrid" | "treeitem" | undefined;
+};
+export default useAccessibilityProps;

package/dist/core/components/atoms/divider/Divider.d.ts

@@ -0,0 +1,15 @@
+import { BaseProps } from "../../../utils/types";
+declare type DividerType = 'basic' | 'header';
+export interface DividerProps extends BaseProps {
+    vertical: boolean;
+    appearance: DividerType;
+}
+export declare const Divider: {
+    (props: DividerProps): JSX.Element;
+    displayName: string;
+    defaultProps: {
+        appearance: string;
+        vertical: boolean;
+    };
+};
+export default Divider;

package/dist/core/components/atoms/divider/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Divider";
+export * from "./Divider";

package/dist/core/components/atoms/icon/Icon.d.ts

@@ -7,8 +7,10 @@ export interface IconProps extends BaseProps {
     size: number;
     type?: IconType;
     appearance?: Appearance;
-    onClick?: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    onClick?: (e: React.MouseEvent<HTMLElement>) => void;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;
     children?: React.ReactNode;
+    tabIndex?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>['tabIndex'];
 }
 export declare const Icon: {
     (props: IconProps): JSX.Element;

package/dist/core/components/atoms/input/Input.d.ts

@@ -26,7 +26,7 @@ export interface InputProps extends BaseProps, BaseHtmlProps<HTMLInputElement> {
     error?: boolean;
     info?: string;
     minWidth?: string;
-    onClear?: (e: React.MouseEvent<HTMLElement>) => void;
+    onClear?: (e: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
     onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
     onClick?: (e: React.MouseEvent<HTMLInputElement>) => void;
     onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;