Skip to content

Commit

Permalink
feat: snaps
Browse files Browse the repository at this point in the history
  • Loading branch information
@kostasdano
kostasdano committed May 22, 2024
1 parent 3f1ac89 commit 477a973
Show file tree
Hide file tree
Showing 7 changed files with 99 additions and 97 deletions.
14 changes: 7 additions & 7 deletions src/__storyshots__/Updated Components/Table/Table-ColumnAndRowSizing.snap
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
.emotion-0 {
display: inline-block;
border: 1px solid rgba(200,206,255,0.70);
border-radius: 4px;
border: 0.0625rem solid rgba(200,206,255,0.70);
border-radius: 0.25rem;
background: #ffffff;
}

Expand All @@ -21,7 +21,7 @@
}

.emotion-2 {
box-shadow: 0 1px 0 0 rgba(200,206,255,0.70);
box-shadow: 0 0.0625rem 0 0 rgba(200,206,255,0.70);
}

.emotion-4 {
Expand All @@ -32,7 +32,7 @@
align-content: center;
text-align: left;
box-sizing: border-box;
padding: 8px 16px;
padding: 0.5rem 1rem;
color: #52567a;
font-family: Roboto;
font-weight: 400;
Expand Down Expand Up @@ -63,7 +63,7 @@
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
gap: 0.5rem;
}

.emotion-6 {
Expand All @@ -73,8 +73,8 @@
.emotion-18 {
width: 100%;
height: 2.75rem;
padding: 8px 16px;
border-bottom: 1px solid rgba(200,206,255,0.70);
padding: 0.5rem 1rem;
border-bottom: 0.0625rem solid rgba(200,206,255,0.70);
box-sizing: border-box;
-webkit-align-content: center;
-ms-flex-line-pack: center;
Expand Down
26 changes: 13 additions & 13 deletions src/__storyshots__/Updated Components/Table/Table-ColumnChooser.snap
View file
Original file line number Diff line number Diff line change
@@ -1,21 +1,21 @@
.emotion-0 {
display: inline-block;
border: 1px solid rgba(200,206,255,0.70);
border-radius: 4px;
border: 0.0625rem solid rgba(200,206,255,0.70);
border-radius: 0.25rem;
background: #ffffff;
}

.emotion-1 {
padding: 8px 16px;
border-bottom: 1px solid rgba(200,206,255,0.70);
padding: 0.5rem 1rem;
border-bottom: 0.0625rem solid rgba(200,206,255,0.70);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
height: 44px;
height: 2.75rem;
box-sizing: border-box;
}

Expand All @@ -28,15 +28,15 @@
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
gap: 1rem;
}

.emotion-3 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 16px;
gap: 1rem;
}

.emotion-4 {
Expand Down Expand Up @@ -67,7 +67,7 @@
color: #194DCC;
height: 1.75rem;
background-color: rgba(200,206,255,0.30);
padding: 0 0.5rem;
padding: 0rem 0.5rem 0rem 0.5rem;
border-radius: 0.25rem;
border: none;
cursor: pointer;
Expand Down Expand Up @@ -125,7 +125,7 @@
}

.emotion-8 {
box-shadow: 0 1px 0 0 rgba(200,206,255,0.70);
box-shadow: 0 0.0625rem 0 0 rgba(200,206,255,0.70);
}

.emotion-10 {
Expand All @@ -136,7 +136,7 @@
align-content: center;
text-align: left;
box-sizing: border-box;
padding: 8px 16px;
padding: 0.5rem 1rem;
color: #52567a;
font-family: Roboto;
font-weight: 400;
Expand Down Expand Up @@ -167,7 +167,7 @@
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
gap: 0.5rem;
}

