@innovaccer/design-system 2.17.0 → 2.19.0

package/css/src/components/avatar.css

@@ -9,7 +9,7 @@
   overflow: hidden;
   text-transform: uppercase;
   border-radius: 50%;
-  cursor: pointer;
+  cursor: default;
 }
 
 .Avatar--regular {

package/css/src/components/calendar.css

@@ -22,11 +22,11 @@
 }
 
 .Calendar-month--small {
-  height: 192px;
+  height: 200px;
 }
 
 .Calendar-year--small {
-  height: 192px;
+  height: 200px;
 }
 
 .Calendar--large {
@@ -42,7 +42,7 @@
 }
 
 .Calendar-month--large {
-  height: 272px;
+  height: 276px;
 }
 
 .Calendar-year--large {
@@ -62,7 +62,7 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  padding-bottom: var(--spacing-m);
+  padding-bottom: var(--spacing);
 }
 
 .Calendar-headerIcon {
@@ -95,7 +95,7 @@
   display: flex;
   flex-direction: column;
   flex-grow: 1;
-  justify-content: space-around;
+  justify-content: space-between;
 }
 
 .Calendar-valueRow {

package/css/src/components/chipInput.css

@@ -1,26 +1,27 @@
 .ChipInput {
-  box-sizing: border-box;
   display: flex;
   border-radius: var(--spacing-m);
-  border: var(--border);
-  padding-left: var(--spacing-s);
-  padding-top: var(--spacing-xs);
-  padding-bottom: var(--spacing-xs);
+  box-shadow: inset 0 0 0 var(--spacing-xs) var(--secondary);
+  padding-left: 10px;
+  padding-right: 10px;
   background: var(--white);
   cursor: text;
   flex: 100%;
 }
 
-.ChipInput-wrapper {
-  display: flex;
-  flex: 100%;
-  align-items: center;
-  flex-wrap: wrap;
+.ChipInput:focus,
+.ChipInput:focus-visible {
+  outline: var(--spacing-xs) var(--primary);
+}
+
+.ChipInput:hover {
+  background: var(--secondary-lighter);
+  border-color: var(--secondary-dark);
 }
 
 .ChipInput:focus-within {
-  border-color: var(--primary);
-  box-shadow: var(--shadow-spread) var(--primary-shadow);
+  box-shadow: inset 0 0 0 var(--spacing-xs) var(--primary);
+  background: var(--white);
 }
 
 .ChipInput--disabled {
@@ -29,6 +30,22 @@
   pointer-events: none;
 }
 
+.ChipInput--withChips {
+  padding-right: var(--spacing);
+}
+
+.ChipInput-wrapper {
+  display: flex;
+  flex: 100%;
+  align-items: center;
+  flex-wrap: wrap;
+}
+
+.ChipInput-border:focus-within {
+  border-radius: var(--spacing-m);
+  box-shadow: var(--shadow-spread) var(--primary-shadow);
+}
+
 .ChipInput-input {
   border: none;
   outline: none;
@@ -38,17 +55,38 @@
   flex: 0px;
   box-sizing: border-box;
   height: var(--spacing-xl);
-  margin-top: var(--spacing-s);
-  margin-bottom: var(--spacing-s);
-  padding-left: var(--spacing-m);
+  margin-top: var(--spacing-m);
+  margin-bottom: var(--spacing-m);
   font-family: var(--font-family);
   font-size: var(--font-size);
 }
 
+.ChipInput:hover .ChipInput-input {
+  background: var(--secondary-lighter);
+}
+
+.ChipInput:focus-within .ChipInput-input {
+  background: var(--white);
+}
+
 .ChipInput-icon {
   height: var(--spacing-2);
-  margin-top: var(--spacing-m);
-  padding-top: var(--spacing-s);
-  margin-right: var(--spacing-l);
+  padding: var(--spacing-s);
+  margin-left: var(--spacing);
+  margin-top: 6px;
   cursor: pointer;
+  border-radius: 10px;
+}
+
+.ChipInput-icon:hover {
+  background-color: var(--secondary);
+}
+
+.ChipInput-icon:active {
+  background-color: var(--secondary-dark);
+}
+
+.ChipInput-icon:focus,
+.ChipInput-icon:focus-visible {
+  outline: var(--spacing-s) solid var(--secondary-shadow);
 }

package/css/src/components/toast.css

@@ -4,7 +4,7 @@
   display: flex;
   flex-direction: row;
   box-sizing: border-box;
-
+  word-break: break-word;
   width: 360px;
   border-radius: var(--spacing-m);
   padding-left: var(--spacing-2);
@@ -53,6 +53,8 @@
   align-items: center;
   padding-right: var(--spacing-m);
   padding-left: var(--spacing-m);
+  height: var(--spacing-xl);
+  box-sizing: initial;
 }
 
 .Toast-icon--info,

package/css/src/core/typography.css

@@ -131,6 +131,7 @@ body {
 .Label-text {
   line-height: var(--font-height-s);
   font-weight: var(--font-weight-medium);
+  word-break: break-all;
 }
 
 .Label-optionalText {
@@ -148,6 +149,8 @@ body {
   border-radius: 50%;
   background: var(--alert);
   margin-left: var(--spacing-m);
+  margin-bottom: 6px;
+  display: inline-flex;
 }
 
 /* Caption */

package/css/src/utils/text.css

@@ -0,0 +1,23 @@
+.text-align-start {
+  text-align: start !important;
+}
+
+.text-align-end {
+  text-align: end !important;
+}
+
+.text-align-center {
+  text-align: center !important;
+}
+
+.text-align-justify {
+  text-align: justify !important;
+}
+
+.text-align-left {
+  text-align: left !important;
+}
+
+.text-align-right {
+  text-align: right !important;
+}

package/dist/.lib/tsconfig.type.tsbuildinfo

@@ -412,8 +412,8 @@
         "affectsGlobalScope": false
       },
       "../../core/accessibility/utils/useAccessibilityProps.ts": {
-        "version": "74e89441fbacd6365fc156ae46d2fbcb43e89e9e2dbe65ef25fde1c2e546dea1",
-        "signature": "c52129553f95c6160380d7af23042ca969a28bfa6c1281d5e4562873b880fd7f",
+        "version": "05105112f6557f671bdaec3224459c2ac1e74c2626fc12ecf6b62ca64212ed04",
+        "signature": "223d68c9ab2fa0e155cf70bf3b20a45e9011562d86cb390de713055b42afee55",
         "affectsGlobalScope": false
       },
       "../../core/accessibility/utils/index.ts": {
@@ -447,13 +447,13 @@
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/_chip/index.tsx": {
-        "version": "24a1d37e1eaf0d1e0dc348834bd0f75f081f1b927a4c03c8a24e1345e274bea5",
-        "signature": "aa73b69cdec375984f99e6b85935c80de6625578affaca312cb3b5f5f3241897",
+        "version": "ebfafc05ea02749f9c3ef5ab0cc483c8a35b9e079e78ea05a40e47f946e20509",
+        "signature": "9ddde0081ad6cfabc13d27fab42b167f3308671fca8ffecde6d3f892bbc1f1a7",
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/chip/Chip.tsx": {
-        "version": "ed6e03e8c2a5c5ef35854225554650d0cb48477f467bc600cb0a698a393f0a91",
-        "signature": "41e9235d5e7908a29d5976497646b5dd211f8143d85e1eba0847a2d50b256e95",
+        "version": "1eed2a59759d8f1281df13156a2dccb11a52282df5a677536506b6576d4f7e7c",
+        "signature": "d7c0c1781f170ae67e4d15ee9be70376f7abdf6e2382ef759a79d01c50db3a90",
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/chip/index.tsx": {
@@ -507,7 +507,7 @@
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/datePicker/DatePicker.tsx": {
-        "version": "8b0978faddfe783329807ab55abe45cbe46a66e9c0a1e10d224faceba38c3d11",
+        "version": "b1b68a5868e4d29387c601f01fcffd3a7fe2b4215884fa20043da8eaba581ef4",
         "signature": "60130413fd988c89f00840e237722c22c1cb6827bc0da4d672949b9d941e2f9b",
         "affectsGlobalScope": false
       },
@@ -607,8 +607,8 @@
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/timePicker/TimePickerWithSearch.tsx": {
-        "version": "1eeb7727a46ed693b77322827f4a250c12ce77b4add60416d14b027299a44f48",
-        "signature": "6aefec2c8eaff1b2760d0995edb52f0651c2b0435520196e789ee7a56b4914de",
+        "version": "d421ff5bfbb43d2bcab03db80862633b0f6a9b78ee884757b45116acb430eb89",
+        "signature": "ddd64255a6b14edb6f7a2d3d5fca7c3b9e98dd0d42e27a242602471dacbb1e06",
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/timePicker/TimePicker.tsx": {
@@ -682,7 +682,7 @@
         "affectsGlobalScope": false
       },
       "../../core/components/molecules/inputMask/InputMask.tsx": {
-        "version": "c07c8718bf6a3d4c6f31e34f656fbc92efafea46909f3cb9ea624ab6d163f18c",
+        "version": "ee6a77bcd074d1dd7e7ce647b7cd0250708fcc16c46cd57a97818da06a0ddbf9",
         "signature": "e262e3518d5b605bc1ccdd5b3f51bfca531d27b205ac0f9dcfb6982e6110c426",
         "affectsGlobalScope": false
       },
@@ -692,7 +692,7 @@
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/label/Label.tsx": {
-        "version": "55518938fb3bfc5f36aec65e3d1e2e8292a90de59e8f214fb0cb10a00986a02d",
+        "version": "e7d34307fcb33e72682bc084f68721d6e0d33015f491a9ee30a1d26fd7078e78",
         "signature": "2e10ae72a9921c270de3dcc16dd1dd163670f55cc64ec95921830b6f5dcf93e1",
         "affectsGlobalScope": false
       },
