@innovaccer/design-system 2.38.1 → 2.40.0

package/CHANGELOG.md

@@ -1,3 +1,96 @@
+## 2.40.0 (2024-07-29)
+
+### Highlights
+
+- feat(keyValuePair): add new key-value-pair component (e3d6a8bb)
+- feat(figma): add figma code connect to atomic components (c66e9e3c)
+- feat(tabs): add overflow behavior for text label (1aeaf466)
+- feat: figma code connect for atom components (df43978b)
+- feat(figma): update figma code connect variable for button component (c45a1223)
+- feat(popover): add disabled prop to prevent toggle for disabled trigger (fdc01a87)
+
+### Breaking changes
+
+NA
+
+### Migration guide
+
+NA
+
+### Deprecations
+
+NA
+
+### Features
+
+- feat(keyValuePair): add new key-value-pair component (e3d6a8bb)
+- feat(figma): add figma code connect to atomic components (c66e9e3c)
+- feat(tabs): add overflow behavior for text label (1aeaf466)
+- feat: figma code connect for atom components (df43978b)
+- feat(figma): update figma code connect variable for button component (c45a1223)
+- feat(popover): add disabled prop to prevent toggle for disabled trigger (fdc01a87)
+
+### Fixes
+
+- fix(inputMask): autofocus issue for WebKit browsers fix (201be4e2)
+- fix(AIResponse): remove beta from the AI Response stories (37b44f0f)
+- fix(link): add description for using subtle as appearance in link component (e820f517)
+- fix(select): update width for select option wrapper (6f5527d3)
+- fix(docs): remove keyValuePair nav from mobile page (137a9a92)
+
+### Improvements
+
+- feat(keyValuePair): update stories of keyValuePair component (323ecb62)
+
+### Documentation
+
+- docs(tabs): update tab label overflow documentation (b23e2592)
+- docs(keyValuePair): add key value pair component documentation (be957de5)
+
+---
+
+## 2.39.0 (2024-07-16)
+
+### Highlights
+
+- feat(tab): add small size support in tab component (0060c807)
+- feat(Message): update background colors in message (d31d5fd1)
+- feat(AIResponse): add generating response story (9f64993e)
+
+### Breaking changes
+
+NA
+
+### Migration guide
+
+NA
+
+### Deprecations
+
+NA
+
+### Features
+
+- feat(tab): add small size support in tab component (0060c807)
+- feat(Message): update background colors in message (d31d5fd1)
+- feat(AIResponse): add generating response story (9f64993e)
+
+### Fixes
+
+- fix(chip): update inline alignment for multiple chips (bf8f6b29)
+
+### Improvements
+
+NA
+
+### Documentation
+
+- docs(message): update images in message documentation (2bf6b150)
+- docs(tabs): add small size tabs documentation (5dbd6c9f)
+- docs(AIResponse): add stories for generating content (96332c35)
+
+---
+
 ## 2.38.1 (2024-07-12)
 
 ### Highlights

package/css/dist/index.css

@@ -5081,22 +5081,22 @@ body {
 
 .Message--alert {
   border-color: var(--alert);
-  background-color: rgba(249, 226, 226, 0.4);
+  background-color: rgba(217, 55, 55, 0.04);
 }
 
 .Message--success {
   border-color: var(--success);
-  background-color: rgba(215, 239, 223, 0.4);
+  background-color: rgba(46, 168, 67, 0.04);
 }
 
 .Message--info {
   border-color: var(--primary);
-  background-color: rgba(220, 236, 249, 0.4);
+  background-color: rgba(0, 112, 221, 0.04);
 }
 
 .Message--warning {
   border-color: var(--accent1);
-  background-color: rgba(253, 230, 206, 0.4);
+  background-color: rgba(240, 125, 0, 0.04);
 }
 
 .Message-icon {
@@ -6316,6 +6316,7 @@ body {
   margin: 0;
   font-size: var(--font-size);
   line-height: var(--font-height);
+  width: 100%;
 }
 
 .Select-trigger--regular {
@@ -7137,11 +7138,18 @@ body {
   flex-direction: row;
   cursor: pointer;
   min-width: 40px;
-  padding: var(--spacing-l) var(--spacing-l) var(--spacing-2);
   margin-bottom: calc(-1 * var(--spacing-xs));
   text-align: center;
 }
 
+.Tab--small {
+  padding: var(--spacing) var(--spacing-l) var(--spacing-l);
+}
+
+.Tab--regular {
+  padding: var(--spacing-l) var(--spacing-l) var(--spacing-2);
+}
+
 .Tab:last-child {
   margin-right: 0;
 }
@@ -7231,6 +7239,7 @@ body {
 .Tab-pills {
   cursor: pointer;
   margin-right: var(--spacing);
+  overflow: visible;
 }
 
 .Tab-pills--disabled {
@@ -7269,6 +7278,11 @@ body {
   background-color: var(--primary-light);
 }
 
+.Tab--overflow {
+  display: flex;
+  box-sizing: border-box;
+}
+
 /* Textarea */
 
 .Textarea {