From af4fa11ff190db637b69fefce4206a6ca1973117 Mon Sep 17 00:00:00 2001 From: LJKaski Date: Mon, 22 Mar 2021 09:22:13 +0200 Subject: [PATCH] update modal snapshots --- .../Modal/__snapshots__/Modal.test.tsx.snap | 36 ++++++++++++------- .../__snapshots__/ModalFooter.test.tsx.snap | 36 ++++++++++++------- 2 files changed, 46 insertions(+), 26 deletions(-) diff --git a/src/core/Modal/Modal/__snapshots__/Modal.test.tsx.snap b/src/core/Modal/Modal/__snapshots__/Modal.test.tsx.snap index 0e90dba659..7339f3a597 100644 --- 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,28 +688,29 @@ 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; @@ -716,14 +718,22 @@ exports[`Basic modal should match snapshot 1`] = ` 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 index 855e81e31f..d5c74fb80a 100644 --- 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,28 +368,29 @@ 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; @@ -396,14 +398,22 @@ exports[`Basic ModalFooter should match snapshot 1`] = ` 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;