@innovaccer/design-system 2.36.2 → 2.37.1

package/css/src/components/actionCard.css

@@ -1,29 +1,32 @@
 .ActionCard {
-  cursor: pointer;
   border-radius: var(--spacing-m);
   width: 100%;
+}
+
+.ActionCard--default {
+  cursor: pointer;
   border: var(--spacing-xs) solid var(--secondary-dark);
 }
 
-.ActionCard:hover {
-  box-shadow: var(--shadow-m);
+.ActionCard--default:hover {
+  box-shadow: var(--shadow-l);
   transition: var(--duration--fast-01) var(--standard-productive-curve);
 }
 
-.ActionCard:focus,
-.ActionCard:focus-visible {
+.ActionCard--default:focus,
+.ActionCard--default:focus-visible {
   outline: none;
-  border: var(--spacing-xs) solid var(--secondary-light);
+  border: var(--spacing-xs) solid var(--secondary-dark);
   box-shadow: var(--shadow-spread) var(--secondary-shadow);
 }
 
-.ActionCard:active {
-  box-shadow: var(--shadow-l);
+.ActionCard--default:active {
+  box-shadow: var(--shadow-m);
   transition: var(--duration--fast-01) var(--standard-productive-curve);
 }
 
 .ActionCard--disabled {
-  pointer-events: none;
+  cursor: not-allowed;
   position: relative;
   border: var(--spacing-xs) solid var(--secondary-lighter);
 }
@@ -36,5 +39,5 @@
   left: 0;
   z-index: 2;
   opacity: var(--opacity-10);
-  background: var(--secondary-light);
+  background: var(--secondary-lightest);
 }

package/css/src/components/avatar.css

@@ -10,9 +10,16 @@
   text-transform: uppercase;
   border-radius: 50%;
   cursor: default;
+  position: relative;
 }
 
-.Avatar--wrapper {
+.Avatar--default:focus,
+.Avatar--default:focus-visible {
+  outline: 3px solid var(--primary-shadow);
+  outline-offset: 3px;
+}
+
+.Avatar-wrapper--square {
   padding: var(--spacing-xs);
   box-sizing: border-box;
 }
@@ -33,10 +40,26 @@
   width: var(--spacing-xl);
 }
 
-.Avatar--disabled {
+.Avatar--noInitials {
   cursor: default;
 }
 
+.Avatar--disabled {
+  cursor: not-allowed;
+}
+
+.Avatar--disabled::after {
+  opacity: var(--opacity-20);
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  position: absolute;
+  pointer-events: none;
+  content: '';
+  background-color: var(--white);
+}
+
 .Avatar--primary {
   background: var(--primary);
 }

package/css/src/components/avatarGroup.css

@@ -1,5 +1,6 @@
 .AvatarGroup-item {
   border-radius: 50%;
+  position: relative;
 }
 
 .AvatarGroup-item--regular {
@@ -29,4 +30,11 @@
 
 .AvatarCount-wrapper {
   border-radius: 50%;
+  position: relative;
+}
+
+.AvatarCount-wrapper:focus,
+.AvatarCount-wrapper:focus-visible {
+  outline: 3px solid var(--primary-shadow);
+  outline-offset: 3px;
 }

package/css/src/components/avatarSelection.css

@@ -26,7 +26,7 @@
   outline-offset: var(--spacing-xs);
 }
 
-.SelectionAvatarGroup-wrapper:hover .SelectionAvatarGroup-item {
+.SelectionAvatarGroup-wrapper:hover .SelectionAvatarGroup-item--active {
   transform: translateY(-8px);
 }
 

package/css/src/components/chip.css

@@ -55,10 +55,11 @@
 }
 
 .Chip-action--disabled {
-  background: var(--secondary-lighter);
+  background: var(--secondary-light);
+  opacity: var(--opacity-12);
   border: 0px;
   outline: none;
-  cursor: default;
+  cursor: not-allowed;
 }
 
 .Chip--selection {
@@ -83,17 +84,19 @@
 }
 
 .Chip-selection--disabled {
-  background: var(--secondary-lightest);
-  border-color: var(--secondary-lighter);
+  background: var(--white);
+  border-color: var(--secondary);
+  opacity: var(--opacity-12);
+  cursor: not-allowed;
 }
 
 .Chip-selection--selected {
-  background: var(--primary-lightest);
+  background: color-mod(var(--primary-lightest) a(var(--opacity-12)));
   border-color: var(--primary-lighter);
 }
 
 .Chip-selection--selected:hover {
-  background: var(--primary-lighter);
+  background: color-mod(var(--primary-lighter) a(var(--opacity-12)));
   border-color: var(--primary-light);
 }
 
@@ -121,7 +124,7 @@
 }
 
 .Chip-selection--selectedDisabled {
-  background: var(--primary-lightest);
+  background: color-mod(var(--primary-lightest) a(var(--opacity-12)));
   border-color: var(--primary-lighter);
 }
 
@@ -147,6 +150,8 @@
 
 .Chip-input--disabled {
   background: var(--secondary-lighter);
+  opacity: var(--opacity-12);
+  cursor: not-allowed;
   border: 0px;
 }
 

package/css/src/components/message.css

@@ -26,7 +26,7 @@
 
 .Message--warning {
   border-color: var(--accent1);
-  background-color: color-mod(var(--warning-lightest) a(var(--opacity-10)));
+  background-color: color-mod(var(--accent1-lightest) a(var(--opacity-10)));
 }
 
 .Message-icon {

package/css/src/components/select.css

@@ -72,7 +72,8 @@
   padding-left: var(--spacing);
 }
 
-.Select-trigger-text {
+.Select-trigger--text,
+.Select-option--text {
   text-align: left;
   white-space: nowrap;
   overflow: hidden;
@@ -129,3 +130,9 @@
 .Select-crossButton:active {
   background-color: var(--secondary-dark);
 }
+
+.Select-option {
+  display: flex;
+  align-items: flex-start;
+  width: 100%;
+}

package/css/src/components/selectionCard.css

@@ -1,29 +1,36 @@
 .Selection-card {
-  cursor: pointer;
   border-radius: var(--spacing-m);
   position: relative;
-  box-shadow: inset 0 0 0 var(--spacing-xs) var(--secondary-dark);
   transition: var(--duration--fast-01) var(--standard-productive-curve);
 }
 
-.Selection-card:hover {
+.Selection-card--default {
+  cursor: pointer;
+  box-shadow: inset 0 0 0 var(--spacing-xs) var(--secondary-dark);
+}
+
+.Selection-card--default:hover {
   box-shadow: inset 0 0 0 var(--spacing-s) var(--inverse-lightest);
   transition: var(--duration--fast-01) var(--standard-productive-curve);
 }
 
-.Selection-card:focus,
-.Selection-card:focus-visible {
+.Selection-card--default:focus,
+.Selection-card--default:focus-visible {
   outline: none;
-  box-shadow: var(--shadow-spread) var(--secondary-shadow), inset 0 0 0 var(--spacing-xs) var(--secondary-light);
+  box-shadow: var(--shadow-spread) var(--secondary-shadow), inset 0 0 0 var(--spacing-xs) var(--secondary-dark);
 }
 
-.Selection-card:active {
+.Selection-card--default:active {
   box-shadow: inset 0 0 0 var(--spacing-s) var(--primary);
   transition: var(--duration--fast-01) var(--standard-productive-curve);
 }
 
 .Selection-card--disabled {
-  pointer-events: none;
+  cursor: not-allowed;
+  outline: none;
+}
+
+.Selection-card--default-disabled {
   box-shadow: inset 0 0 0 var(--spacing-xs) var(--secondary-lighter);
 }
 
@@ -48,7 +55,6 @@
 }
 
 .Selection-card--selected-disabled {
-  pointer-events: none;
   box-shadow: inset 0 0 0 var(--spacing-xs) var(--primary-lighter);
 }
 
@@ -65,12 +71,12 @@
   border-radius: var(--spacing-m);
 }
 
-.Selection-card:active .Selection-card-overlay {
+.Selection-card--default:active .Selection-card-overlay {
   background-color: var(--primary);
   opacity: var(--opacity-3);
 }
 
-.Selection-card--disabled .Selection-card-overlay {
+.Selection-card--default-disabled .Selection-card-overlay {
   background-color: var(--secondary-lightest);
   opacity: var(--opacity-10);
 }

package/css/src/utils/cursor.css

@@ -1,3 +1,7 @@
 .cursor-pointer {
   cursor: pointer;
 }
+
+.cursor-default {
+  cursor: default;
+}

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

@@ -287,8 +287,8 @@
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/avatar/Avatar.tsx": {
-        "version": "0a3fbf41f7832698e541364eb36e6deb5c7520b70b414a345043fc1d10013d0d",
-        "signature": "72d77c2f585068d5789e58184d196850ffcc447c738c3fb701beb9a117595a04",
+        "version": "c9fe98562bd556c35e857d81ea4d6714279ef2f8ffc042e7548004da5f657fad",
+        "signature": "451fef369b2ca5ac6597e868a21a3248b85e46d7b0fb176cb490d29c11163f82",
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/avatar/index.tsx": {
@@ -297,23 +297,23 @@
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/avatarGroup/AvatarCount.tsx": {
-        "version": "da401f3f5ca599afa1766898c4ee7d47eef9f89461338d3d403a9d1831e839bd",
+        "version": "c27d2a3753d138b2b14ab3a26291927191695be8b9603df78011ed99dd8e1065",
         "signature": "28638b5b5c48afd430b5756033eefbe33a8098c1c0f56ee71b8c98c127808d1c",
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/avatarGroup/Avatars.tsx": {
-        "version": "2ebb430d6b98659ad239c589d291a3c76ad4c119da043444938630c29db708c3",
+        "version": "a9ef0fe95606221d24b660918549be2ef69fc762d08471d7442ea16b8d846ee8",
         "signature": "695e51eeb303f29c0263fa5c6b977153066291197a52797f11988ab8e4e7e43b",
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/avatarGroup/AvatarPopperBody.tsx": {
-        "version": "251491faf78c210aefe885e44f04f3006356976eadfa6609855286693393665b",
+        "version": "52fde9f76de1b5a52e076467b3f941fec65b658ee2b14f94066c3caa89b69eb1",
         "signature": "940659bdfd49091e44834ef4d58906fc661666cc467c523aa96a2155126a54f8",
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/avatarGroup/AvatarGroup.tsx": {
-        "version": "cbacea8958a3fa5cbbe3e6f5ee2f2d1729beb33c7ef37ff78ce41433a22e11a6",
-        "signature": "ce3f3fd390bd9db8bae71aa4bd609a13cc1c13ff45b2a72f8de33ff7677e4cd6",
+        "version": "361e34364db7f4c693dc16555f207485d43cd62443d989707877d102ea9feb27",
+        "signature": "6330cda2728e56025c3334fe746c05b1cec082968c7d4b4953965395c577da8c",
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/avatarGroup/index.tsx": {
@@ -472,7 +472,7 @@
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/_chip/index.tsx": {
-        "version": "88ba1baab5ab5521c4ea104c4cd3532171bb5ce424b8a01e70f501e7d6c075d9",
+        "version": "9e333d72bba367d2bb7e060ce60042d81637463f287773b9e5dd50837ad36e64",
         "signature": "e7bd1e8d71c283b6c32cc609c73a1f973f4bc9a3121a7df41d35ec831a50ed01",
         "affectsGlobalScope": false
       },
@@ -1512,7 +1512,7 @@
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/popperWrapper/PopperWrapper.tsx": {
-        "version": "eaec4d0fa389911d58336b4caebb09aab0dcdd301fd1a54c5cc7a800b48a5069",
+        "version": "4cc76b2b17546544b58a6abd49aafa514db718994e4b117bcd15feaf68c2d278",
         "signature": "c033c7d7406e65a875c6b795e28995bc2114b356b1a63e5fc4001cdd3f66de94",
         "affectsGlobalScope": false
       },
@@ -1892,7 +1892,7 @@
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/actionCard/ActionCard.tsx": {
-        "version": "c6faa704d990236e814822af97051664ad91e5aed9c59ac8dec0627042aa30b9",
+        "version": "9b018aff8a363ed10761c6424fa40edb166c44c5ecd647134f5fce127820e27b",
         "signature": "9a25f22c0c0c76eaaa779f1956315fb660a9642462f0fe6983c34de5b57afc8c",
         "affectsGlobalScope": false
       },
@@ -1917,7 +1917,7 @@
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/selectionCard/SelectionCard.tsx": {
-        "version": "ad0500d116d77d6db303fda101f3f1a40fa9d4e8336bc7723fdecb7343e73a15",
+        "version": "5b20b444a952d54c9cb0f8ed2a469802e2051a1118c296ffb8d56de259f47de0",
         "signature": "2497ebca50621852b59d5c9a0e645c1f12fc3f5240148bf25082bcf8077f485c",
         "affectsGlobalScope": false
       },
@@ -2022,8 +2022,8 @@
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/avatarSelection/avatarsSelection/SelectionAvatar.tsx": {
-        "version": "fb8a4ffbff51d654c7a50ad099e31cf1e633b49f712662eee2573482c911bfd4",
-        "signature": "e0f84806f3e16ee9c43b5b9b58740fa1aa231fd308b4df5d205d5b5b35f8ba66",
+        "version": "7898eb7c5c76aeab9e24121625ab01f51a5903271d983719ae45a42dc78ee153",
+        "signature": "e78900c863f48a867d8b8b065f7537df112e696606c17cb68a9fdf27d8eef17f",
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/avatarSelection/AvatarSelectionContext.tsx": {
@@ -2032,7 +2032,7 @@
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/avatarSelection/avatarsSelection/SelectionAvatarsWrapper.tsx": {
-        "version": "64e9eec85395988ddc892aff699474c5d06682372656104406ff0e576ec39434",
+        "version": "7ca351aef735d12df469163c61976222f4a059a75c886d21d3703ca6010fb6d8",
         "signature": "7e8462156f28d2c256811c2b799a1fff4a7ed86e3b4ce3172edc207b95aa9e39",
         "affectsGlobalScope": false
       },
@@ -2042,7 +2042,7 @@
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/avatarSelection/avatarsSelection/AvatarSelectionCount.tsx": {
-        "version": "5c90c88507766643fb995aee711cd342375a2919c3b9e80a1c7d2d4ee573e646",
+        "version": "e9696a642ae6a052984f944bdb403a64933400f81d557ad20f58472bc5da7ac0",
         "signature": "6c444534437668874ac59ea08a7854b06b6594247b7f46f21e41ac5f3a66d47f",
         "affectsGlobalScope": false
       },
