@mrshmllw/smores-react 2.1.2 → 2.1.6

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.
Files changed (34) hide show
  1. package/dist/Icon/Container.js +9 -0
  2. package/dist/Icon/Container.js.map +1 -1
  3. package/dist/Icon/Icon.js +11 -2
  4. package/dist/Icon/Icon.js.map +1 -1
  5. package/dist/IconWrapper/IconWrapper.js +3 -7
  6. package/dist/IconWrapper/IconWrapper.js.map +1 -1
  7. package/dist/Message/Message.js +0 -1
  8. package/dist/Message/Message.js.map +1 -1
  9. package/dist/Pagination/Pagination.js +8 -0
  10. package/dist/Pagination/Pagination.js.map +1 -1
  11. package/package.json +1 -1
  12. package/dist/ActionDropdown/__tests__/__snapshots__/ActionDropdown.js.snap +0 -167
  13. package/dist/Box/__tests__/__snapshots__/Box.js.snap +0 -20
  14. package/dist/Button/__tests__/__snapshots__/Button.js.snap +0 -46
  15. package/dist/Card/__tests__/__snapshots__/Card.js.snap +0 -24
  16. package/dist/CheckBox/__tests__/__snapshots__/CheckBox.js.snap +0 -20
  17. package/dist/Dropdown/__tests__/__snapshots__/Dropdown.js.snap +0 -167
  18. package/dist/Emoji/__tests__/__snapshots__/Emoji.js.snap +0 -20
  19. package/dist/Icon/__tests__/__snapshots__/Icon.js.snap +0 -47
  20. package/dist/IconWrapper/__tests__/__snapshots__/IconWrapper.js.snap +0 -121
  21. package/dist/LabelledText/__tests__/__snapshots__/LabelledText.js.snap +0 -57
  22. package/dist/Loader/__tests__/__snapshots__/Loader.js.snap +0 -53
  23. package/dist/Message/__tests__/__snapshots__/Message.js.snap +0 -279
  24. package/dist/Modal/__tests__/__snapshots__/Modal.js.snap +0 -208
  25. package/dist/NumberInput/__tests__/__snapshots__/NumberInput.js.snap +0 -1398
  26. package/dist/Pagination/__tests__/__snapshots__/Pagination.js.snap +0 -273
  27. package/dist/RadioButton/__tests__/__snapshots__/RadioButton.js.snap +0 -146
  28. package/dist/Row/__tests__/__snapshots__/Row.js.snap +0 -96
  29. package/dist/SearchInput/__tests__/__snapshots__/SearchInput.js.snap +0 -146
  30. package/dist/Tag/__tests__/__snapshots__/Tag.js.snap +0 -54
  31. package/dist/Text/__tests__/__snapshots__/Text.js.snap +0 -34
  32. package/dist/TextInput/__tests__/__snapshots__/TextInput.js.snap +0 -74
  33. package/dist/Textarea/__tests__/__snapshots__/Textarea.js.snap +0 -271
  34. package/dist/Toggle/__tests__/__snapshots__/Toggle.js.snap +0 -70
