@innovaccer/design-system 3.2.0 → 3.4.0

package/CHANGELOG.md

@@ -1,3 +1,95 @@
+## 3.4.0 (2024-11-18)
+
+### Highlights
+
+- feat(progressBar): update small size from 2px to 4px (c5ed8a80)
+- feat(progressRing): add large size support in progress ring component (2da8320b)
+- feat(spinner): add extra small size for spinner (16ab49ff)
+- feat(scrollbar): update scrollbar state (ca53ef74)
+- feat(spinner): add secondary and white appearances (c1730ed5)
+- feat(spinner): update figma code connect for extra small size of spinner (e4bdbb0f)
+
+### Breaking changes
+
+- feat(progressBar): update small size from 2px to 4px (c5ed8a80)
+- feat(scrollbar): update scrollbar state (ca53ef74)
+- Revert "fix(table): fix selection state of resource table" (fc4f1739)
+
+### Migration guide
+
+NA
+
+### Deprecations
+
+NA
+
+### Features
+
+- feat(progressBar): update small size from 2px to 4px (c5ed8a80)
+- feat(progressRing): add large size support in progress ring component (2da8320b)
+- feat(spinner): add extra small size for spinner (16ab49ff)
+- feat(scrollbar): update scrollbar state (ca53ef74)
+- feat(spinner): add secondary and white appearances (c1730ed5)
+- feat(spinner): update figma code connect for extra small size of spinner (e4bdbb0f)
+
+### Fixes
+
+- fix(docs): update active state for leftnav menu item (c07b00a3)
+- fix(docs): synchronize active tab state with URL to prevent mismatch after navigation (c5bd00d8)
+- Revert "fix(table): fix selection state of resource table" (fc4f1739)
+
+### Improvements
+
+- fix(modal): update story of Modal component and replace Dropdown with Select component (60c93bb8)
+- fix(Table): update stories of Resource table component and replace Dropdown with Menu component (95775d34)
+- fix(HorizontalNav): update stories of HorizontalNav component and replace Dropdown with Select component (e6b9cfb8)
+- fix(pageheader): replace dropdown with Menu component in Pageheader stories (dad8ae1d)
+- chore: remove jira automation workflow for github issues (6b5ebb8e)
+
+### Documentation
+
+- docs(docs): update progress indicator documentation (2788f9d5)
+
+---
+
+## 3.3.0 (2024-11-04)
+
+### Highlights
+
+- fix(table): fix selection state of resource table (9e9fb824)
+- fix(docs): remove js-beautify dependency (8e6cbac0)
+
+### Breaking changes
+
+NA
+
+### Migration guide
+
+NA
+
+### Deprecations
+
+NA
+
+### Features
+
+NA
+
+### Fixes
+
+- fix(table): fix selection state of resource table (9e9fb824)
+- fix(docs): remove js-beautify dependency (8e6cbac0)
+
+### Improvements
+
+NA
+
+### Documentation
+
+NA
+
+---
+
 ## 3.2.0 (2024-10-17)
 
 ### Highlights

package/css/dist/index.css

@@ -705,14 +705,26 @@ body {
 }
 
 ::-webkit-scrollbar {
-  width: var(--spacing-2);
+  width: 16px;
 }
 
 ::-webkit-scrollbar-thumb {
-  border: var(--spacing-s) solid rgba(0, 0, 0, 0);
-  background-clip: padding-box;
-  border-radius: var(--spacing);
-  background-color: var(--secondary);
+  background: #c5c5c5;
+  border-radius: 8px;
+  border: 2px solid transparent;
+  background-clip: content-box;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: #a6a6a6;
+  border: 2px solid transparent;
+  background-clip: content-box;
+}
+
+::-webkit-scrollbar-thumb:active {
+  background: #707070;
+  border: 2px solid transparent;
+  background-clip: content-box;
 }
 
 .Legend {
@@ -741,7 +753,7 @@ body {
 }
 
 .ProgressBar-indicator--small {
-  height: var(--spacing-s);
+  height: var(--spacing-m);
 }
 
 .ProgressBar-indicator--regular {
@@ -1511,16 +1523,6 @@ body {
   z-index: 1;
 }
 
-.Button--tiny .Spinner--small {
-  height: var(--font-size-s);
-  width: var(--font-size-s);
-}
-
-.Button--large .Spinner--small {
-  height: var(--font-size-l);
-  width: var(--font-size-l);
-}
-
 .Button--selected {
   background: var(--primary-lightest);
   color: var(--primary-dark);
@@ -5696,14 +5698,19 @@ body {
   transform: rotate(-90deg);
 }
 
+.Ring--small {
+  height: var(--spacing-2);
+  width: var(--spacing-2);
+}
+
 .Ring--regular {
   height: var(--spacing-3);
   width: var(--spacing-3);
 }
 
-.Ring--small {
-  height: var(--spacing-2);
-  width: var(--spacing-2);
+.Ring--large {
+  height: var(--spacing-4);
+  width: var(--spacing-4);
 }
 
 .Ring Circle {
@@ -6432,6 +6439,11 @@ body {
   animation: rotate 2s linear infinite;
 }
 
+.Spinner--xsmall {
+  height: var(--spacing-l);
+  width: var(--spacing-l);
+}
+
 .Spinner--small {
   height: var(--spacing-2);
   width: var(--spacing-2);
@@ -6459,11 +6471,11 @@ body {
 }
 
 .Circle--secondary {
-  stroke: var(--primary);
+  stroke: var(--secondary-dark);
 }
 
 .Circle--white {
-  stroke: var(--primary);
+  stroke: var(--white);
 }
 
 .StatusHint {