@innovaccer/design-system 2.32.0 → 2.33.0

package/CHANGELOG.md

@@ -1,3 +1,79 @@
+## 2.33.0 (2024-05-14)
+
+### Highlights
+
+- feat(verticalnav): add auto tooltip feature and update spacing (f1182a50)
+- feat(verticalnav): add support for tooltip in case of non expandable icon (53a5a3d5)
+
+### Breaking changes
+
+NA
+
+### Migration guide
+
+NA
+
+### Deprecations
+
+NA
+
+### Features
+
+- feat(verticalnav): add auto tooltip feature and update spacing (f1182a50)
+- feat(verticalnav): add support for tooltip in case of non expandable icon (53a5a3d5)
+
+### Fixes
+
+- fix(fileList): update font size weight and spacing in between the text and action icon (4acfbeac)
+
+### Improvements
+
+- feat(gatsby): update changelog for latest gatsby version (57bb181d)
+
+### Documentation
+
+- docs(verticalnav): add overflow documentation (0c49411e)
+
+---
+
+## 2.32.1 (2024-05-08)
+
+### Highlights
+
+- feat(spacing): implement 6px token and replace hardcoded value (292e6e2e)
+
+### Breaking changes
+
+NA
+
+### Migration guide
+
+NA
+
+### Deprecations
+
+NA
+
+### Features
+
+- feat(listbox): add selected and activated type in listbox stories (46c24416)
+- feat(spacing): implement 6px token and replace hardcoded value (292e6e2e)
+- feat(select): add appendToBody and boundary element props support (8a74dc4f)
+
+### Fixes
+
+- fix(select): make title description optional in empty template (42ae0d79)
+
+### Improvements
+
+NA
+
+### Documentation
+
+- docs(spacing): add 6px token documentation (93d299e7)
+
+---
+
 ## 2.32.0 (2024-05-01)
 
 ### Highlights
@@ -2546,7 +2622,7 @@ NA
 - fixes GridBody scrollTop issue on unmount. (766b5686)
 - updates pagination component according to design. (601c3a47)
 - fixes expanded state on initial render of Collapsible component. (e2967a7b)
-- fixes single line case for width<240px in ChipInput. (92a37b6f)
+- fixes single line case for width greater than 240px in ChipInput. (92a37b6f)
 - fixes slider tooltip to move with pointer in Slider component. (f1698ff3)
 - fixes label onClick handling of MultiSlider component (ff4af117)
 - Updates DS-_ to Design-System-_ as data-test attribute value in components. (6956653e)

package/css/dist/index.css

@@ -163,6 +163,7 @@
   --spacing-xs: 1px;
   --spacing-s: 2px;
   --spacing-m: 4px;
+  --spacing-0-75: 6px;
   --spacing: 8px;
   --spacing-l: 12px;
   /* 8 * 2 */
@@ -680,12 +681,12 @@ body {
 }
 
 .Label-requiredIndicator {
-  height: 6px;
-  width: 6px;
+  height: var(--spacing-0-75);
+  width: var(--spacing-0-75);
   border-radius: 50%;
   background: var(--alert);
   margin-left: var(--spacing-m);
-  margin-bottom: 6px;
+  margin-bottom: var(--spacing-0-75);
   display: inline-flex;
 }
 
@@ -2528,7 +2529,7 @@ body {
   height: var(--spacing-2);
   padding: var(--spacing-s);
   margin-left: var(--spacing);
-  margin-top: 6px;
+  margin-top: var(--spacing-0-75);
   cursor: pointer;
   border-radius: 10px;
 }
@@ -2723,7 +2724,7 @@ body {
   align-items: center;
   margin-left: var(--spacing-l);
   margin-top: var(--spacing-l);
-  margin-bottom: 6px;
+  margin-bottom: var(--spacing-0-75);
 }
 
 .Dropdown-section--withClear {
@@ -2754,8 +2755,8 @@ body {
 
 .Option,
 .Option-loading {
-  padding-top: 6px;
-  padding-bottom: 6px;
+  padding-top: var(--spacing-0-75);
+  padding-bottom: var(--spacing-0-75);
   padding-left: var(--spacing-l);
   padding-right: var(--spacing);
 }
@@ -2771,8 +2772,8 @@ body {
 .OptionCheckbox {
   width: 100%;
   padding-left: var(--spacing-l);
-  padding-top: 6px;
-  padding-bottom: 6px;
+  padding-top: var(--spacing-0-75);
+  padding-bottom: var(--spacing-0-75);
 }
 
 .Option--active,
@@ -3344,6 +3345,7 @@ body {
   display: flex;
   justify-content: center;
   align-items: center;
+  flex-shrink: 0;
 }
 .FileItem-file {
   display: flex;
@@ -3359,6 +3361,7 @@ body {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  margin-right: var(--spacing);
   margin-left: var(--spacing-l);
 }
 .FileItem-error {
@@ -4423,8 +4426,8 @@ body {
 
 .Input--regular {
   height: var(--font-height-l);
-  padding-top: 6px;
-  padding-bottom: 6px;
+  padding-top: var(--spacing-0-75);
+  padding-bottom: var(--spacing-0-75);
 }
 
 .Input--large {
@@ -4912,7 +4915,7 @@ body {
 .Menu-Group-Label {
   display: flex;
   align-items: center;
-  padding-bottom: 6px;
+  padding-bottom: var(--spacing-0-75);
   padding-top: var(--spacing-l);
   padding-left: var(--spacing-2);
   padding-right: var(--spacing-l);
@@ -5600,8 +5603,8 @@ body {
   font-size: var(--font-size-s);
   line-height: var(--font-height-s);
   text-transform: uppercase;
-  padding-right: 6px;
-  padding-left: 6px;
+  padding-right: var(--spacing-0-75);
+  padding-left: var(--spacing-0-75);
   padding-top: var(--spacing-s);
   padding-bottom: var(--spacing-s);
   border-radius: 20px;
@@ -6677,7 +6680,7 @@ body {
   height: var(--spacing);
   width: var(--spacing);
   margin-right: var(--spacing);
-  margin-top: 6px;
+  margin-top: var(--spacing-0-75);
 }
 
 .StatusHint--alert {
@@ -6830,7 +6833,7 @@ body {
   width: 100%;
   background-color: var(--secondary-light);
   transition: background 120ms ease;
-  padding-right: 6px;
+  padding-right: var(--spacing-0-75);
 }
 
 .Switch-input:focus ~ .Switch-wrapper {
@@ -6885,7 +6888,7 @@ body {
 .Switch-wrapper--checked {
   background-color: var(--primary);
   transition: background 120ms ease;
-  padding-left: 6px;
+  padding-left: var(--spacing-0-75);
   padding-right: 2px !important;
 }
 
@@ -7644,7 +7647,7 @@ body {
   text-transform: uppercase;
   padding-left: var(--spacing-2);
   padding-top: var(--spacing-l);
-  padding-bottom: 6px;
+  padding-bottom: var(--spacing-0-75);
   margin-top: var(--spacing);
 }
 
@@ -7752,6 +7755,12 @@ body {
   white-space: nowrap;
 }
 
+.MenuItem--overflow {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .MenuItem-count {
   margin-right: var(--spacing-m);
 }