@mrshmllw/smores-react 2.0.0 → 2.0.1

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 (44) hide show
  1. package/dist/ActionDropdown/ActionDropdown.stories.js +1 -1
  2. package/dist/ActionDropdown/ActionDropdown.stories.js.map +1 -1
  3. package/dist/ActionDropdown/Container.js +6 -6
  4. package/dist/ActionDropdown/Container.js.map +1 -1
  5. package/dist/ActionDropdown/__tests__/ActionDropdown.js +2 -2
  6. package/dist/ActionDropdown/__tests__/ActionDropdown.js.map +1 -1
  7. package/dist/ActionDropdown/__tests__/__snapshots__/ActionDropdown.js.snap +167 -0
  8. package/dist/Box/__tests__/__snapshots__/Box.js.snap +20 -0
  9. package/dist/Button/Button.js +9 -4
  10. package/dist/Button/Button.js.map +1 -1
  11. package/dist/Button/__tests__/__snapshots__/Button.js.snap +46 -0
  12. package/dist/Card/__tests__/__snapshots__/Card.js.snap +24 -0
  13. package/dist/CheckBox/CheckBox.js +5 -3
  14. package/dist/CheckBox/CheckBox.js.map +1 -1
  15. package/dist/CheckBox/__tests__/__snapshots__/CheckBox.js.snap +20 -0
  16. package/dist/Dropdown/__tests__/__snapshots__/Dropdown.js.snap +167 -0
  17. package/dist/Emoji/__tests__/__snapshots__/Emoji.js.snap +20 -0
  18. package/dist/Icon/__tests__/__snapshots__/Icon.js.snap +47 -0
  19. package/dist/IconWrapper/__tests__/__snapshots__/IconWrapper.js.snap +121 -0
  20. package/dist/LabelledText/__tests__/__snapshots__/LabelledText.js.snap +57 -0
  21. package/dist/Loader/Loader.stories.js +1 -1
  22. package/dist/Loader/Loader.stories.js.map +1 -1
  23. package/dist/Loader/__tests__/Loader.js +1 -1
  24. package/dist/Loader/__tests__/Loader.js.map +1 -1
  25. package/dist/Loader/__tests__/__snapshots__/Loader.js.snap +53 -0
  26. package/dist/Message/Message.js +2 -4
  27. package/dist/Message/Message.js.map +1 -1
  28. package/dist/Message/__tests__/__snapshots__/Message.js.snap +279 -0
  29. package/dist/Modal/__tests__/__snapshots__/Modal.js.snap +208 -0
  30. package/dist/NumberInput/__tests__/__snapshots__/NumberInput.js.snap +1398 -0
  31. package/dist/Pagination/__tests__/__snapshots__/Pagination.js.snap +273 -0
  32. package/dist/RadioButton/__tests__/__snapshots__/RadioButton.js.snap +146 -0
  33. package/dist/Row/Row.stories.js +2 -2
  34. package/dist/Row/Row.stories.js.map +1 -1
  35. package/dist/Row/__tests__/__snapshots__/Row.js.snap +96 -0
  36. package/dist/SearchInput/__tests__/__snapshots__/SearchInput.js.snap +146 -0
  37. package/dist/Tag/__tests__/__snapshots__/Tag.js.snap +54 -0
  38. package/dist/Text/Text.stories.js +1 -1
  39. package/dist/Text/Text.stories.js.map +1 -1
  40. package/dist/Text/__tests__/__snapshots__/Text.js.snap +34 -0
  41. package/dist/TextInput/__tests__/__snapshots__/TextInput.js.snap +74 -0
  42. package/dist/Textarea/__tests__/__snapshots__/Textarea.js.snap +271 -0
  43. package/dist/Toggle/__tests__/__snapshots__/Toggle.js.snap +70 -0
  44. package/package.json +2 -1
package/dist/Modal/__tests__/__snapshots__/Modal.js.snap ADDED
@@ -0,0 +1,208 @@
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
+ `;