@@ -2067,8 +2067,8 @@
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/avatarSelection/avatarPopover/AvatarSelectionOption.tsx": {
-        "version": "4ee2573ac4d8838660981410b36ef3e72e59b35e7b40da1430b74ed7ccf03205",
-        "signature": "4b098955d1df3c7ccda9296179a4e2978177de7847c2aeae421f037cad5457cc",
+        "version": "d94ec383fae9f1daaeaccb6c56f62e941bba672f203083adeca161d5fb491ce5",
+        "signature": "e3fbc26f1e404969d91d392778939ecd080c0f2efa0c54759657725dc6ac96c0",
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/avatarSelection/avatarPopover/AvatarSelectionEmptyState.tsx": {
@@ -2077,7 +2077,7 @@
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/avatarSelection/avatarPopover/AvatarSelectionPopover.tsx": {
-        "version": "e9a41b33ffec6f3f49358e47e5fd9557250c134e6d733a56e82e197009b734de",
+        "version": "20d28428f963254af7109b1539b9606ae85df08209095445a1b99977ec707dd3",
         "signature": "09fa6315494df1357b840c3c6088908fb1094cb5c09c1515dd3ef8f26caf0595",
         "affectsGlobalScope": false
       },
@@ -2087,8 +2087,8 @@
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/avatarSelection/AvatarSelection.tsx": {
-        "version": "f5abc419e5db58ca8a440d9641b3c8b4fc7a59809766d34cced0d22597c969e2",
-        "signature": "7a49c2ab20c7207f4d26e61026fad7a459ad8efd6e8a39dc83992653eef23048",
+        "version": "2cb44dfb4c29448cd74327b519a1fad86112e86f0f6831fa058aeac72385b1db",
+        "signature": "8464724ae987e1f0ec23ba80522fc11da13fb370e82750b7efe589df4e2e602a",
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/avatarSelection/index.tsx": {
@@ -2162,17 +2162,17 @@
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/select/utils.tsx": {
-        "version": "2bcbc9a65cfbfa43779c439d8906cd1fd95999bd1bb4d2024307dab0e52e64a2",
+        "version": "1a0f82ddbe18ce936a17092056aabdc553cf6485cc0d2008ec09a3a9640e9e59",
         "signature": "9901a08865a2d9990f41e0bc237ee7ecf0a06fc9525c7d94098eab93b1f45ccb",
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/select/SelectOption.tsx": {
-        "version": "249a1502ab13b32c606630ae8179f498b2d452d13d62b831c42973b9f23e80ae",
+        "version": "427578fcf50bd2c9c1903f2a6c391b6a28473b216b76d709f696a977f5cda0f9",
         "signature": "b7da301dbe1169580de986f62c87077f76890064d925c1e648221ee58b03fe07",
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/select/SelectTrigger.tsx": {
-        "version": "3350e7414ea5ca4b3d10697c5c0ae4c7bd5557705ba4eaf0d5b619736bc6ea6b",
+        "version": "cd12295dd349bd92da3479dc271a5088ede6d69993ac816c90e550e9fd97e7d1",
         "signature": "342e41566380c2b501da61c4a9eb07c72385c14f64bb177d4d5744e1e6217919",
         "affectsGlobalScope": false
       },
