@innovaccer/design-system 4.7.0 → 4.8.0

package/CHANGELOG.md

@@ -1,3 +1,40 @@
+## 4.8.0 (2025-05-01)
+
+### Highlights
+
+- feat(aibutton): update appearance with sparkle variant in AI Button component (f8b613b4)
+- fix(select): update disabled state for select trigger cross icon (c1dbad7f)
+
+### Breaking changes
+
+NA
+
+### Migration guide
+
+NA
+
+### Deprecations
+
+NA
+
+### Features
+
+- feat(aibutton): update appearance with sparkle variant in AI Button component (f8b613b4)
+
+### Fixes
+
+- fix(select): update disabled state for select trigger cross icon (c1dbad7f)
+
+### Improvements
+
+NA
+
+### Documentation
+
+NA
+
+---
+
 ## 4.7.0 (2025-04-21)
 
 ### Highlights

package/css/dist/index.css

@@ -6642,7 +6642,6 @@ body {
      -moz-user-select: none;
           user-select: none;
   cursor: pointer;
-  color: var(--inverse);
   border-radius: var(--border-radius-full);
   padding: var(--spacing-05);
 }
@@ -8074,62 +8073,47 @@ body {
   line-height: var(--font-height-s);
   display: flex;
   align-items: center;
-}
-
-.AIButton:disabled {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.AIButton:focus {
-  outline: 0;
-}
-
-/* Primary Button */
-
-.AIButton--primary {
-  background: var(--primary);
-  color: var(--white);
-}
-
-.AIButton--primary:hover {
-  background: var(--primary-dark);
-}
-
-.AIButton--primary:active {
-  background: var(--primary-darker);
-}
-
-.AIButton--primary:disabled {
-  background: var(--primary-lighter);
-}
-
-.AIButton--primary:focus {
-  box-shadow: var(--shadow-spread) var(--primary-shadow);
-}
-
-/* Basic Button */
-
-.AIButton--basic {
-  background: var(--secondary-light);
   color: var(--inverse);
+  background: linear-gradient(
+    277deg,
+    rgba(227, 28, 121, 0.15) 0%,
+    rgba(231, 56, 79, 0.24) 28%,
+    rgba(240, 125, 0, 0.15) 100%
+  );
 }
 
-.AIButton--basic:hover {
-  background: var(--secondary);
+.AIButton:hover {
+  background: linear-gradient(
+    277deg,
+    rgba(227, 28, 121, 0.2) 0%,
+    rgba(231, 56, 79, 0.32) 28%,
+    rgba(240, 125, 0, 0.2) 100%
+  );
 }
 
-.AIButton--basic:active {
-  background: var(--secondary-dark);
+.AIButton:active {
+  background: linear-gradient(
+    277deg,
+    rgba(227, 28, 121, 0.31) 0%,
+    rgba(231, 56, 79, 0.48) 28%,
+    rgba(240, 125, 0, 0.31) 100%
+  );
 }
 
-.AIButton--basic:disabled {
-  background: var(--secondary-lighter);
-  color: var(--inverse-lightest);
+.AIButton:disabled {
+  cursor: not-allowed;
+  opacity: var(--opacity-10);
+  background: linear-gradient(
+    277deg,
+    rgba(227, 28, 121, 0.15) 0%,
+    rgba(231, 56, 79, 0.24) 28%,
+    rgba(240, 125, 0, 0.15) 100%
+  );
 }
 
-.AIButton--basic:focus {
-  box-shadow: var(--shadow-spread) var(--secondary-shadow);
+.AIButton:focus {
+  outline: 0;
+  box-shadow: var(--shadow-spread) var(--primary-shadow);
 }
 
 /* Button Icon */