@innovaccer/design-system 2.40.1 → 2.41.0

package/CHANGELOG.md

@@ -1,3 +1,47 @@
+## 2.41.0 (2024-08-13)
+
+### Highlights
+
+- feat(chipInput): add overflow behavior for input text (90eb6381)
+- feat(spacing): add spacing class for 6px token (d2e1dd4c)
+- feat(docs): update headings to title case for all markdown file (c2e3b5a1)
+- feat(tooltip): update opacity of tooltip and images in docs site (79decc1d)
+- feat(AIComponents): add figma code connect for AI Components (900d6712)
+
+### Breaking changes
+
+NA
+
+### Migration guide
+
+NA
+
+### Deprecations
+
+NA
+
+### Features
+
+- feat(chipInput): add overflow behavior for input text (90eb6381)
+- feat(spacing): add spacing class for 6px token (d2e1dd4c)
+- feat(docs): update headings to title case for all markdown file (c2e3b5a1)
+- feat(tooltip): update opacity of tooltip and images in docs site (79decc1d)
+- feat(AIComponents): add figma code connect for AI Components (900d6712)
+
+### Fixes
+
+- fix(dropzone): update error state for unknown file type (083e1d74)
+
+### Improvements
+
+NA
+
+### Documentation
+
+- docs(uiStates): update story live preview for UI States (5e6e115b)
+
+---
+
 ## 2.40.1 (2024-08-06)
 
 ### Highlights

package/css/Readme.md

@@ -99,6 +99,7 @@
 | --spacing-xs 	| 1px   	|
 | --spacing-s  	| 2px   	|
 | --spacing-m  	| 4px   	|
+| --spacing-0-75  	| 6px   	|
 | --spacing    	| 8px   	|
 | --spacing-l  	| 12px  	|
 | --spacing-2  	| 16px  	|
@@ -128,12 +129,13 @@ x - for classes that set both *-left and *-right<br>
 y - for classes that set both *-top and *-bottom<br>   
 blank - for classes that set a margin or padding on all 4 sides of the element<br>  
 Where size is one of:
-| value | properites |
+| value | properties |
 | ----- | ---------- |         
 | **0** |  0 ; |
 | **1** |  --spacing-xs ;|
 | **2** |  --spacing-s ; |
 | **3** |  --spacing-m ; |
+| **3-5** |  --spacing-0-75 ; |
 | **4** |  --spacing ; |
 | **5** |  --spacing-l ; |
 | **6** |  --spacing-2 ; |
@@ -155,6 +157,7 @@ Where size is one of:
 | **.m-1** 	| **.p-1** 	|
 | **.m-2** 	| **.p-2** 	|
 | **.m-3** 	| **.p-3** 	|
+| **.m-3-5** 	| **.p-3-5** 	|
 | **.m-4** 	| **.p-4** 	|
 | **.m-5** 	| **.p-5** 	|
 | **.m-6** 	| **.p-6** 	|
@@ -171,6 +174,7 @@ Where size is one of:
 | **.mx-1** 	| **.px-1** 	|
 | **.mx-2** 	| **.px-2** 	|
 | **.mx-3** 	| **.px-3** 	|
+| **.mx-3-5** 	| **.px-3-5** 	|
 | **.mx-4** 	| **.px-4** 	|
 | **.mx-5** 	| **.px-5** 	|
 | **.mx-6** 	| **.px-6** 	|
@@ -187,6 +191,7 @@ Where size is one of:
 | **.my-1** 	| **.py-1** 	|
 | **.my-2** 	| **.py-2** 	|
 | **.my-3** 	| **.py-3** 	|
+| **.my-3-5** 	| **.py-3-5** 	|
 | **.my-4** 	| **.py-4** 	|
 | **.my-5** 	| **.py-5** 	|
 | **.my-6** 	| **.py-6** 	|
@@ -203,6 +208,7 @@ Where size is one of:
 | **.mt-1** 	| **.pt-1** 	|
 | **.mt-2** 	| **.pt-2** 	|
 | **.mt-3** 	| **.pt-3** 	|
+| **.mt-3-5** 	| **.pt-3-5** 	|
 | **.mt-4** 	| **.pt-4** 	|
 | **.mt-5** 	| **.pt-5** 	|
 | **.mt-6** 	| **.pt-6** 	|
@@ -219,6 +225,7 @@ Where size is one of:
 | **.mb-1** 	| **.pb-1** 	|
 | **.mb-2** 	| **.pb-2** 	|
 | **.mb-3** 	| **.pb-3** 	|
+| **.mb-3-5** 	| **.pb-3-5** 	|
 | **.mb-4** 	| **.pb-4** 	|
 | **.mb-5** 	| **.pb-5** 	|
 | **.mb-6** 	| **.pb-6** 	|
@@ -235,6 +242,7 @@ Where size is one of:
 | **.mr-1** 	| **.pr-1** 	|
 | **.mr-2** 	| **.pr-2** 	|
 | **.mr-3** 	| **.pr-3** 	|
+| **.mr-3-5** 	| **.pr-3-5** 	|
 | **.mr-4** 	| **.pr-4** 	|
 | **.mr-5** 	| **.pr-5** 	|
 | **.mr-6** 	| **.pr-6** 	|