@@ -1,53 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`renders 1`] = `
4
- .c0 path {
5
- fill: #FF7695;
6
- stroke: none;
7
- fill-rule: evenodd;
8
- }
9
-
10
- .c1 {
11
- -webkit-animation: Marshmallow1_t 1.6s linear infinite both, Marshmallow1_d 1.6s linear infinite both;
12
- animation: Marshmallow1_t 1.6s linear infinite both, Marshmallow1_d 1.6s linear infinite both;
13
- }
14
-
15
- .c2 {
16
- -webkit-animation: Marshmallow2_t 1.6s linear infinite both, Marshmallow2_d 1.6s linear infinite both;
17
- animation: Marshmallow2_t 1.6s linear infinite both, Marshmallow2_d 1.6s linear infinite both;
18
- }
19
-
20
- .c3 {
21
- -webkit-animation: Marshmallow3_t 1.6s linear infinite both, Marshmallow3_d 1.6s linear infinite both;
22
- animation: Marshmallow3_t 1.6s linear infinite both, Marshmallow3_d 1.6s linear infinite both;
23
- }
24
-
25
- <svg
26
- class="c0"
27
- color="pink4"
28
- viewBox="0 0 60 32"
29
- >
30
- <g
31
- transform="translate(30,18.5455) translate(-30,-9)"
32
- >
33
- <path
34
- class="c1"
35
- d="M73.999,81.9767L73.6592,70.6087C73.6352,69.8071,73.1892,69.0806,72.4916,68.707C71.1747,68.0014,69.0105,67.648,66.0001,67.6467C62.9894,67.648,60.8254,68.0014,59.5084,68.707C58.8109,69.0806,58.3648,69.8071,58.3408,70.6087L58.001,81.9767C57.983,82.5754,58.2138,83.1538,58.6366,83.5705C60.0408,84.9546,62.4906,85.6467,65.986,85.6467C65.9907,85.6467,65.9953,85.6467,66.0001,85.6467C66.0047,85.6467,66.0094,85.6467,66.014,85.6467C69.5095,85.6467,71.9593,84.9546,73.3634,83.5705C73.7863,83.1538,74.0169,82.5754,73.999,81.9767"
36
- id="Marshmallow1"
37
- transform="translate(-58,-67.6467)"
38
- />
39
- <path
40
- class="c2"
41
- d="M73.999,81.9767L73.6592,70.6087C73.6352,69.8071,73.1892,69.0806,72.4916,68.707C71.1747,68.0014,69.0105,67.648,66.0001,67.6467C62.9894,67.648,60.8254,68.0014,59.5084,68.707C58.8109,69.0806,58.3648,69.8071,58.3408,70.6087L58.001,81.9767C57.983,82.5754,58.2138,83.1538,58.6366,83.5705C60.0408,84.9546,62.4906,85.6467,65.986,85.6467C65.9907,85.6467,65.9953,85.6467,66.0001,85.6467C66.0047,85.6467,66.0094,85.6467,66.014,85.6467C69.5095,85.6467,71.9593,84.9546,73.3634,83.5705C73.7863,83.1538,74.0169,82.5754,73.999,81.9767"
42
- id="Marshmallow2"
43
- transform="translate(-36,-67.6467)"
44
- />
45
- <path
46
- class="c3"
47
- d="M73.999,81.9767L73.6592,70.6087C73.6352,69.8071,73.1892,69.0806,72.4916,68.707C71.1747,68.0014,69.0105,67.648,66.0001,67.6467C62.9894,67.648,60.8254,68.0014,59.5084,68.707C58.8109,69.0806,58.3648,69.8071,58.3408,70.6087L58.001,81.9767C57.983,82.5754,58.2138,83.1538,58.6366,83.5705C60.0408,84.9546,62.4906,85.6467,65.986,85.6467C65.9907,85.6467,65.9953,85.6467,66.0001,85.6467C66.0047,85.6467,66.0094,85.6467,66.014,85.6467C69.5095,85.6467,71.9593,84.9546,73.3634,83.5705C73.7863,83.1538,74.0169,82.5754,73.999,81.9767"
48
- id="Marshmallow3"
49
- transform="translate(-14,-67.6467)"
50
- />
51
- </g>
52
- </svg>
53
- `;
@@ -1,279 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`default renders correctly 1`] = `
4
- .c2 {
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
- .c1 {
30
- -webkit-flex-shrink: 0;
31
- -ms-flex-negative: 0;
32
- flex-shrink: 0;
33
- -webkit-align-self: center;
34
- -ms-flex-item-align: center;
35
- align-self: center;
36
- }
37
-
38
- .c0 {
39
- -webkit-align-items: center;
40
- -webkit-box-align: center;
41
- -ms-flex-align: center;
42
- align-items: center;
43
- background-color: #ACB6D8;
44
- box-sizing: border-box;
45
- border-radius: 8px;
46
- margin-bottom: 24px;
47
- padding: 16px;
48
- display: -webkit-box;
49
- display: -webkit-flex;
50
- display: -ms-flexbox;
51
- display: flex;
52
- font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
53
- color: #112035;
54
- font-size: 16px;
55
- }
56
-
57
- .c0 span {
58
- margin: 0 16px 0 0;
59
- }
60
-
61
- <div>
62
- <div
63
- class="c0"
64
- type="info"
65
- >
66
- <div
67
- class="c1"
68
- >
69
- <span
70
- class="c2"
71
- color="blue7"
72
- rotate="0"
73
- size="32"
74
- >
75
- <svg
76
- fill="none"
77
- height="100%"
78
- viewBox="0 0 24 24"
79
- width="100%"
80
- xmlns="http://www.w3.org/2000/svg"
81
- >
82
- <path
83
- clip-rule="evenodd"
84
- d="M12 0C5.383 0 0 5.383 0 12s5.383 12 12 12 12-5.383 12-12S18.617 0 12 0zm-1 6.99a1 1 0 112 0c0 .553-.447 1.005-1 1.005-.553 0-1-.442-1-.995v-.01zM11 11a1 1 0 112 0v7a1 1 0 11-2 0v-7zm-9 1c0 5.514 4.486 10 10 10s10-4.486 10-10S17.514 2 12 2 2 6.486 2 12z"
85
- fill="#112035"
86
- fill-rule="evenodd"
87
- />
88
- </svg>
89
- </span>
90
- </div>
91
- This is an infomation message for the customer!
92
- </div>
93
- </div>
94
- `;
95
-
96
- exports[`info renders correctly 1`] = `
97
- .c2 {
98
- display: -webkit-box;
99
- display: -webkit-flex;
100
- display: -ms-flexbox;
101
- display: flex;
102
- -webkit-align-items: center;
103
- -webkit-box-align: center;
104
- -ms-flex-align: center;
105
- align-items: center;
106
- -webkit-box-pack: center;
107
- -webkit-justify-content: center;
108
- -ms-flex-pack: center;
109
- justify-content: center;
110
- width: 100%;
111
- max-width: 32px;
112
- height: 32px;
113
- -webkit-transform: rotate(0deg);
114
- -ms-transform: rotate(0deg);
115
- transform: rotate(0deg);
116
- margin-top: 0;
117
- margin-right: 0;
118
- margin-bottom: 0;
119
- margin-left: 0;
120
- }
121
-
122
- .c1 {
123
- -webkit-flex-shrink: 0;
124
- -ms-flex-negative: 0;
125
- flex-shrink: 0;
126
- -webkit-align-self: center;
127
- -ms-flex-item-align: center;
128
- align-self: center;
129
- }
130
-
131
- .c0 {
132
- -webkit-align-items: center;
133
- -webkit-box-align: center;
134
- -ms-flex-align: center;
135
- align-items: center;
136
- background-color: #ACB6D8;
137
- box-sizing: border-box;
138
- border-radius: 8px;
139
- margin-bottom: 24px;
140
- padding: 16px;
141
- display: -webkit-box;
142
- display: -webkit-flex;
143
- display: -ms-flexbox;
144
- display: flex;
145
- font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
146
- color: #112035;
147
- font-size: 16px;
148
- }
149
-
150
- .c0 span {
151
- margin: 0 16px 0 0;
152
- }
153
-
154
- <div>
155
- <div
156
- class="c0"
157
- type="info"
158
- >
159
- <div
160
- class="c1"
161
- >
162
- <span
163
- class="c2"
164
- color="blue7"
165
- rotate="0"
166
- size="32"
167
- >
168
- <svg
169
- fill="none"
170
- height="100%"
171
- viewBox="0 0 24 24"
172
- width="100%"
173
- xmlns="http://www.w3.org/2000/svg"
174
- >
175
- <path
176
- clip-rule="evenodd"
177
- d="M12 0C5.383 0 0 5.383 0 12s5.383 12 12 12 12-5.383 12-12S18.617 0 12 0zm-1 6.99a1 1 0 112 0c0 .553-.447 1.005-1 1.005-.553 0-1-.442-1-.995v-.01zM11 11a1 1 0 112 0v7a1 1 0 11-2 0v-7zm-9 1c0 5.514 4.486 10 10 10s10-4.486 10-10S17.514 2 12 2 2 6.486 2 12z"
178
- fill="#112035"
179
- fill-rule="evenodd"
180
- />
181
- </svg>
182
- </span>
183
- </div>
184
- This is a infomational message for the customer!
185
- </div>
186
- </div>
187
- `;
188
-
189
- exports[`warning renders correctly 1`] = `
190
- .c2 {
191
- display: -webkit-box;
192
- display: -webkit-flex;
193
- display: -ms-flexbox;
194
- display: flex;
195
- -webkit-align-items: center;
196
- -webkit-box-align: center;
197
- -ms-flex-align: center;
198
- align-items: center;
199
- -webkit-box-pack: center;
200
- -webkit-justify-content: center;
201
- -ms-flex-pack: center;
202
- justify-content: center;
203
- width: 100%;
204
- max-width: 32px;
205
- height: 32px;
206
- -webkit-transform: rotate(0deg);
207
- -ms-transform: rotate(0deg);
208
- transform: rotate(0deg);
209
- margin-top: 0;
210
- margin-right: 0;
211
- margin-bottom: 0;
212
- margin-left: 0;
213
- }
214
-
215
- .c1 {
216
- -webkit-flex-shrink: 0;
217
- -ms-flex-negative: 0;
218
- flex-shrink: 0;
219
- -webkit-align-self: center;
220
- -ms-flex-item-align: center;
221
- align-self: center;
222
- }
223
-
224
- .c0 {
225
- -webkit-align-items: center;
226
- -webkit-box-align: center;
227
- -ms-flex-align: center;
228
- align-items: center;
229
- background-color: #ffffff;
230
- box-sizing: border-box;
231
- border: 1px solid #AB1D20;
232
- border-radius: 8px;
233
- margin-bottom: 24px;
234
- padding: 16px;
235
- display: -webkit-box;
236
- display: -webkit-flex;
237
- display: -ms-flexbox;
238
- display: flex;
239
- font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
240
- color: #AB1D20;
241
- font-size: 16px;
242
- }
243
-
244
- .c0 span {
245
- margin: 0 16px 0 0;
246
- }
247
-
248
- <div>
249
- <div
250
- class="c0"
251
- type="warning"
252
- >
253
- <div
254
- class="c1"
255
- >
256
- <span
257
- class="c2"
258
- color="pink8"
259
- rotate="0"
260
- size="32"
261
- >
262
- <svg
263
- fill="none"
264
- height="100%"
265
- viewBox="0 0 25 24"
266
- width="100%"
267
- xmlns="http://www.w3.org/2000/svg"
268
- >
269
- <path
270
- d="M12.001 6a1 1 0 00-1 1v6a1 1 0 102 0V7a1 1 0 00-1-1zm0 10.005a1.003 1.003 0 000 2.005 1 1 0 001-1V17a.995.995 0 00-1-.995zm11.42-.503l-7.64-13.316A4.31 4.31 0 0012.001 0a4.31 4.31 0 00-3.78 2.186L.581 15.502a4.288 4.288 0 00.01 4.327A4.313 4.313 0 004.36 22h15.28a4.313 4.313 0 003.771-2.171 4.288 4.288 0 00.01-4.327zm-1.739 3.324A2.333 2.333 0 0119.642 20H4.361a2.331 2.331 0 01-2.042-1.174 2.306 2.306 0 01-.005-2.328l7.64-13.316A2.332 2.332 0 0112.001 2c.856 0 1.621.441 2.046 1.182l7.64 13.316c.418.73.417 1.6-.005 2.328z"
271
- fill="#AB1D20"
272
- />
273
- </svg>
274
- </span>
275
- </div>
276
- This is a warning message for the customer!
277
- </div>
278
- </div>
279
- `;
@@ -1,208 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`renders 1`] = `
4
- .c3 {
5
- margin-bottom: 8px;
6
- display: -webkit-box;
7
- display: -webkit-flex;
8
- display: -ms-flexbox;
9
- display: flex;
10
- -webkit-box-pack: justify;
11
- -webkit-justify-content: space-between;
12
- -ms-flex-pack: justify;
13
- justify-content: space-between;
14
- -webkit-align-items: flex-start;
15
- -webkit-box-align: flex-start;
16
- -ms-flex-align: flex-start;
17
- align-items: flex-start;
18
- }
19
-
20
- .c4 {
21
- display: -webkit-box;
22
- display: -webkit-flex;
23
- display: -ms-flexbox;
24
- display: flex;
25
- -webkit-flex-direction: column;
26
- -ms-flex-direction: column;
27
- flex-direction: column;
28
- }
29
-
30
- .c8 {
31
- display: -webkit-box;
32
- display: -webkit-flex;
33
- display: -ms-flexbox;
34
- display: flex;
35
- -webkit-align-items: center;
36
- -webkit-box-align: center;
37
- -ms-flex-align: center;
38
- align-items: center;
39
- -webkit-box-pack: center;
40
- -webkit-justify-content: center;
41
- -ms-flex-pack: center;
42
- justify-content: center;
43
- width: 100%;
44
- max-width: 32px;
45
- height: 32px;
46
- -webkit-transform: rotate(0deg);
47
- -ms-transform: rotate(0deg);
48
- transform: rotate(0deg);
49
- margin-top: 0;
50
- margin-right: 0;
51
- margin-bottom: 0;
52
- margin-left: 0;
53
- }
54
-
55
- .c6 {
56
- font-size: 18px;
57
- line-height: 23px;
58
- font-weight: 500;
59
- margin: 0;
60
- padding: 0;
61
- color: #112035;
62
- text-align: left;
63
- cursor: inherit;
64
- -webkit-letter-spacing: 0.15px;
65
- -moz-letter-spacing: 0.15px;
66
- -ms-letter-spacing: 0.15px;
67
- letter-spacing: 0.15px;
68
- }
69
-
70
- .c0 {
71
- display: none;
72
- position: absolute;
73
- top: 0;
74
- left: 0;
75
- height: calc(100vh);
76
- width: 100%;
77
- -webkit-box-pack: center;
78
- -webkit-justify-content: center;
79
- -ms-flex-pack: center;
80
- justify-content: center;
81
- -webkit-align-items: center;
82
- -webkit-box-align: center;
83
- -ms-flex-align: center;
84
- align-items: center;
85
- }
86
-
87
- .c1 {
88
- position: fixed;
89
- background: #112035;
90
- opacity: 0.4;
91
- height: calc(100vh);
92
- width: 100%;
93
- top: 0;
94
- left: 0;
95
- z-index: 999;
96
- }
97
-
98
- .c2 {
99
- background: #ffffff;
100
- z-index: 999;
101
- border: 1px solid #E5E5E5;
102
- box-sizing: border-box;
103
- border-radius: 8px;
104
- padding: 24px;
105
- max-width: 460px;
106
- position: fixed;
107
- }
108
-
109
- .c7 {
110
- cursor: pointer;
111
- background: #F9F9F9;
112
- border-radius: 32px;
113
- margin-right: 8px;
114
- }
115
-
116
- .c7:hover {
117
- background: #F8F6F6;
118
- }
119
-
120
- .c7 svg {
121
- padding: 3px;
122
- }
123
-
124
- .c5 {
125
- -webkit-align-self: center;
126
- -ms-flex-item-align: center;
127
- align-self: center;
128
- }
129
-
130
- @media (min-width:768px) {
131
- .c6 {
132
- font-size: 21px;
133
- line-height: 27px;
134
- }
135
- }
136
-
137
- @media (max-width:768px) {
138
- .c2 {
139
- max-width: none;
140
- width: 100%;
141
- left: 0;
142
- border-radius: 16px 16px 0px 0px;
143
- padding: 10% 24px;
144
- overflow: scroll;
145
- max-height: 90vh;
146
- position: fixed;
147
- top: auto;
148
- bottom: 0;
149
- }
150
- }
151
-
152
- <div
153
- class="c0"
154
- >
155
- <div
156
- class="c1"
157
- />
158
- <div
159
- class="c2"
160
- width="460px"
161
- >
162
- <div
163
- class="c3"
164
- >
165
- <div
166
- class="c4 c5"
167
- direction="column"
168
- >
169
- <h2
170
- class="c6"
171
- color="blue7"
172
- cursor="inherit"
173
- title=""
174
- />
175
- </div>
176
- <div
177
- class="c7"
178
- >
179
- <span
180
- class="c8"
181
- color="blue7"
182
- rotate="0"
183
- size="32"
184
- >
185
- <svg
186
- fill="none"
187
- height="100%"
188
- viewBox="0 0 24 24"
189
- width="100%"
190
- xmlns="http://www.w3.org/2000/svg"
191
- >
192
- <path
193
- d="M13.414 11.5l7.293-7.67c.39-.42.39-1.097 0-1.516a.953.953 0 00-1.414 0L12 9.985l-7.293-7.67a.953.953 0 00-1.414 0 1.125 1.125 0 000 1.514l7.293 7.671-7.293 7.67a1.125 1.125 0 000 1.516A.965.965 0 004 21a.965.965 0 00.707-.314L12 13.015l7.293 7.67A.965.965 0 0020 21a.965.965 0 00.707-.314c.39-.42.39-1.096 0-1.515L13.414 11.5z"
194
- fill="#112035"
195
- />
196
- </svg>
197
- </span>
198
- </div>
199
- </div>
200
- <div
201
- class="c4"
202
- direction="column"
203
- >
204
- Text inside
205
- </div>
206
- </div>
207
- </div>
208
- `;