@mrshmllw/smores-react 2.1.23 → 2.1.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ActionDropdown/__tests__/__snapshots__/ActionDropdown.js.snap +167 -0
- package/dist/Box/__tests__/__snapshots__/Box.js.snap +20 -0
- package/dist/Button/__tests__/__snapshots__/Button.js.snap +46 -0
- package/dist/Card/__tests__/__snapshots__/Card.js.snap +24 -0
- package/dist/CheckBox/__tests__/__snapshots__/CheckBox.js.snap +20 -0
- package/dist/Dropdown/__tests__/__snapshots__/Dropdown.js.snap +167 -0
- package/dist/Emoji/__tests__/__snapshots__/Emoji.js.snap +20 -0
- package/dist/Icon/__tests__/__snapshots__/Icon.js.snap +47 -0
- package/dist/IconWrapper/__tests__/__snapshots__/IconWrapper.js.snap +121 -0
- package/dist/LabelledText/__tests__/__snapshots__/LabelledText.js.snap +57 -0
- package/dist/Loader/__tests__/__snapshots__/Loader.js.snap +53 -0
- package/dist/Message/__tests__/__snapshots__/Message.js.snap +279 -0
- package/dist/Modal/__tests__/__snapshots__/Modal.js.snap +208 -0
- package/dist/NumberInput/__tests__/__snapshots__/NumberInput.js.snap +1398 -0
- package/dist/Pagination/__tests__/__snapshots__/Pagination.js.snap +273 -0
- package/dist/RadioButton/__tests__/__snapshots__/RadioButton.js.snap +146 -0
- package/dist/Row/__tests__/__snapshots__/Row.js.snap +96 -0
- package/dist/SearchInput/__tests__/__snapshots__/SearchInput.js.snap +146 -0
- package/dist/Tag/__tests__/__snapshots__/Tag.js.snap +54 -0
- package/dist/Text/Text.stories.d.ts +1 -0
- package/dist/Text/Text.stories.js +35 -0
- package/dist/Text/Text.stories.js.map +1 -1
- package/dist/Text/__tests__/__snapshots__/Text.js.snap +34 -0
- package/dist/TextInput/__tests__/__snapshots__/TextInput.js.snap +74 -0
- package/dist/Textarea/__tests__/__snapshots__/Textarea.js.snap +271 -0
- package/dist/Toggle/__tests__/__snapshots__/Toggle.js.snap +70 -0
- package/package.json +1 -1
|
@@ -0,0 +1,167 @@
|
|
|
1
|
+
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
+
|
|
3
|
+
exports[`renders 1`] = `
|
|
4
|
+
.c3 {
|
|
5
|
+
display: -webkit-box;
|
|
6
|
+
display: -webkit-flex;
|
|
7
|
+
display: -ms-flexbox;
|
|
8
|
+
display: flex;
|
|
9
|
+
-webkit-align-items: center;
|
|
10
|
+
-webkit-box-align: center;
|
|
11
|
+
-ms-flex-align: center;
|
|
12
|
+
align-items: center;
|
|
13
|
+
-webkit-box-pack: center;
|
|
14
|
+
-webkit-justify-content: center;
|
|
15
|
+
-ms-flex-pack: center;
|
|
16
|
+
justify-content: center;
|
|
17
|
+
width: 100%;
|
|
18
|
+
max-width: 24px;
|
|
19
|
+
height: 24px;
|
|
20
|
+
-webkit-transform: rotate(0deg);
|
|
21
|
+
-ms-transform: rotate(0deg);
|
|
22
|
+
transform: rotate(0deg);
|
|
23
|
+
margin-top: 0;
|
|
24
|
+
margin-right: 0;
|
|
25
|
+
margin-bottom: 0;
|
|
26
|
+
margin-left: 0;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.c5 {
|
|
30
|
+
padding: 0;
|
|
31
|
+
margin: 0;
|
|
32
|
+
max-height: 188px;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.c6 {
|
|
36
|
+
padding: 16px 24px;
|
|
37
|
+
text-align: left;
|
|
38
|
+
overflow: hidden;
|
|
39
|
+
white-space: nowrap;
|
|
40
|
+
text-overflow: ellipsis;
|
|
41
|
+
box-sizing: border-box;
|
|
42
|
+
font-size: 14px;
|
|
43
|
+
cursor: pointer;
|
|
44
|
+
color: #112035;
|
|
45
|
+
border-bottom: 1px solid #E5E5E5;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.c6:hover {
|
|
49
|
+
background-color: #E5E5E5;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.c6:last-child {
|
|
53
|
+
border-bottom: none;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.c1 {
|
|
57
|
+
color: #ffffff;
|
|
58
|
+
background-color: #EA9C56;
|
|
59
|
+
position: relative;
|
|
60
|
+
width: 100%;
|
|
61
|
+
height: 48px;
|
|
62
|
+
display: -webkit-box;
|
|
63
|
+
display: -webkit-flex;
|
|
64
|
+
display: -ms-flexbox;
|
|
65
|
+
display: flex;
|
|
66
|
+
-webkit-align-items: center;
|
|
67
|
+
-webkit-box-align: center;
|
|
68
|
+
-ms-flex-align: center;
|
|
69
|
+
align-items: center;
|
|
70
|
+
-webkit-box-pack: justify;
|
|
71
|
+
-webkit-justify-content: space-between;
|
|
72
|
+
-ms-flex-pack: justify;
|
|
73
|
+
justify-content: space-between;
|
|
74
|
+
text-align: center;
|
|
75
|
+
border-radius: 8px;
|
|
76
|
+
padding: 16px 16px 14px;
|
|
77
|
+
box-sizing: border-box;
|
|
78
|
+
-webkit-user-select: none;
|
|
79
|
+
-moz-user-select: none;
|
|
80
|
+
-ms-user-select: none;
|
|
81
|
+
user-select: none;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.c2 {
|
|
85
|
+
font-size: 14px;
|
|
86
|
+
white-space: nowrap;
|
|
87
|
+
overflow: hidden;
|
|
88
|
+
text-overflow: ellipsis;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
.c0 {
|
|
92
|
+
position: relative;
|
|
93
|
+
display: block;
|
|
94
|
+
width: 210px;
|
|
95
|
+
height: 48px;
|
|
96
|
+
text-align: center;
|
|
97
|
+
cursor: pointer;
|
|
98
|
+
outline: none;
|
|
99
|
+
border-radius: 8px;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
.c4 {
|
|
103
|
+
position: absolute;
|
|
104
|
+
width: 100%;
|
|
105
|
+
border-radius: 8px;
|
|
106
|
+
margin-top: 8px;
|
|
107
|
+
display: none;
|
|
108
|
+
max-height: 48px;
|
|
109
|
+
background-color: #ffffff;
|
|
110
|
+
border: 1px solid #E5E5E5;
|
|
111
|
+
overflow-y: hidden;
|
|
112
|
+
z-index: 2;
|
|
113
|
+
-webkit-transition: all 0.2s ease-in-out;
|
|
114
|
+
transition: all 0.2s ease-in-out;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
<div
|
|
118
|
+
class="c0"
|
|
119
|
+
>
|
|
120
|
+
<div
|
|
121
|
+
class="c1"
|
|
122
|
+
>
|
|
123
|
+
<span
|
|
124
|
+
class="c2"
|
|
125
|
+
>
|
|
126
|
+
High alert
|
|
127
|
+
</span>
|
|
128
|
+
<span
|
|
129
|
+
class="c3"
|
|
130
|
+
color="white"
|
|
131
|
+
rotate="0"
|
|
132
|
+
size="24"
|
|
133
|
+
>
|
|
134
|
+
<svg
|
|
135
|
+
fill="none"
|
|
136
|
+
height="100%"
|
|
137
|
+
viewBox="0 0 24 24"
|
|
138
|
+
width="100%"
|
|
139
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
140
|
+
>
|
|
141
|
+
<path
|
|
142
|
+
d="M19.66 8.248a1 1 0 00-1.412.095L12 15.482l-6.248-7.14a1 1 0 10-1.504 1.317l7 8a.995.995 0 001.504 0l7-8a1 1 0 00-.093-1.411z"
|
|
143
|
+
fill="#ffffff"
|
|
144
|
+
/>
|
|
145
|
+
</svg>
|
|
146
|
+
</span>
|
|
147
|
+
</div>
|
|
148
|
+
<div
|
|
149
|
+
class="c4"
|
|
150
|
+
>
|
|
151
|
+
<ul
|
|
152
|
+
class="c5"
|
|
153
|
+
>
|
|
154
|
+
<li
|
|
155
|
+
class="c6"
|
|
156
|
+
>
|
|
157
|
+
High alert
|
|
158
|
+
</li>
|
|
159
|
+
<li
|
|
160
|
+
class="c6"
|
|
161
|
+
>
|
|
162
|
+
Good zone
|
|
163
|
+
</li>
|
|
164
|
+
</ul>
|
|
165
|
+
</div>
|
|
166
|
+
</div>
|
|
167
|
+
`;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
+
|
|
3
|
+
exports[`renders 1`] = `
|
|
4
|
+
.c0 {
|
|
5
|
+
margin-top: 32px;
|
|
6
|
+
padding-bottom: 16px;
|
|
7
|
+
display: -webkit-box;
|
|
8
|
+
display: -webkit-flex;
|
|
9
|
+
display: -ms-flexbox;
|
|
10
|
+
display: flex;
|
|
11
|
+
-webkit-flex-direction: column;
|
|
12
|
+
-ms-flex-direction: column;
|
|
13
|
+
flex-direction: column;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
<div
|
|
17
|
+
class="c0"
|
|
18
|
+
direction="column"
|
|
19
|
+
/>
|
|
20
|
+
`;
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
+
|
|
3
|
+
exports[`renders 1`] = `
|
|
4
|
+
.c0 {
|
|
5
|
+
position: relative;
|
|
6
|
+
display: inline-block;
|
|
7
|
+
box-sizing: border-box;
|
|
8
|
+
border: none;
|
|
9
|
+
border-radius: 8px;
|
|
10
|
+
font-size: 16px;
|
|
11
|
+
padding: 18px 16px 14px;
|
|
12
|
+
outline: none;
|
|
13
|
+
cursor: pointer;
|
|
14
|
+
width: auto;
|
|
15
|
+
background-color: #55D6AA;
|
|
16
|
+
color: #ffffff;
|
|
17
|
+
font-weight: 500;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.c0:hover:not([disabled]) {
|
|
21
|
+
background-color: #4CB99F;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.c0:active:not([disabled]) {
|
|
25
|
+
background-color: #469389;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.c0:disabled {
|
|
29
|
+
opacity: 0.5;
|
|
30
|
+
cursor: not-allowed;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
@media (min-width:768px) {
|
|
34
|
+
.c0 {
|
|
35
|
+
padding: 16px 16px 15px;
|
|
36
|
+
font-size: 16px;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
<div>
|
|
41
|
+
<button
|
|
42
|
+
class="c0"
|
|
43
|
+
color="green"
|
|
44
|
+
/>
|
|
45
|
+
</div>
|
|
46
|
+
`;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
+
|
|
3
|
+
exports[`renders 1`] = `
|
|
4
|
+
.c0 {
|
|
5
|
+
background: #ffffff;
|
|
6
|
+
border: 1px solid #ECECEC;
|
|
7
|
+
box-sizing: border-box;
|
|
8
|
+
box-shadow: 0px 4px 3px rgba(0,0,0,0.08);
|
|
9
|
+
border-radius: 8px;
|
|
10
|
+
padding: 24px;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
@media (min-width:768px) {
|
|
14
|
+
.c0 {
|
|
15
|
+
padding: 32px;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
<div
|
|
20
|
+
class="c0"
|
|
21
|
+
>
|
|
22
|
+
Text inside
|
|
23
|
+
</div>
|
|
24
|
+
`;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
+
|
|
3
|
+
exports[`renders 1`] = `
|
|
4
|
+
<label
|
|
5
|
+
class="sc-dlnjwi bXlBnZ"
|
|
6
|
+
>
|
|
7
|
+
<span
|
|
8
|
+
class="sc-bdnxRM dSPFEI"
|
|
9
|
+
color="blue7"
|
|
10
|
+
cursor="inherit"
|
|
11
|
+
title=""
|
|
12
|
+
/>
|
|
13
|
+
<input
|
|
14
|
+
type="checkbox"
|
|
15
|
+
/>
|
|
16
|
+
<span
|
|
17
|
+
class="sc-gtsrHT fIfsMW"
|
|
18
|
+
/>
|
|
19
|
+
</label>
|
|
20
|
+
`;
|
|
@@ -0,0 +1,167 @@
|
|
|
1
|
+
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
+
|
|
3
|
+
exports[`renders 1`] = `
|
|
4
|
+
.c4 {
|
|
5
|
+
display: -webkit-box;
|
|
6
|
+
display: -webkit-flex;
|
|
7
|
+
display: -ms-flexbox;
|
|
8
|
+
display: flex;
|
|
9
|
+
-webkit-align-items: center;
|
|
10
|
+
-webkit-box-align: center;
|
|
11
|
+
-ms-flex-align: center;
|
|
12
|
+
align-items: center;
|
|
13
|
+
-webkit-box-pack: center;
|
|
14
|
+
-webkit-justify-content: center;
|
|
15
|
+
-ms-flex-pack: center;
|
|
16
|
+
justify-content: center;
|
|
17
|
+
width: 100%;
|
|
18
|
+
max-width: 24px;
|
|
19
|
+
height: 24px;
|
|
20
|
+
-webkit-transform: rotate(0deg);
|
|
21
|
+
-ms-transform: rotate(0deg);
|
|
22
|
+
transform: rotate(0deg);
|
|
23
|
+
margin-top: 0;
|
|
24
|
+
margin-right: 0;
|
|
25
|
+
margin-bottom: 0;
|
|
26
|
+
margin-left: 0;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.c0 {
|
|
30
|
+
display: -webkit-box;
|
|
31
|
+
display: -webkit-flex;
|
|
32
|
+
display: -ms-flexbox;
|
|
33
|
+
display: flex;
|
|
34
|
+
-webkit-flex-direction: column;
|
|
35
|
+
-ms-flex-direction: column;
|
|
36
|
+
flex-direction: column;
|
|
37
|
+
height: 44px;
|
|
38
|
+
width: 100%;
|
|
39
|
+
margin: 0;
|
|
40
|
+
padding: 0;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.c1 {
|
|
44
|
+
width: 100%;
|
|
45
|
+
position: relative;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.c2 {
|
|
49
|
+
width: 100%;
|
|
50
|
+
height: 32px;
|
|
51
|
+
padding-right: 24px;
|
|
52
|
+
background-color: #ffffff;
|
|
53
|
+
border: none;
|
|
54
|
+
border-bottom: 1px solid #D2D2D2;
|
|
55
|
+
border-radius: 0;
|
|
56
|
+
font-size: 16px;
|
|
57
|
+
cursor: pointer;
|
|
58
|
+
-webkit-appearance: none;
|
|
59
|
+
-moz-appearance: none;
|
|
60
|
+
appearance: none;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.c2:disabled {
|
|
64
|
+
cursor: not-allowed;
|
|
65
|
+
opacity: 0.5;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.c2:not(:focus):invalid {
|
|
69
|
+
color: #D2D2D2;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.c2:hover,
|
|
73
|
+
.c2:valid,
|
|
74
|
+
.c2:focus,
|
|
75
|
+
.c2:focus-visible,
|
|
76
|
+
.c2:checked {
|
|
77
|
+
outline: none;
|
|
78
|
+
border-color: #9E9E9E;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.c3 {
|
|
82
|
+
position: absolute;
|
|
83
|
+
top: 50%;
|
|
84
|
+
z-index: 1;
|
|
85
|
+
right: 0;
|
|
86
|
+
pointer-events: none;
|
|
87
|
+
-webkit-transform: translateY(-50%);
|
|
88
|
+
-ms-transform: translateY(-50%);
|
|
89
|
+
transform: translateY(-50%);
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
<div
|
|
93
|
+
class="c0"
|
|
94
|
+
>
|
|
95
|
+
<div
|
|
96
|
+
class="c1"
|
|
97
|
+
>
|
|
98
|
+
<select
|
|
99
|
+
class="c2"
|
|
100
|
+
required=""
|
|
101
|
+
>
|
|
102
|
+
<option
|
|
103
|
+
hidden=""
|
|
104
|
+
value=""
|
|
105
|
+
/>
|
|
106
|
+
<option
|
|
107
|
+
value="Monday"
|
|
108
|
+
>
|
|
109
|
+
Monday
|
|
110
|
+
</option>
|
|
111
|
+
<option
|
|
112
|
+
value="Tuesday"
|
|
113
|
+
>
|
|
114
|
+
Tuesday
|
|
115
|
+
</option>
|
|
116
|
+
<option
|
|
117
|
+
value="Wednesday"
|
|
118
|
+
>
|
|
119
|
+
Wednesday
|
|
120
|
+
</option>
|
|
121
|
+
<option
|
|
122
|
+
value="Thursday"
|
|
123
|
+
>
|
|
124
|
+
Thursday
|
|
125
|
+
</option>
|
|
126
|
+
<option
|
|
127
|
+
value="Friday"
|
|
128
|
+
>
|
|
129
|
+
Friday
|
|
130
|
+
</option>
|
|
131
|
+
<option
|
|
132
|
+
value="Saturday"
|
|
133
|
+
>
|
|
134
|
+
Saturday
|
|
135
|
+
</option>
|
|
136
|
+
<option
|
|
137
|
+
value="Sunday"
|
|
138
|
+
>
|
|
139
|
+
Sunday
|
|
140
|
+
</option>
|
|
141
|
+
</select>
|
|
142
|
+
<div
|
|
143
|
+
class="c3"
|
|
144
|
+
>
|
|
145
|
+
<span
|
|
146
|
+
class="c4"
|
|
147
|
+
color="grey4"
|
|
148
|
+
rotate="0"
|
|
149
|
+
size="24"
|
|
150
|
+
>
|
|
151
|
+
<svg
|
|
152
|
+
fill="none"
|
|
153
|
+
height="100%"
|
|
154
|
+
viewBox="0 0 24 24"
|
|
155
|
+
width="100%"
|
|
156
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
157
|
+
>
|
|
158
|
+
<path
|
|
159
|
+
d="M19.66 8.248a1 1 0 00-1.412.095L12 15.482l-6.248-7.14a1 1 0 10-1.504 1.317l7 8a.995.995 0 001.504 0l7-8a1 1 0 00-.093-1.411z"
|
|
160
|
+
fill="#D2D2D2"
|
|
161
|
+
/>
|
|
162
|
+
</svg>
|
|
163
|
+
</span>
|
|
164
|
+
</div>
|
|
165
|
+
</div>
|
|
166
|
+
</div>
|
|
167
|
+
`;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
+
|
|
3
|
+
exports[`renders 1`] = `
|
|
4
|
+
.c0 {
|
|
5
|
+
font-size: 24px;
|
|
6
|
+
margin-top: 0;
|
|
7
|
+
margin-right: 0;
|
|
8
|
+
margin-bottom: 0;
|
|
9
|
+
margin-left: 0;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
<span
|
|
13
|
+
aria-label="wink"
|
|
14
|
+
class="c0"
|
|
15
|
+
role="img"
|
|
16
|
+
size="24"
|
|
17
|
+
>
|
|
18
|
+
😉
|
|
19
|
+
</span>
|
|
20
|
+
`;
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
+
|
|
3
|
+
exports[`renders 1`] = `
|
|
4
|
+
.c0 {
|
|
5
|
+
display: -webkit-box;
|
|
6
|
+
display: -webkit-flex;
|
|
7
|
+
display: -ms-flexbox;
|
|
8
|
+
display: flex;
|
|
9
|
+
-webkit-align-items: center;
|
|
10
|
+
-webkit-box-align: center;
|
|
11
|
+
-ms-flex-align: center;
|
|
12
|
+
align-items: center;
|
|
13
|
+
-webkit-box-pack: center;
|
|
14
|
+
-webkit-justify-content: center;
|
|
15
|
+
-ms-flex-pack: center;
|
|
16
|
+
justify-content: center;
|
|
17
|
+
width: 100%;
|
|
18
|
+
max-width: 32px;
|
|
19
|
+
height: 32px;
|
|
20
|
+
-webkit-transform: rotate(0deg);
|
|
21
|
+
-ms-transform: rotate(0deg);
|
|
22
|
+
transform: rotate(0deg);
|
|
23
|
+
margin-top: 0;
|
|
24
|
+
margin-right: 0;
|
|
25
|
+
margin-bottom: 0;
|
|
26
|
+
margin-left: 0;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
<span
|
|
30
|
+
class="c0"
|
|
31
|
+
color="pink"
|
|
32
|
+
rotate="0"
|
|
33
|
+
size="32"
|
|
34
|
+
>
|
|
35
|
+
<svg
|
|
36
|
+
fill="none"
|
|
37
|
+
height="100%"
|
|
38
|
+
viewBox="0 0 24 24"
|
|
39
|
+
width="100%"
|
|
40
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
41
|
+
>
|
|
42
|
+
<path
|
|
43
|
+
d="M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10a1 1 0 100-2c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8c0 1.103-.897 2-2 2s-2-.897-2-2c0-2.206-1.794-4-4-4s-4 1.794-4 4 1.794 4 4 4c1.2 0 2.266-.542 3-1.382.734.84 1.8 1.382 3 1.382 2.206 0 4-1.794 4-4 0-5.514-4.486-10-10-10zm0 12c-1.103 0-2-.897-2-2s.897-2 2-2 2 .897 2 2-.897 2-2 2z"
|
|
44
|
+
/>
|
|
45
|
+
</svg>
|
|
46
|
+
</span>
|
|
47
|
+
`;
|
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
+
|
|
3
|
+
exports[`renders 1`] = `
|
|
4
|
+
.c0 {
|
|
5
|
+
position: relative;
|
|
6
|
+
width: -webkit-fit-content;
|
|
7
|
+
width: -moz-fit-content;
|
|
8
|
+
width: fit-content;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.c2 {
|
|
12
|
+
position: absolute;
|
|
13
|
+
width: 100%;
|
|
14
|
+
max-width: 16px;
|
|
15
|
+
height: 16px;
|
|
16
|
+
top: auto;
|
|
17
|
+
right: auto;
|
|
18
|
+
bottom: auto;
|
|
19
|
+
left: auto;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.c1 {
|
|
23
|
+
display: -webkit-box;
|
|
24
|
+
display: -webkit-flex;
|
|
25
|
+
display: -ms-flexbox;
|
|
26
|
+
display: flex;
|
|
27
|
+
-webkit-align-items: center;
|
|
28
|
+
-webkit-box-align: center;
|
|
29
|
+
-ms-flex-align: center;
|
|
30
|
+
align-items: center;
|
|
31
|
+
-webkit-box-pack: center;
|
|
32
|
+
-webkit-justify-content: center;
|
|
33
|
+
-ms-flex-pack: center;
|
|
34
|
+
justify-content: center;
|
|
35
|
+
width: 100%;
|
|
36
|
+
max-width: 24px;
|
|
37
|
+
height: 24px;
|
|
38
|
+
-webkit-transform: rotate(0deg);
|
|
39
|
+
-ms-transform: rotate(0deg);
|
|
40
|
+
transform: rotate(0deg);
|
|
41
|
+
margin-top: 0;
|
|
42
|
+
margin-right: 0;
|
|
43
|
+
margin-bottom: 0;
|
|
44
|
+
margin-left: 0;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
<div
|
|
48
|
+
class="c0"
|
|
49
|
+
>
|
|
50
|
+
<span
|
|
51
|
+
class="c1"
|
|
52
|
+
color="blue7"
|
|
53
|
+
rotate="0"
|
|
54
|
+
size="24"
|
|
55
|
+
>
|
|
56
|
+
<svg
|
|
57
|
+
fill="none"
|
|
58
|
+
height="100%"
|
|
59
|
+
viewBox="0 0 24 24"
|
|
60
|
+
width="100%"
|
|
61
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
62
|
+
>
|
|
63
|
+
<path
|
|
64
|
+
clip-rule="evenodd"
|
|
65
|
+
d="M12 12a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"
|
|
66
|
+
fill="#112035"
|
|
67
|
+
fill-rule="evenodd"
|
|
68
|
+
/>
|
|
69
|
+
<path
|
|
70
|
+
clip-rule="evenodd"
|
|
71
|
+
d="M12.95 13.309a1 1 0 011.261-.642l4.755 1.545a1 1 0 11-.618 1.902l-4.755-1.545a1 1 0 01-.642-1.26zM16.702 6.528a1 1 0 01.221 1.397l-2.938 4.045a1 1 0 01-1.618-1.176l2.938-4.045a1 1 0 011.397-.221zM7.298 6.528a1 1 0 011.397.221l2.938 4.045a1 1 0 01-1.618 1.176L7.077 7.925a1 1 0 01.221-1.397zM11.05 13.309a1 1 0 01-.643 1.26l-4.755 1.545a1 1 0 01-.618-1.902l4.755-1.545a1 1 0 011.26.642z"
|
|
72
|
+
fill="#112035"
|
|
73
|
+
fill-rule="evenodd"
|
|
74
|
+
/>
|
|
75
|
+
<path
|
|
76
|
+
clip-rule="evenodd"
|
|
77
|
+
d="M17.707 11.146a6 6 0 00-11.413 3.708 5.973 5.973 0 001.42 2.347 1 1 0 01-1.428 1.4 7.974 7.974 0 01-1.894-3.129m13.315-4.326a6.002 6.002 0 01-1.421 6.056 1 1 0 101.43 1.398 8 8 0 10-13.324-3.128"
|
|
78
|
+
fill="#112035"
|
|
79
|
+
fill-rule="evenodd"
|
|
80
|
+
/>
|
|
81
|
+
<path
|
|
82
|
+
d="M1 22h22"
|
|
83
|
+
stroke="#112035"
|
|
84
|
+
stroke-linecap="round"
|
|
85
|
+
stroke-linejoin="round"
|
|
86
|
+
stroke-miterlimit="10"
|
|
87
|
+
stroke-width="2"
|
|
88
|
+
/>
|
|
89
|
+
<path
|
|
90
|
+
clip-rule="evenodd"
|
|
91
|
+
d="M0 13C0 6.373 5.373 1 12 1s12 5.373 12 12c0 4.065-2.027 7.65-5.113 9.818a1 1 0 01-.575.182H5.687a1 1 0 01-.575-.182C2.027 20.65 0 17.065 0 13zM12 3C6.477 3 2 7.477 2 13a9.977 9.977 0 004.012 8h11.976A9.975 9.975 0 0022 13c0-5.523-4.477-10-10-10z"
|
|
92
|
+
fill="#112035"
|
|
93
|
+
fill-rule="evenodd"
|
|
94
|
+
/>
|
|
95
|
+
</svg>
|
|
96
|
+
</span>
|
|
97
|
+
<div
|
|
98
|
+
class="c2"
|
|
99
|
+
r="auto"
|
|
100
|
+
size="16"
|
|
101
|
+
>
|
|
102
|
+
<svg
|
|
103
|
+
fill="none"
|
|
104
|
+
height="100%"
|
|
105
|
+
viewBox="0 0 16 16"
|
|
106
|
+
width="100%"
|
|
107
|
+
>
|
|
108
|
+
<circle
|
|
109
|
+
cx="8"
|
|
110
|
+
cy="8"
|
|
111
|
+
fill="#55D6AA"
|
|
112
|
+
r="8"
|
|
113
|
+
/>
|
|
114
|
+
<path
|
|
115
|
+
d="M12.3203 4.61579C12.1068 4.43879 11.7928 4.46829 11.6158 4.67979L6.9033 10.3348L4.2773 8.58429C4.0468 8.43029 3.7368 8.49279 3.5838 8.72279C3.4303 8.95229 3.4923 9.26329 3.7223 9.41629L6.7223 11.4163C6.8073 11.4723 6.9038 11.4998 6.9993 11.4998C7.1433 11.4998 7.2853 11.4378 7.3843 11.3198L12.3843 5.31979C12.5608 5.10779 12.5318 4.79229 12.3203 4.61579V4.61579Z"
|
|
116
|
+
fill="white"
|
|
117
|
+
/>
|
|
118
|
+
</svg>
|
|
119
|
+
</div>
|
|
120
|
+
</div>
|
|
121
|
+
`;
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
+
|
|
3
|
+
exports[`renders 1`] = `
|
|
4
|
+
.c1 {
|
|
5
|
+
font-size: 8px;
|
|
6
|
+
line-height: 100%;
|
|
7
|
+
font-weight: 700;
|
|
8
|
+
text-transform: uppercase;
|
|
9
|
+
-webkit-letter-spacing: 0.75px;
|
|
10
|
+
-moz-letter-spacing: 0.75px;
|
|
11
|
+
-ms-letter-spacing: 0.75px;
|
|
12
|
+
letter-spacing: 0.75px;
|
|
13
|
+
margin: 0;
|
|
14
|
+
padding: 0;
|
|
15
|
+
color: #636768;
|
|
16
|
+
text-align: left;
|
|
17
|
+
cursor: inherit;
|
|
18
|
+
-webkit-letter-spacing: 0.15px;
|
|
19
|
+
-moz-letter-spacing: 0.15px;
|
|
20
|
+
-ms-letter-spacing: 0.15px;
|
|
21
|
+
letter-spacing: 0.15px;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.c0 {
|
|
25
|
+
display: -webkit-box;
|
|
26
|
+
display: -webkit-flex;
|
|
27
|
+
display: -ms-flexbox;
|
|
28
|
+
display: flex;
|
|
29
|
+
-webkit-flex-direction: column;
|
|
30
|
+
-ms-flex-direction: column;
|
|
31
|
+
flex-direction: column;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.c0 label {
|
|
35
|
+
margin-bottom: 8px;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
@media (min-width:768px) {
|
|
39
|
+
.c1 {
|
|
40
|
+
font-size: 10px;
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
<div
|
|
45
|
+
class="c0"
|
|
46
|
+
>
|
|
47
|
+
<label
|
|
48
|
+
class="c1"
|
|
49
|
+
color="grey8"
|
|
50
|
+
cursor="inherit"
|
|
51
|
+
title=""
|
|
52
|
+
>
|
|
53
|
+
Name
|
|
54
|
+
</label>
|
|
55
|
+
Hideo Kojima
|
|
56
|
+
</div>
|
|
57
|
+
`;
|