@innovaccer/design-system 4.0.0 → 4.1.0

package/CHANGELOG.md

@@ -1,3 +1,49 @@
+## 4.1.0 (2025-1-17)
+
+### Highlights
+
+- feat(table): add vertical alignment support in table body cell (0dd117e4)
+- feat(avatarSelection): update stacking order and popover design of avatar selection (051093c9)
+- feat(avatarGroup): update popover design & stacking order of avatar group (143c9994)
+
+### Breaking changes
+
+NA
+
+### Migration guide
+
+NA
+
+### Deprecations
+
+NA
+
+### Features
+
+- feat(table): add vertical alignment support in table body cell (0dd117e4)
+- feat(avatarSelection): update stacking order and popover design of avatar selection (051093c9)
+- feat(avatarGroup): update popover design & stacking order of avatar group (143c9994)
+
+### Fixes
+
+- fix(table): remove loading state from static header (89642c47)
+- fix(table): fix horizontal scroll alignment issue between columns (93fb855d)
+- fix: update tsconfig to fix import error for module css (a8590122)
+- fix(docs): fix overlapping of image with table of content in input component (f324767c)
+- fix(radio): update props order to accept data-test properly in radio component (34f5b3cd)
+- chore: update typescript plugin for ts declaration file bundling (316a461e)
+
+### Improvements
+
+- test(daterangepicker): update test cases for date range picker component (7e2e6d91)
+- chore: update design system esm bundle path in docs script (5c435736)
+
+### Documentation
+
+- docs(avatarGroup): update images and guideline for avatar group component (90d518dd)
+
+---
+
 ## 4.0.0 (2024-12-25)
 
 ### Highlights

package/css/dist/index.css

@@ -747,15 +747,14 @@ body {
 .AvatarGroup-item {
   border-radius: 50%;
   position: relative;
+  margin-right: calc(var(--spacing-s) * -1);
 }
 
 .AvatarGroup-item--regular {
-  margin-right: calc(var(--spacing-m) * -1);
   height: var(--spacing-3);
 }
 
 .AvatarGroup-item--tiny {
-  margin-right: calc(var(--spacing-s) * -1);
   height: var(--spacing-xl);
 }
 
@@ -782,6 +781,37 @@ body {
   outline-offset: 3px;
 }
 
+.AvatarGroup-inputWrapper {
+  border-bottom: var(--spacing-xs) solid var(--secondary-dark);
+}
+
+.AvatarGroup-inputWrapper:focus-within {
+  border-bottom: var(--spacing-xs) solid var(--primary);
+}
+
+.AvatarGroup-input {
+  min-width: unset !important;
+  background: transparent;
+  border-bottom-left-radius: 0px;
+  border-bottom-right-radius: 0;
+  height: calc(var(--spacing-3) + var(--spacing-m)) !important;
+}
+
+.AvatarGroup-input,
+.AvatarGroup-input:focus-within {
+  border: unset !important;
+  box-shadow: none !important;
+}
+
+.AvatarGroup-input:hover {
+  background-color: var(--secondary-lightest);
+}
+
+.AvatarGroup-listItem--disabled {
+  cursor: not-allowed;
+  pointer-events: auto !important;
+}
+
 /* Selection avatar group */
 .SelectionAvatarGroup {
   box-sizing: border-box;
@@ -792,7 +822,7 @@ body {
 /* Selection Avatar List */
 
 .SelectionAvatarGroup-item {
-  margin-right: calc(var(--spacing-m) * -1);
+  margin-right: calc(var(--spacing-s) * -1);
   border-radius: 50%;
   display: flex;
   transition: transform var(--duration--fast-01) var(--standard-productive-curve);
@@ -8214,6 +8244,10 @@ body {
   cursor: default;
 }
 
+.cursor-not-allowed {
+  cursor: not-allowed;
+}
+
 .d-none {
   display: none !important;
 }