fix(form): update submit sentiment to default instead of success (#2743)

scaleway · Jul 19, 2023 · 283e601 · 283e601
1 parent 0e3c36d
commit 283e601
Show file tree

Hide file tree

Showing 4 changed files with 43 additions and 38 deletions.
diff --git a/.changeset/great-schools-bathe.md b/.changeset/great-schools-bathe.md
@@ -0,0 +1,5 @@
+---
+'@ultraviolet/form': patch
+---
+
+Fix submit button color
diff --git a/packages/form/src/components/Submit/__tests__/__snapshots__/index.spec.tsx.snap b/packages/form/src/components/Submit/__tests__/__snapshots__/index.spec.tsx.snap
@@ -106,7 +106,7 @@ exports[`Submit form is invalid 1`] = `
   padding-top: 2px;
 }
 
-.cache-1nwzvbz {
+.cache-z5af6 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -140,14 +140,14 @@ exports[`Submit form is invalid 1`] = `
   line-height: 24px;
   paragraph-spacing: 0;
   text-case: none;
-  background: #2c8564;
+  background: #521094;
   border: none;
   color: #ffffff;
-  background: #adebd5;
+  background: #e5dbfd;
   color: #ffffff;
 }
 
-.cache-1nwzvbz:hover {
+.cache-z5af6:hover {
   -webkit-text-decoration: none;
   text-decoration: none;
 }
@@ -178,7 +178,7 @@ exports[`Submit form is invalid 1`] = `
       </div>
     </div>
     <button
-      class="cache-1nwzvbz e112qvla2"
+      class="cache-z5af6 e112qvla2"
       disabled=""
       type="submit"
     >
@@ -190,7 +190,7 @@ exports[`Submit form is invalid 1`] = `
 
 exports[`Submit form is submitting 1`] = `
 <DocumentFragment>
-  .cache-1nwzvbz {
+  .cache-z5af6 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -224,14 +224,14 @@ exports[`Submit form is submitting 1`] = `
   line-height: 24px;
   paragraph-spacing: 0;
   text-case: none;
-  background: #2c8564;
+  background: #521094;
   border: none;
   color: #ffffff;
-  background: #adebd5;
+  background: #e5dbfd;
   color: #ffffff;
 }
 
-.cache-1nwzvbz:hover {
+.cache-z5af6:hover {
   -webkit-text-decoration: none;
   text-decoration: none;
 }
@@ -250,7 +250,7 @@ exports[`Submit form is submitting 1`] = `
     novalidate=""
   >
     <button
-      class="cache-1nwzvbz e112qvla2"
+      class="cache-z5af6 e112qvla2"
       disabled=""
       type="submit"
     >
@@ -294,7 +294,7 @@ exports[`Submit form is submitting 1`] = `
 
 exports[`Submit renders correctly  1`] = `
 <DocumentFragment>
-  .cache-1ri7fk0 {
+  .cache-1mhgaz3 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -328,31 +328,31 @@ exports[`Submit renders correctly  1`] = `
   line-height: 24px;
   paragraph-spacing: 0;
   text-case: none;
-  background: #2c8564;
+  background: #521094;
   border: none;
   color: #ffffff;
 }
 
-.cache-1ri7fk0:hover {
+.cache-1mhgaz3:hover {
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.cache-1ri7fk0:active {
-  box-shadow: 0px 0px 0px 3px #45D19F40;
+.cache-1mhgaz3:active {
+  box-shadow: 0px 0px 0px 3px #5e127e40;
 }
 
-.cache-1ri7fk0:hover,
-.cache-1ri7fk0:active {
-  background: #297c5e;
+.cache-1mhgaz3:hover,
+.cache-1mhgaz3:active {
+  background: #3b1a61;
   color: #f9f9fa;
 }
 
 <form
     novalidate=""
   >
     <button
-      class="cache-1ri7fk0 e112qvla2"
+      class="cache-1mhgaz3 e112qvla2"
       type="submit"
     >
       Test
@@ -363,7 +363,7 @@ exports[`Submit renders correctly  1`] = `
 
 exports[`Submit renders correctly with icon and iconPosition  1`] = `
 <DocumentFragment>
-  .cache-u948y7 {
+  .cache-136ta4n {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -397,23 +397,23 @@ exports[`Submit renders correctly with icon and iconPosition  1`] = `
   line-height: 24px;
   paragraph-spacing: 0;
   text-case: none;
-  background: #2c8564;
+  background: #521094;
   border: none;
   color: #ffffff;
 }
 
-.cache-u948y7:hover {
+.cache-136ta4n:hover {
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.cache-u948y7:active {
-  box-shadow: 0px 0px 0px 3px #45D19F40;
+.cache-136ta4n:active {
+  box-shadow: 0px 0px 0px 3px #5e127e40;
 }
 
-.cache-u948y7:hover,
-.cache-u948y7:active {
-  background: #297c5e;
+.cache-136ta4n:hover,
+.cache-136ta4n:active {
+  background: #3b1a61;
   color: #f9f9fa;
 }
 
@@ -430,7 +430,7 @@ exports[`Submit renders correctly with icon and iconPosition  1`] = `
     novalidate=""
   >
     <button
-      class="cache-u948y7 e112qvla2"
+      class="cache-136ta4n e112qvla2"
       type="submit"
     >
       <svg

diff --git a/packages/form/src/components/Submit/index.tsx b/packages/form/src/components/Submit/index.tsx
@@ -23,7 +23,7 @@ export const Submit = ({
   iconPosition,
   size,
   variant = 'filled',
-  sentiment = 'success',
+  sentiment = 'primary',
   tooltip,
 }: SubmitProps): JSX.Element => {
   const { invalid, submitting, hasValidationErrors, dirtySinceLastSubmit } =

diff --git a/packages/form/src/components/SubmitErrorAlert/__tests__/__snapshots__/index.spec.tsx.snap b/packages/form/src/components/SubmitErrorAlert/__tests__/__snapshots__/index.spec.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`SubmitErrorAlert should display an alert when submitError is present 1`] = `
 <DocumentFragment>
-  .cache-1ri7fk0 {
+  .cache-1mhgaz3 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -36,23 +36,23 @@ exports[`SubmitErrorAlert should display an alert when submitError is present 1`
   line-height: 24px;
   paragraph-spacing: 0;
   text-case: none;
-  background: #2c8564;
+  background: #521094;
   border: none;
   color: #ffffff;
 }
 
-.cache-1ri7fk0:hover {
+.cache-1mhgaz3:hover {
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.cache-1ri7fk0:active {
-  box-shadow: 0px 0px 0px 3px #45D19F40;
+.cache-1mhgaz3:active {
+  box-shadow: 0px 0px 0px 3px #5e127e40;
 }
 
-.cache-1ri7fk0:hover,
-.cache-1ri7fk0:active {
-  background: #297c5e;
+.cache-1mhgaz3:hover,
+.cache-1mhgaz3:active {
+  background: #3b1a61;
   color: #f9f9fa;
 }
 
@@ -187,7 +187,7 @@ exports[`SubmitErrorAlert should display an alert when submitError is present 1`
     novalidate=""
   >
     <button
-      class="cache-1ri7fk0 e112qvla2"
+      class="cache-1mhgaz3 e112qvla2"
       type="submit"
     >
       Submit