@@ -1092,7 +1092,7 @@
         "affectsGlobalScope": false
       },
       "../../core/components/molecules/chipInput/ChipInput.tsx": {
-        "version": "4a64b478b463f7137007bc10481a7ce4f23516bad01bfc5460f4e6f9a4ce9e9d",
+        "version": "80cdf7bb7037dfb381134b93db3f9f61a0b6cbfd1cf2878f641ef967bb2f4410",
         "signature": "7e03f5815331aceb4dcdde07a2a73a891636dae43f459ee8d91a4ecd78d6cb09",
         "affectsGlobalScope": false
       },
@@ -1142,7 +1142,7 @@
         "affectsGlobalScope": false
       },
       "../../core/components/molecules/editableInput/EditableInput.tsx": {
-        "version": "9699d150f6ad90a49a5cd287865d8529215722b988b6f59b7b8dcf727bf2694b",
+        "version": "d24b5bdb12cc8080bc7f83a3f10c336f3dcfda22b16c3b947b96cb2d32ec5750",
         "signature": "ecfe16f129ccf80ceeed9b9bd6d2a6656f8e04e332800cead71e5f86e1d483de",
         "affectsGlobalScope": false
       },
@@ -1366,14 +1366,9 @@
         "signature": "45b9750de5fca677d704d53b48ba6c8542e717e1c7809461edb4f1870b3b54b6",
         "affectsGlobalScope": false
       },
