update modal snapshots

vrk-kpa · Mar 22, 2021 · af4fa11 · af4fa11
1 parent 3b56780
commit af4fa11
Show file tree

Hide file tree

Showing 2 changed files with 46 additions and 26 deletions.
diff --git a/src/core/Modal/Modal/__snapshots__/Modal.test.tsx.snap b/src/core/Modal/Modal/__snapshots__/Modal.test.tsx.snap
@@ -641,7 +641,7 @@ exports[`Basic modal should match snapshot 1`] = `
 }
 
 .c8.fi-button--secondary:hover {
-  background: linear-gradient(0deg,hsl(202,7%,93%) 0%,hsl(0,0%,100%) 100%);
+  background: linear-gradient(-180deg,#ecedee 0%,rgba(255,255,255,0) 100%);
 }
 
 .c8.fi-button--secondary:active {
@@ -666,10 +666,11 @@ exports[`Basic modal should match snapshot 1`] = `
   border: 1px solid hsl(212,63%,45%);
   text-shadow: none;
   border: none;
+  background-color: transparent;
 }
 
 .c8.fi-button--secondary-noborder:hover {
-  background: linear-gradient(0deg,hsl(202,7%,93%) 0%,hsl(0,0%,100%) 100%);
+  background: linear-gradient(-180deg,#ecedee 0%,rgba(255,255,255,0) 100%);
 }
 
 .c8.fi-button--secondary-noborder:active {
@@ -687,43 +688,52 @@ exports[`Basic modal should match snapshot 1`] = `
   border-color: hsl(202,7%,67%);
 }
 
-.c8.fi-button--tertiary {
+.c8.fi-button--link {
+  color: hsl(212,63%,45%);
   color: hsl(212,63%,45%);
   background: none;
   background-color: hsl(0,0%,100%);
   border: 1px solid hsl(212,63%,45%);
   text-shadow: none;
-  background: linear-gradient(0deg,hsl(212,63%,90%),hsl(212,63%,95%));
+  background: linear-gradient(0deg,hsl(215,100%,97%),hsl(215,100%,95%));
   border: none;
 }
 
-.c8.fi-button--tertiary:hover {
-  background: linear-gradient(0deg,hsl(202,7%,93%) 0%,hsl(0,0%,100%) 100%);
+.c8.fi-button--link:hover {
+  background: linear-gradient(-180deg,#ecedee 0%,rgba(255,255,255,0) 100%);
 }
 
-.c8.fi-button--tertiary:active {
+.c8.fi-button--link:active {
   background: none;
   background-color: hsl(202,7%,93%);
 }
 
-.c8.fi-button--tertiary.fi-button--disabled,
-.c8.fi-button--tertiary[disabled],
-.c8.fi-button--tertiary:disabled {
+.c8.fi-button--link.fi-button--disabled,
+.c8.fi-button--link[disabled],
+.c8.fi-button--link:disabled {
   color: hsl(202,7%,67%);
   text-shadow: none;
   background: none;
   background-color: hsl(212,63%,98%);
   border-color: hsl(202,7%,67%);
 }
 
-.c8.fi-button--tertiary:hover {
-  background: hsl(212,63%,95%);
+.c8.fi-button--link:hover {
+  background: linear-gradient(0deg,hsl(212,63%,98%),hsl(215,100%,97%));
 }
 
-.c8.fi-button--tertiary:active {
+.c8.fi-button--link:active {
   background: linear-gradient(0deg,hsl(202,7%,93%),hsl(202,7%,97%));
 }
 
+.c8.fi-button--link.fi-button--disabled,
+.c8.fi-button--link[disabled],
+.c8.fi-button--link:disabled {
+  color: hsl(202,7%,67%);
+  background: none;
+  background-color: hsl(202,7%,97%);
+}
+
 .c8 > .fi-button_icon {
   width: 16px;
   height: 16px;

diff --git a/src/core/Modal/ModalFooter/__snapshots__/ModalFooter.test.tsx.snap b/src/core/Modal/ModalFooter/__snapshots__/ModalFooter.test.tsx.snap
@@ -321,7 +321,7 @@ exports[`Basic ModalFooter should match snapshot 1`] = `
 }
 
 .c4.fi-button--secondary:hover {
-  background: linear-gradient(0deg,hsl(202,7%,93%) 0%,hsl(0,0%,100%) 100%);
+  background: linear-gradient(-180deg,#ecedee 0%,rgba(255,255,255,0) 100%);
 }
 
 .c4.fi-button--secondary:active {
@@ -346,10 +346,11 @@ exports[`Basic ModalFooter should match snapshot 1`] = `
   border: 1px solid hsl(212,63%,45%);
   text-shadow: none;
   border: none;
+  background-color: transparent;
 }
 
 .c4.fi-button--secondary-noborder:hover {
-  background: linear-gradient(0deg,hsl(202,7%,93%) 0%,hsl(0,0%,100%) 100%);
+  background: linear-gradient(-180deg,#ecedee 0%,rgba(255,255,255,0) 100%);
 }
 
 .c4.fi-button--secondary-noborder:active {
@@ -367,43 +368,52 @@ exports[`Basic ModalFooter should match snapshot 1`] = `
   border-color: hsl(202,7%,67%);
 }
 
-.c4.fi-button--tertiary {
+.c4.fi-button--link {
+  color: hsl(212,63%,45%);
   color: hsl(212,63%,45%);
   background: none;
   background-color: hsl(0,0%,100%);
   border: 1px solid hsl(212,63%,45%);
   text-shadow: none;
-  background: linear-gradient(0deg,hsl(212,63%,90%),hsl(212,63%,95%));
+  background: linear-gradient(0deg,hsl(215,100%,97%),hsl(215,100%,95%));
   border: none;
 }
 
-.c4.fi-button--tertiary:hover {
-  background: linear-gradient(0deg,hsl(202,7%,93%) 0%,hsl(0,0%,100%) 100%);
+.c4.fi-button--link:hover {
+  background: linear-gradient(-180deg,#ecedee 0%,rgba(255,255,255,0) 100%);
 }
 
-.c4.fi-button--tertiary:active {
+.c4.fi-button--link:active {
   background: none;
   background-color: hsl(202,7%,93%);
 }
 
-.c4.fi-button--tertiary.fi-button--disabled,
-.c4.fi-button--tertiary[disabled],
-.c4.fi-button--tertiary:disabled {
+.c4.fi-button--link.fi-button--disabled,
+.c4.fi-button--link[disabled],
+.c4.fi-button--link:disabled {
   color: hsl(202,7%,67%);
   text-shadow: none;
   background: none;
   background-color: hsl(212,63%,98%);
   border-color: hsl(202,7%,67%);
 }
 
-.c4.fi-button--tertiary:hover {
-  background: hsl(212,63%,95%);
+.c4.fi-button--link:hover {
+  background: linear-gradient(0deg,hsl(212,63%,98%),hsl(215,100%,97%));
 }
 
-.c4.fi-button--tertiary:active {
+.c4.fi-button--link:active {
   background: linear-gradient(0deg,hsl(202,7%,93%),hsl(202,7%,97%));
 }
 
+.c4.fi-button--link.fi-button--disabled,
+.c4.fi-button--link[disabled],
+.c4.fi-button--link:disabled {
+  color: hsl(202,7%,67%);
+  background: none;
+  background-color: hsl(202,7%,97%);
+}
+
 .c4 > .fi-button_icon {
   width: 16px;
   height: 16px;