@@ -2192,8 +2192,8 @@
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/select/Select.tsx": {
-        "version": "2945031b7e0ada3586a9ba17e26c6da12fa7929d9fbc9ede0158ee4b9064e266",
-        "signature": "7c4b8e05fda14918072776e80e8beeba13c0f4bd91b9072bc72f96cce85c020a",
+        "version": "86321434fdf7358af19192cc969c9db8c05a2f1c73414cf389f6a5e8d0602ec6",
+        "signature": "5caf11edf4c299e5720b5213241f520628741917c6d6ea291dff60a3b3aa4fb8",
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/select/index.tsx": {
@@ -2432,7 +2432,7 @@
         "affectsGlobalScope": false
       },
       "../../core/components/css-utilities/designTokens/Data.tsx": {
-        "version": "4969fd9b9910ed6c8404eacafffff3d9dcfadf2449adf10fead25c66ded1f752",
+        "version": "74426db5cef52197fe475467b83891d2adefa402ed08cb5d9485c5e1d1548674",
         "signature": "2583c1f78c1b3d0dfe4ab20b9118007fd35cbc26426964b94c6f8a32844c4dc7",
         "affectsGlobalScope": false
       },
@@ -2582,7 +2582,7 @@
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/select/__test__/Select.test.tsx": {
-        "version": "122a2a448a82db7bcee1190f925b416e4fa6fcac0f381a96a995d3671388bec2",
+        "version": "5107c0da61e325ca13a6f35d410e0deadc270f2632e1757d531165c444029081",
         "signature": "8e609bb71c20b858c77f0e9f90bb1319db8477b13f9f965f1a1e18524bf50881",
         "affectsGlobalScope": false
       },
