@innovaccer/design-system 2.29.0 → 2.30.1

package/CHANGELOG.md

@@ -1,3 +1,85 @@
+## 2.30.1 (2024-04-03)
+
+### Highlights
+
+- feat(opacity): add new tokens for opacity (460fb565)
+
+### Breaking changes
+
+NA
+
+### Migration guide
+
+NA
+
+### Deprecations
+
+NA
+
+### Features
+
+- feat(opacity): add new tokens for opacity (460fb565)
+
+### Fixes
+
+- fix(table): global action button alignment (5a04afaa)
+
+### Improvements
+
+NA
+
+### Documentation
+
+- docs(docs): add menu component documentation (088a90e4)
+
+---
+
+## 2.30.0 (2024-04-01)
+
+### Highlights
+
+- feat(menu): add new menu component (19010c36)
+- feat(table): add global action support in table (2d1b2eb1)
+- feat(daterangepicker): add reverse date range selection support (15a7febb)
+- feat(tooltip): show tooltip on text overflow (04ebe60e)
+
+### Breaking changes
+
+NA
+
+### Migration guide
+
+NA
+
+### Deprecations
+
+NA
+
+### Features
+
+- feat(menu): add new menu component (19010c36)
+- feat(table): add global action support in table (2d1b2eb1)
+- feat(daterangepicker): add reverse date range selection support (15a7febb)
+- feat(tooltip): show tooltip on text overflow (04ebe60e)
+
+### Fixes
+
+NA
+
+### Improvements
+
+- feat(select): add helptext and top label story (b0fa99f4)
+- feat(menu): add stories for default and destructive variant (0184d311)
+- feat(menu): update submenu context api (23473923)
+
+### Documentation
+
+- docs(docs): add combobox documentation (71584bf8)
+- docs(select): add documentation of select component (4ded82a8)
+- docs(daterangepicker): add reverse date selection documentation for daterangepicker (58836ea8)
+
+---
+
 ## 2.29.0 (2024-03-13)
 
 ### Highlights

package/css/dist/index.css

@@ -272,6 +272,20 @@
   --duration--moderate-02: 240ms;
   --duration--slow-01: 400ms;
   --duration--slow-02: 720ms;
+
+  /**** Opacity ****/
+  --opacity-0: 0;
+  --opacity-4: 0.04;
+  --opacity-8: 0.08;
+  --opacity-12: 0.12;
+  --opacity-16: 0.16;
+  --opacity-24: 0.24;
+  --opacity-32: 0.32;
+  --opacity-40: 0.4;
+  --opacity-48: 0.48;
+  --opacity-64: 0.64;
+  --opacity-80: 0.8;
+  --opacity-100: 1;
 }
 
 /* fallback */
@@ -1757,6 +1771,10 @@ body {
   border-radius: 0 var(--spacing-m) var(--spacing-m) 0;
 }
 
+.Calendar-valueWrapper--hoverEndDate {
+  background: linear-gradient(90deg, white 50%, var(--primary-lightest) 10%);
+}
+
 .Calendar-valueWrapper--endError {
   background: linear-gradient(90deg, var(--alert-lightest) 50%, white 50%);
 }
@@ -4040,6 +4058,12 @@ body {
   margin-bottom: var(--spacing-2);
 }
 
+.Header-global-actions {
+  justify-content: flex-end;
+  margin-left: auto;
+  margin-bottom: var(--spacing-2);
+}
+
 .HorizontalNav {
   display: flex;
 }
@@ -4731,6 +4755,10 @@ body {
   padding-right: var(--spacing-2);
 }
 
+.Listbox-item-wrapper {
+  width: 100%;
+}
+
 .Listbox-item-wrapper:last-child > .Listbox-divider,
 .Listbox-item--draggable:last-child .Listbox-divider {
   background: transparent;
@@ -4833,6 +4861,34 @@ body {
   color: var(--primary);
 }
 
+.Menu {
+  overflow-y: auto !important;
+  padding-top: var(--spacing-m);
+  padding-bottom: var(--spacing-m);
+}
+
+.Menu-Trigger--active {
+  background-color: var(--secondary-dark);
+}
+
+.Menu-Item {
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.Menu-Group-Label {
+  display: flex;
+  align-items: center;
+  padding-bottom: 6px;
+  padding-top: var(--spacing-l);
+  padding-left: var(--spacing-2);
+  padding-right: var(--spacing-l);
+}
+
+.Menu-Group:first-child .Menu-Group-Label {
+  padding-top: var(--spacing);
+}
+
 .Message {
   display: flex;
   flex-direction: row;