-      "../../core/components/organisms/grid/GridNestedRow.tsx": {
-        "version": "a6298c169d843e5d5f0b271f9b927032669a7b5566e67e0b5b19d9d2fd0db140",
-        "signature": "386ef87ed06daefa64d1f6f8c0ca9393650091499109945f28811b9c7dee62db",
-        "affectsGlobalScope": false
-      },
       "../../core/components/organisms/grid/Cell.tsx": {
-        "version": "9c56431e9af7aed39ceed1308c4c9096b9f05764dee2d07cf5cb394e701791a9",
-        "signature": "27b7fe67efa81e771a1352c51c500b5bfb88e463445f84b0cf7513753a813f12",
+        "version": "73104fd491abcbca1077685c3d5503c4eb2ad681babee44e73467b0df53921b6",
+        "signature": "b1b23efb36cc3b1bcd7567c1b108157e79b087b39671ed9764180282d778597a",
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/grid/GridHead.tsx": {
@@ -1381,8 +1376,13 @@
         "signature": "74985f2a6ea97b6d48bdbceda6d2e90fdd7ffdd17a2e8ee17e34315ba6b2d843",
         "affectsGlobalScope": false
       },
+      "../../core/components/organisms/grid/GridNestedRow.tsx": {
+        "version": "cd9c0e29a819faed46cebf3c9d3d391ae14fdb418d739ed63d1961b9aad54558",
+        "signature": "0a4e9f7cc7e17a39cd24a46abb15b76074438c472dda09d1398c7547531d72cd",
+        "affectsGlobalScope": false
+      },
       "../../core/components/organisms/grid/GridRow.tsx": {
-        "version": "12027e830bf211e967cf1f8cb4226bfd45a0d28abc2d3c5bed6c867ac1d34585",
+        "version": "50371d8993c998080f957d34f5cfe2131f363209b392b435b4ee5564b3b337ea",
         "signature": "e896c56db3e619dd4457355c752791be2e3f267ac73a43142d2481b1cea0a79d",
         "affectsGlobalScope": false
       },
@@ -1417,7 +1417,7 @@
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/table/Table.tsx": {
-        "version": "fd2fe810bee3d385f57605f566d93c489dbcd66531a8a7a7991e7e4cd0536986",
+        "version": "1ff019274d2e6008aa65272bdb08fff888d1b50f1675cd6aff1ff02e884e46cc",
         "signature": "4b3dd8a0a3daee2fc4a0ec207dcd33ff8a559d7394730b36e2119d1a76a5a7fd",
         "affectsGlobalScope": false
       },
@@ -1547,8 +1547,8 @@
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/timePicker/TimePickerWithInput.tsx": {
-        "version": "8eaa08713e2a21a34e7c141e8aaebc77ba7afc743e81eae019e76160c75cd7fc",
-        "signature": "d7fa5aac457cbe0f94de9bfee171d12a35e2aae2423b541d19764f9dfa7392fa",
+        "version": "e5a2d492d6114ca56434378335f2658f3c694996ac3159e5fd73cccb084022d7",
+        "signature": "2dd89773ef2b9c5b8683b329700cc37d2d7409a04d7af3d340b7c5e7e36ab059",
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/timePicker/utils.tsx": {
@@ -5925,7 +5925,8 @@
         "../../core/index.type.tsx",
         "../../core/utils/types.tsx",
         "../../node_modules/@types/node/util.d.ts",