.emotion-12 {
Expand All @@ -177,8 +177,8 @@
.emotion-24 {
width: 100%;
height: 2.75rem;
padding: 8px 16px;
border-bottom: 1px solid rgba(200,206,255,0.70);
padding: 0.5rem 1rem;
border-bottom: 0.0625rem solid rgba(200,206,255,0.70);
box-sizing: border-box;
-webkit-align-content: center;
-ms-flex-line-pack: center;
Expand Down
38 changes: 20 additions & 18 deletions src/__storyshots__/Updated Components/Table/Table-Pagination.snap
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
.emotion-0 {
display: inline-block;
border: 1px solid rgba(200,206,255,0.70);
border-radius: 4px;
border: 0.0625rem solid rgba(200,206,255,0.70);
border-radius: 0.25rem;
background: #ffffff;
}

Expand All @@ -21,7 +21,7 @@
}

.emotion-2 {
box-shadow: 0 1px 0 0 rgba(200,206,255,0.70);
box-shadow: 0 0.0625rem 0 0 rgba(200,206,255,0.70);
}

.emotion-4 {
Expand All @@ -32,7 +32,7 @@
align-content: center;
text-align: left;
box-sizing: border-box;
padding: 8px 16px;
padding: 0.5rem 1rem;
color: #52567a;
font-family: Roboto;
font-weight: 400;
Expand Down Expand Up @@ -63,7 +63,7 @@
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
gap: 0.5rem;
}

.emotion-6 {
Expand All @@ -73,8 +73,8 @@
.emotion-18 {
width: 100%;
height: 2.75rem;
padding: 8px 16px;
border-bottom: 1px solid rgba(200,206,255,0.70);
padding: 0.5rem 1rem;
border-bottom: 0.0625rem solid rgba(200,206,255,0.70);
box-sizing: border-box;
-webkit-align-content: center;
-ms-flex-line-pack: center;
Expand Down Expand Up @@ -110,11 +110,11 @@
background: #ffffff;
height: 2.75rem;
width: 100%;
padding: 8px 16px;
padding: 0.5rem 2rem;
box-sizing: border-box;
border-top: 1px solid rgba(200,206,255,0.70);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 0.0625rem solid rgba(200,206,255,0.70);
border-bottom-left-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}

.emotion-108 {
Expand All @@ -126,7 +126,7 @@
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
gap: 0.5rem;
}

.emotion-109 {
Expand All @@ -151,6 +151,9 @@
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
Expand Down Expand Up @@ -197,7 +200,7 @@
width: -webkit-fill-available;
width: -moz-available;
width: fill-available;
padding: 0 0 0 0.75rem;
padding: 0rem 0rem 0rem 0.75rem;
}

.emotion-112>div {
Expand Down Expand Up @@ -340,7 +343,6 @@
}

.emotion-117 {
padding: 0.5rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
Expand Down Expand Up @@ -386,15 +388,15 @@
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 32px;
gap: 2rem;
}

.emotion-121 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 4px;
gap: 0.25rem;
}

.emotion-122 {
Expand Down Expand Up @@ -451,8 +453,8 @@
width: 1.75rem;
height: 1.75rem;
background-color: rgba(200,206,255,0);
padding: 0;
border-radius: 2.25rem;
padding: 0rem 0.5rem 0rem 0.5rem;
border-radius: 624.9375rem;
border: none;
cursor: pointer;
-webkit-transition: background-color,border 150ms linear;
Expand Down
34 changes: 17 additions & 17 deletions src/__storyshots__/Updated Components/Table/Table-RowDetails.snap
View file
Original file line number Diff line number Diff line change
@@ -1,21 +1,21 @@
.emotion-0 {
display: inline-block;
border: 1px solid rgba(200,206,255,0.70);
border-radius: 4px;
border: 0.0625rem solid rgba(200,206,255,0.70);
border-radius: 0.25rem;
background: #ffffff;
}

.emotion-1 {
padding: 8px 16px;
border-bottom: 1px solid rgba(200,206,255,0.70);
padding: 0.5rem 1rem;
border-bottom: 0.0625rem solid rgba(200,206,255,0.70);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
height: 44px;
height: 2.75rem;
box-sizing: border-box;
}

Expand All @@ -28,15 +28,15 @@
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
gap: 1rem;
}

.emotion-3 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 16px;
gap: 1rem;
}

.emotion-4 {
Expand All @@ -55,7 +55,7 @@
}

.emotion-5 {
box-shadow: 0 1px 0 0 rgba(200,206,255,0.70);
box-shadow: 0 0.0625rem 0 0 rgba(200,206,255,0.70);
}

.emotion-7 {
Expand All @@ -66,7 +66,7 @@
align-content: center;
text-align: left;
box-sizing: border-box;
padding: 8px 16px;
padding: 0.5rem 1rem;
color: #52567a;
font-family: Roboto;
font-weight: 400;
Expand Down Expand Up @@ -97,22 +97,22 @@
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
gap: 0.5rem;
}

.emotion-9 {
text-wrap: nowrap;
}

.emotion-19 {
width: 52px;
width: 3.25rem;
height: 2.75rem;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
text-align: left;
box-sizing: border-box;
padding: 8px 16px;
padding: 0.5rem 1rem;
color: #52567a;
font-family: Roboto;
font-weight: 400;
Expand Down Expand Up @@ -145,8 +145,8 @@
.emotion-24 {
width: 100%;
height: 2.75rem;
padding: 8px 16px;
border-bottom: 1px solid rgba(200,206,255,0.70);
padding: 0.5rem 1rem;
border-bottom: 0.0625rem solid rgba(200,206,255,0.70);
box-sizing: border-box;
-webkit-align-content: center;
-ms-flex-line-pack: center;
Expand All @@ -168,10 +168,10 @@
}

.emotion-32 {
width: 52px;
width: 3.25rem;
height: 2.75rem;
padding: 8px 16px;
border-bottom: 1px solid rgba(200,206,255,0.70);
padding: 0.5rem 1rem;
border-bottom: 0.0625rem solid rgba(200,206,255,0.70);
box-sizing: border-box;
-webkit-align-content: center;
-ms-flex-line-pack: center;
Expand Down

0 comments on commit 477a973

Please sign in to comment.