Skip to content

Commit

Permalink
feat: snaps
Browse files Browse the repository at this point in the history
  • Loading branch information
@kostasdano
kostasdano committed Jun 26, 2024
1 parent 0fd4389 commit 5ffd0be
Show file tree
Hide file tree
Showing 18 changed files with 2,928 additions and 842 deletions.
195 changes: 114 additions & 81 deletions src/__storyshots__/Updated Components/Fields/Select-MultiSelect.snap
View file

Large diffs are not rendered by default.

183 changes: 152 additions & 31 deletions src/__storyshots__/Updated Components/Table/Table/Basics-BasicExample.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,6 +21,7 @@
}

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

Expand Down Expand Up @@ -67,6 +68,9 @@
-webkit-justify-content: flex-start;
justify-content: flex-start;
gap: 0.5rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.emotion-6 {
Expand Down Expand Up @@ -99,7 +103,19 @@
justify-content: flex-start;
}

.emotion-26 {
.emotion-20 {
font-family: Roboto;
font-weight: 400;
line-height: 1.25rem;
font-size: 0.875rem;
letter-spacing: 0.015625rem;
color: #111530;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.emotion-29 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
Expand Down Expand Up @@ -130,6 +146,15 @@
line-height: 1.25rem;
font-size: 0.875rem;
letter-spacing: 0.015625rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.emotion-30 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

<div>
Expand Down Expand Up @@ -226,7 +251,11 @@
<div
class="emotion-19"
>
Rachel
<span
class="emotion-20"
>
Rachel
</span>
</div>
</td>
<td
Expand All @@ -236,7 +265,11 @@
<div
class="emotion-19"
>
Berry
<span
class="emotion-20"
>
Berry
</span>
</div>
</td>
<td
Expand All @@ -246,7 +279,11 @@
<div
class="emotion-19"
>
30
<span
class="emotion-20"
>
30
</span>
</div>
</td>
<td
Expand All @@ -259,11 +296,15 @@
<div
aria-label="Fashion Executive"
aria-selected="false"
class="emotion-26"
class="emotion-29"
data-testid="undefined_tag_container"
tabindex="-1"
>
Fashion Executive
<div
class="emotion-30"
>
Fashion Executive
</div>
</div>
</div>
</td>
Expand All @@ -278,7 +319,11 @@
<div
class="emotion-19"
>
Ross
<span
class="emotion-20"
>
Ross
</span>
</div>
</td>
<td
Expand All @@ -288,7 +333,11 @@
<div
class="emotion-19"
>
Geller
<span
class="emotion-20"
>
Geller
</span>
</div>
</td>
<td
Expand All @@ -298,7 +347,11 @@
<div
class="emotion-19"
>
32
<span
class="emotion-20"
>
32
</span>
</div>
</td>
<td
Expand All @@ -311,11 +364,15 @@
<div
aria-label="Paleontologist"
aria-selected="false"
class="emotion-26"
class="emotion-29"
data-testid="undefined_tag_container"
tabindex="-1"
>
Paleontologist
<div
class="emotion-30"
>
Paleontologist
</div>
</div>
</div>
</td>
Expand All @@ -330,7 +387,11 @@
<div
class="emotion-19"
>
Monica
<span
class="emotion-20"
>
Monica
</span>
</div>
</td>
<td
Expand All @@ -340,7 +401,11 @@
<div
class="emotion-19"
>
Geller
<span
class="emotion-20"
>
Geller
</span>
</div>
</td>
<td
Expand All @@ -350,7 +415,11 @@
<div
class="emotion-19"
>
31
<span
class="emotion-20"
>
31
</span>
</div>
</td>
<td
Expand All @@ -363,11 +432,15 @@
<div
aria-label="Chef"
aria-selected="false"
class="emotion-26"
class="emotion-29"
data-testid="undefined_tag_container"
tabindex="-1"
>
Chef
<div
class="emotion-30"
>
Chef
</div>
</div>
</div>
</td>
Expand All @@ -382,7 +455,11 @@
<div
class="emotion-19"
>
Chandler
<span
class="emotion-20"
>
Chandler
</span>
</div>
</td>
<td
Expand All @@ -392,7 +469,11 @@
<div
class="emotion-19"
>
Bing
<span
class="emotion-20"
>
Bing
</span>
</div>
</td>
<td
Expand All @@ -402,7 +483,11 @@
<div
class="emotion-19"
>
32
<span
class="emotion-20"
>
32
</span>
</div>
</td>
<td
Expand All @@ -415,11 +500,15 @@
<div
aria-label="?"
aria-selected="false"
class="emotion-26"
class="emotion-29"
data-testid="undefined_tag_container"
tabindex="-1"
>
?
<div
class="emotion-30"
>
?
</div>
</div>
</div>
</td>
Expand All @@ -434,7 +523,11 @@
<div
class="emotion-19"
>
Joey
<span
class="emotion-20"
>
Joey
</span>
</div>
</td>
<td
Expand All @@ -444,7 +537,11 @@
<div
class="emotion-19"
>
Tribbiani
<span
class="emotion-20"
>
Tribbiani
</span>
</div>
</td>
<td
Expand All @@ -454,7 +551,11 @@
<div
class="emotion-19"
>
30
<span
class="emotion-20"
>
30
</span>
</div>
</td>
<td
Expand All @@ -467,11 +568,15 @@
<div
aria-label="Actor"
aria-selected="false"
class="emotion-26"
class="emotion-29"
data-testid="undefined_tag_container"
tabindex="-1"
>
Actor
<div
class="emotion-30"
>
Actor
</div>
</div>
</div>
</td>
Expand All @@ -486,7 +591,11 @@
<div
class="emotion-19"
>
Phoebe
<span
class="emotion-20"
>
Phoebe
</span>
</div>
</td>
<td
Expand All @@ -496,7 +605,11 @@
<div
class="emotion-19"
>
Buffay
<span
class="emotion-20"
>
Buffay
</span>
</div>
</td>
<td
Expand All @@ -506,7 +619,11 @@
<div
class="emotion-19"
>
31
<span
class="emotion-20"
>
31
</span>
</div>
</td>
<td
Expand All @@ -519,11 +636,15 @@
<div
aria-label="Massage Therapist"
aria-selected="false"
class="emotion-26"
class="emotion-29"
data-testid="undefined_tag_container"
tabindex="-1"
>
Massage Therapist
<div
class="emotion-30"
>
Massage Therapist
</div>
</div>
</div>
</td>
Expand Down

0 comments on commit 5ffd0be

Please sign in to comment.