@@ -251,6 +259,7 @@ Where size is one of:
 | **.ml-1** 	| **.pl-1** 	|
 | **.ml-2** 	| **.pl-2** 	|
 | **.ml-3** 	| **.pl-3** 	|
+| **.ml-3-5** 	| **.pl-3-5** 	|
 | **.ml-4** 	| **.pl-4** 	|
 | **.ml-5** 	| **.pl-5** 	|
 | **.ml-6** 	| **.pl-6** 	|

package/css/dist/index.css

@@ -7571,7 +7571,7 @@ body {
   padding: var(--spacing-m) var(--spacing);
   border-radius: var(--spacing-m);
   z-index: 500;
-  background: rgba(31, 31, 31, 0.88);
+  background: var(--inverse);
   overflow: hidden;
   box-sizing: border-box;
   transition: opacity 120ms;
@@ -9009,6 +9009,10 @@ body {
   margin: var(--spacing-m) !important;
 }
 
+.m-3-5 {
+  margin: var(--spacing-0-75) !important;
+}
+
 .m-4 {
   margin: var(--spacing) !important;
 }
@@ -9077,6 +9081,11 @@ body {
   margin-left: var(--spacing-m) !important;
 }
 
+.mx-3-5 {
+  margin-right: var(--spacing-0-75) !important;
+  margin-left: var(--spacing-0-75) !important;
+}
+
 .mx-4 {
   margin-right: var(--spacing) !important;
   margin-left: var(--spacing) !important;
@@ -9157,6 +9166,11 @@ body {
   margin-bottom: var(--spacing-m) !important;
 }
 
+.my-3-5 {
+  margin-top: var(--spacing-0-75) !important;
+  margin-bottom: var(--spacing-0-75) !important;
+}
+
 .my-4 {
   margin-top: var(--spacing) !important;
   margin-bottom: var(--spacing) !important;
@@ -9233,6 +9247,10 @@ body {
   margin-top: var(--spacing-m) !important;
 }
 
+.mt-3-5 {
+  margin-top: var(--spacing-0-75) !important;
+}
+
 .mt-4 {
   margin-top: var(--spacing) !important;
 }
@@ -9297,6 +9315,10 @@ body {
   margin-bottom: var(--spacing-m) !important;
 }
 
+.mb-3-5 {
+  margin-bottom: var(--spacing-0-75) !important;
+}
+
 .mb-4 {
   margin-bottom: var(--spacing) !important;
 }
@@ -9361,6 +9383,10 @@ body {
   margin-right: var(--spacing-m) !important;
 }
 
+.mr-3-5 {
+  margin-right: var(--spacing-0-75) !important;
+}
+
 .mr-4 {
   margin-right: var(--spacing) !important;
 }
@@ -9425,6 +9451,10 @@ body {
   margin-left: var(--spacing-m) !important;
 }
 
+.ml-3-5 {
+  margin-left: var(--spacing-0-75) !important;
+}
+
 .ml-4 {
   margin-left: var(--spacing) !important;
 }
@@ -9489,6 +9519,10 @@ body {
   padding: var(--spacing-m) !important;
 }
 
+.p-3-5 {
+  padding: var(--spacing-0-75) !important;
+}
+
 .p-4 {
   padding: var(--spacing) !important;
 }
@@ -9557,6 +9591,11 @@ body {
   padding-left: var(--spacing-m) !important;
 }
 
+.px-3-5 {
+  padding-right: var(--spacing-0-75) !important;
+  padding-left: var(--spacing-0-75) !important;
+}
+
 .px-4 {
   padding-right: var(--spacing) !important;
   padding-left: var(--spacing) !important;
@@ -9637,6 +9676,11 @@ body {
   padding-bottom: var(--spacing-m) !important;
 }
 
+.py-3-5 {
+  padding-top: var(--spacing-0-75) !important;
+  padding-bottom: var(--spacing-0-75) !important;
+}
+
 .py-4 {
   padding-top: var(--spacing) !important;
   padding-bottom: var(--spacing) !important;
@@ -9713,6 +9757,10 @@ body {
   padding-top: var(--spacing-m) !important;
 }
 
+.pt-3-5 {
+  padding-top: var(--spacing-0-75) !important;
+}
+
 .pt-4 {
   padding-top: var(--spacing) !important;
 }
@@ -9777,6 +9825,10 @@ body {
   padding-bottom: var(--spacing-m) !important;
 }
 
+.pb-3-5 {
+  padding-bottom: var(--spacing-0-75) !important;
+}
+
 .pb-4 {
   padding-bottom: var(--spacing) !important;
 }
@@ -9841,6 +9893,10 @@ body {
   padding-right: var(--spacing-m) !important;
 }
 
+.pr-3-5 {
+  padding-right: var(--spacing-0-75) !important;
+}
+
 .pr-4 {
   padding-right: var(--spacing) !important;
 }
@@ -9905,6 +9961,10 @@ body {
   padding-left: var(--spacing-m) !important;
 }
 
+.pl-3-5 {
+  padding-left: var(--spacing-0-75) !important;
+}
+
 .pl-4 {
   padding-left: var(--spacing) !important;
 }