@@ -5807,7 +5807,8 @@
         "../../core/index.tsx",
         "../../core/index.type.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/atoms/avatarSelection/avatarsSelection/SelectionAvatarsWrapper.tsx": [
         "../../core/common.type.tsx",
@@ -7662,7 +7663,8 @@
         "../../core/index.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/select/SelectTrigger.tsx": [
         "../../core/common.type.tsx",

package/dist/core/components/atoms/avatar/Avatar.d.ts

@@ -9,9 +9,12 @@ export interface AvatarProps extends BaseProps {
     lastName?: string;
     withTooltip: boolean;
     tooltipPosition: TooltipProps['position'];
+    tooltipSuffix?: string;
     size: AvatarSize;
     shape: AvatarShape;
+    disabled?: boolean;
     role?: string;
+    tabIndex?: number;
 }
 export declare const Avatar: {
     (props: AvatarProps): JSX.Element;

package/dist/core/components/atoms/avatarGroup/AvatarGroup.d.ts

@@ -8,6 +8,8 @@ interface AvatarData extends Record<string, any> {
     appearance?: AvatarProps['appearance'];
     icon?: React.ReactNode;
     image?: React.ReactNode;
+    disabled?: boolean;
+    tooltipSuffix?: string;
 }
 interface AvatarPopoverProps {
     popperRenderer?: (names: AvatarData[]) => JSX.Element;

package/dist/core/components/atoms/avatarSelection/AvatarSelection.d.ts

@@ -9,6 +9,8 @@ export interface AvatarData extends Record<string, any> {
     icon?: React.ReactNode;
     image?: React.ReactNode;
     selected?: boolean;
+    disabled?: boolean;
+    tooltipSuffix?: string;
 }
 export interface AvatarSelectionProps extends BaseProps {
     list: AvatarData[];

package/dist/core/components/atoms/avatarSelection/avatarPopover/AvatarSelectionOption.d.ts

@@ -4,6 +4,7 @@ export declare type ItemTagType = 'li' | 'div';
 export interface SelectionOptionProps extends BaseProps {
     children: React.ReactNode;
     value?: any;
+    disabled?: boolean;
     tagName: ItemTagType;
     onFocus?: (event: React.FocusEvent) => void;
     onBlur?: (event: React.FocusEvent) => void;

package/dist/core/components/atoms/avatarSelection/avatarsSelection/SelectionAvatar.d.ts

@@ -10,6 +10,8 @@ interface SelectionAvatarProps {
     icon?: React.ReactNode;
     image?: React.ReactNode;
     tooltipPosition?: TooltipProps['position'];
+    disabled?: boolean;
+    tooltipSuffix?: string;
 }
 export declare const SelectionAvatar: (props: SelectionAvatarProps) => JSX.Element;
 export default SelectionAvatar;

package/dist/core/components/organisms/select/Select.d.ts

@@ -19,6 +19,8 @@ export interface SelectProps extends BaseProps {
     boundaryElement?: React.RefObject<HTMLElement> | Element;
     appendToBody?: boolean;
     onOutsideClick?: () => void;
+    onToggle?: (open: boolean) => void;
+    trigger?: React.ReactElement;
     triggerOptions?: SelectTriggerProps;
 }
 export interface SelectMethods {