-        "../../node_modules/@types/react/index.d.ts"
+        "../../node_modules/@types/react/index.d.ts",
+        "../../node_modules/classnames/index.d.ts"
       ],
       "../../core/components/organisms/datePicker/Trigger.tsx": [
         "../../core/components/organisms/calendar/utility.ts",
@@ -5977,7 +5978,6 @@
         "../../core/components/organisms/grid/Grid.tsx",
         "../../core/components/organisms/grid/GridContext.ts",
         "../../core/components/organisms/grid/GridHead.tsx",
-        "../../core/components/organisms/grid/GridNestedRow.tsx",
         "../../core/components/organisms/grid/columnUtility.tsx",
         "../../core/components/organisms/grid/utility.tsx",
         "../../core/index.tsx",

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

@@ -4,9 +4,10 @@ interface IProps {
     onClick?: (event: React.MouseEvent<HTMLElement>) => void;
     onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;
     role?: AriaRoleType;
+    tabIndex?: number;
     'aria-label'?: React.AriaAttributes['aria-label'];
 }
-declare const useAccessibilityProps: ({ onClick, onKeyDown, role, ...rest }: IProps) => {
+declare const useAccessibilityProps: ({ onClick, onKeyDown, role, tabIndex, ...rest }: IProps) => {
     onClick: (event: React.MouseEvent<HTMLElement>) => void;
     role: React.AriaRole;
     tabIndex: number;
@@ -14,6 +15,7 @@ declare const useAccessibilityProps: ({ onClick, onKeyDown, role, ...rest }: IPr
     onKeyDown: (e: React.SyntheticEvent<HTMLElement>) => void;
 } | {
     role: React.AriaRole;
+    tabIndex: number | undefined;
     'aria-label': string | undefined;
 };
 export default useAccessibilityProps;

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

@@ -3,6 +3,7 @@ import { Name } from "../chip/Chip";
 import { BaseProps } from "../../../utils/types";
 export interface GenericChipProps extends BaseProps {
     label: string | React.ReactElement;
+    labelPrefix?: string;
     icon?: string;
     clearButton?: boolean;
     disabled?: boolean;

package/dist/core/components/atoms/chip/Chip.d.ts

@@ -4,6 +4,7 @@ export declare type ChipType = 'action' | 'selection' | 'input';
 export declare type Name = number | string | object;
 export interface ChipProps extends BaseProps {
     label: string | React.ReactElement;
+    labelPrefix?: string;
     icon?: string;
     clearButton?: boolean;
     disabled?: boolean;

package/dist/core/components/organisms/grid/Cell.d.ts

@@ -4,6 +4,7 @@ import { GridHeadProps } from "./GridHead";
 interface SharedCellProps {
     schema: ColumnSchema;
     colIndex: number;
+    nestedRowData?: React.ReactNode;
 }
 declare type HeaderCellProps = SharedCellProps & {
     onSelectAll: GridHeadProps['onSelectAll'];

package/dist/core/components/organisms/grid/GridNestedRow.d.ts

@@ -4,12 +4,14 @@ import { RowData } from "./Grid";
 export interface GridNestedRowProps {
     data: RowData;
     rowIndex: number;
+    expanded?: boolean;
 }
 export interface NestedRowProps {
     rowIndex: number;
     data: RowData;
     schema: GridProps['schema'];
     loading: GridProps['loading'];
+    expanded?: boolean;
 }
 export declare const GridNestedRow: (props: GridNestedRowProps) => React.ReactElement<any, any> | null;
 export default GridNestedRow;

package/dist/core/components/organisms/timePicker/TimePickerWithInput.d.ts

@@ -10,6 +10,7 @@ export interface TimePickerInputProps {
     outputFormat: InputFormat;
     validators: Validators;
     onTimeChange?: (timeVal?: string) => void;
+    error?: boolean;
 }
 export declare const TimePickerWithInput: {
     (props: TimePickerInputProps): JSX.Element;

package/dist/core/components/organisms/timePicker/TimePickerWithSearch.d.ts

@@ -20,6 +20,7 @@ export interface TimePickerDropdownProps extends BaseProps {
     onChange?: (selected: any[] | any, name?: string | number) => void;
     fetchTimeOptions?: fetchOptionsFunction;
     id?: string;
+    error?: boolean;
 }
 export declare const TimePickerWithSearch: {
     (props: TimePickerDropdownProps): JSX.Element;