@mrshmllw/smores-react 1.8.0 → 2.0.2

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 (111) hide show
  1. package/dist/Accordion/Accordion.js +6 -6
  2. package/dist/Accordion/Accordion.js.map +1 -1
  3. package/dist/ActionDropdown/ActionDropdown.js +4 -4
  4. package/dist/ActionDropdown/ActionDropdown.js.map +1 -1
  5. package/dist/ActionDropdown/ActionDropdown.stories.js +1 -1
  6. package/dist/ActionDropdown/ActionDropdown.stories.js.map +1 -1
  7. package/dist/ActionDropdown/Container.js +6 -6
  8. package/dist/ActionDropdown/Container.js.map +1 -1
  9. package/dist/ActionDropdown/List.js +3 -3
  10. package/dist/ActionDropdown/List.js.map +1 -1
  11. package/dist/ActionDropdown/__tests__/ActionDropdown.js +2 -2
  12. package/dist/ActionDropdown/__tests__/ActionDropdown.js.map +1 -1
  13. package/dist/ActionDropdown/__tests__/__snapshots__/ActionDropdown.js.snap +167 -0
  14. package/dist/Box/__tests__/__snapshots__/Box.js.snap +20 -0
  15. package/dist/Button/Button.js +23 -17
  16. package/dist/Button/Button.js.map +1 -1
  17. package/dist/Button/Button.stories.js +2 -2
  18. package/dist/Button/Button.stories.js.map +1 -1
  19. package/dist/Button/LegacyButton.js +8 -8
  20. package/dist/Button/LegacyButton.js.map +1 -1
  21. package/dist/Button/__tests__/__snapshots__/Button.js.snap +46 -0
  22. package/dist/Card/Card.js +8 -8
  23. package/dist/Card/Card.js.map +1 -1
  24. package/dist/Card/__tests__/__snapshots__/Card.js.snap +24 -0
  25. package/dist/CheckBox/CheckBox.js +10 -8
  26. package/dist/CheckBox/CheckBox.js.map +1 -1
  27. package/dist/CheckBox/__tests__/__snapshots__/CheckBox.js.snap +20 -0
  28. package/dist/CheckBoxGroup/CheckBox.js +5 -5
  29. package/dist/CheckBoxGroup/CheckBox.js.map +1 -1
  30. package/dist/Chip/Chip.js +7 -7
  31. package/dist/Chip/Chip.js.map +1 -1
  32. package/dist/Chip/Chip.stories.js +1 -0
  33. package/dist/Chip/Chip.stories.js.map +1 -1
  34. package/dist/ConfirmationRadioButtons/Confirmation.js +5 -5
  35. package/dist/ConfirmationRadioButtons/Confirmation.js.map +1 -1
  36. package/dist/ConfirmationRadioButtons/RadioButtonStyled.js +3 -3
  37. package/dist/ConfirmationRadioButtons/RadioButtonStyled.js.map +1 -1
  38. package/dist/Datepicker/Datepicker.js +4 -4
  39. package/dist/Datepicker/Datepicker.js.map +1 -1
  40. package/dist/Datepicker/DatesList.js +3 -3
  41. package/dist/Datepicker/DatesList.js.map +1 -1
  42. package/dist/Divider/Divider.js +1 -1
  43. package/dist/Divider/Divider.js.map +1 -1
  44. package/dist/Dropdown/Dropdown.js +11 -11
  45. package/dist/Dropdown/Dropdown.js.map +1 -1
  46. package/dist/Dropdown/__tests__/__snapshots__/Dropdown.js.snap +167 -0
  47. package/dist/Emoji/__tests__/__snapshots__/Emoji.js.snap +20 -0
  48. package/dist/Icon/Icon.js +4 -4
  49. package/dist/Icon/Icon.js.map +1 -1
  50. package/dist/Icon/Icon.stories.js +2 -2
  51. package/dist/Icon/Icon.stories.js.map +1 -1
  52. package/dist/Icon/__tests__/__snapshots__/Icon.js.snap +47 -0
  53. package/dist/IconWrapper/IconWrapper.js +2 -2
  54. package/dist/IconWrapper/IconWrapper.js.map +1 -1
  55. package/dist/IconWrapper/__tests__/__snapshots__/IconWrapper.js.snap +121 -0
  56. package/dist/LabelledText/LabelledText.js +1 -1
  57. package/dist/LabelledText/LabelledText.js.map +1 -1
  58. package/dist/LabelledText/__tests__/__snapshots__/LabelledText.js.snap +57 -0
  59. package/dist/Loader/Loader.js +3 -3
  60. package/dist/Loader/Loader.js.map +1 -1
  61. package/dist/Loader/Loader.stories.js +1 -1
  62. package/dist/Loader/Loader.stories.js.map +1 -1
  63. package/dist/Loader/__tests__/Loader.js +1 -1
  64. package/dist/Loader/__tests__/Loader.js.map +1 -1
  65. package/dist/Loader/__tests__/__snapshots__/Loader.js.snap +53 -0
  66. package/dist/Message/Message.js +4 -4
  67. package/dist/Message/Message.js.map +1 -1
  68. package/dist/Message/Message.stories.js +3 -3
  69. package/dist/Message/Message.stories.js.map +1 -1
  70. package/dist/Message/__tests__/__snapshots__/Message.js.snap +279 -0
  71. package/dist/Modal/Modal.js +6 -6
  72. package/dist/Modal/Modal.js.map +1 -1
  73. package/dist/Modal/__tests__/__snapshots__/Modal.js.snap +208 -0
  74. package/dist/NumberInput/NumberInput.js +14 -14
  75. package/dist/NumberInput/NumberInput.js.map +1 -1
  76. package/dist/NumberInput/__tests__/__snapshots__/NumberInput.js.snap +1398 -0
  77. package/dist/Pagination/Pagination.js +1 -1
  78. package/dist/Pagination/Pagination.js.map +1 -1
  79. package/dist/Pagination/__tests__/__snapshots__/Pagination.js.snap +273 -0
  80. package/dist/RadioButton/RadioButton.js +3 -3
  81. package/dist/RadioButton/RadioButton.js.map +1 -1
  82. package/dist/RadioButton/__tests__/__snapshots__/RadioButton.js.snap +146 -0
  83. package/dist/Row/Row.js +2 -2
  84. package/dist/Row/Row.js.map +1 -1
  85. package/dist/Row/Row.stories.js +2 -2
  86. package/dist/Row/Row.stories.js.map +1 -1
  87. package/dist/Row/__tests__/__snapshots__/Row.js.snap +96 -0
  88. package/dist/SearchInput/SearchInput.js +12 -13
  89. package/dist/SearchInput/SearchInput.js.map +1 -1
  90. package/dist/SearchInput/__tests__/__snapshots__/SearchInput.js.snap +146 -0
  91. package/dist/Tag/Tag.stories.js +2 -2
  92. package/dist/Tag/Tag.stories.js.map +1 -1
  93. package/dist/Tag/__tests__/__snapshots__/Tag.js.snap +54 -0
  94. package/dist/Text/Text.js +1 -1
  95. package/dist/Text/Text.js.map +1 -1
  96. package/dist/Text/Text.stories.js +1 -1
  97. package/dist/Text/Text.stories.js.map +1 -1
  98. package/dist/Text/__tests__/__snapshots__/Text.js.snap +34 -0
  99. package/dist/TextInput/TextInput.js +9 -9
  100. package/dist/TextInput/TextInput.js.map +1 -1
  101. package/dist/TextInput/__tests__/__snapshots__/TextInput.js.snap +74 -0
  102. package/dist/Textarea/Textarea.js +7 -7
  103. package/dist/Textarea/Textarea.js.map +1 -1
  104. package/dist/Textarea/__tests__/__snapshots__/Textarea.js.snap +271 -0
  105. package/dist/Toggle/Toggle.js +4 -4
  106. package/dist/Toggle/Toggle.js.map +1 -1
  107. package/dist/Toggle/__tests__/__snapshots__/Toggle.js.snap +70 -0
  108. package/dist/theme.d.ts +21 -51
  109. package/dist/theme.js +25 -61
  110. package/dist/theme.js.map +1 -1
  111. package/package.json +2 -1
@@ -0,0 +1,271 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`disabled 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: #AEAEAE;
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
+ .c2 {
35
+ font-size: 16px;
36
+ line-height: 20px;
37
+ background: #ffffff;
38
+ border: 1px solid #E5E5E5;
39
+ box-sizing: border-box;
40
+ border-radius: 8px;
41
+ width: 100%;
42
+ padding: 16px;
43
+ color: #112035;
44
+ resize: both;
45
+ cursor: not-allowed;
46
+ opacity: 0.5;
47
+ border-color: #D2D2D2;
48
+ }
49
+
50
+ .c2:hover {
51
+ border-color: #9E9E9E;
52
+ }
53
+
54
+ .c2:focus {
55
+ border-color: #545E7E;
56
+ }
57
+
58
+ @media (min-width:768px) {
59
+ .c1 {
60
+ font-size: 10px;
61
+ }
62
+ }
63
+
64
+ <div
65
+ class="c0"
66
+ direction="column"
67
+ >
68
+ <label
69
+ class="c1"
70
+ color="grey5"
71
+ cursor="inherit"
72
+ title=""
73
+ >
74
+ Textarea label
75
+ </label>
76
+ <div
77
+ class="c0"
78
+ direction="column"
79
+ >
80
+ <textarea
81
+ class="c2"
82
+ disabled=""
83
+ id="textarea_id"
84
+ placeholder="Placeholder text!"
85
+ />
86
+ </div>
87
+ </div>
88
+ `;
89
+
90
+ exports[`renders 1`] = `
91
+ .c1 {
92
+ font-size: 8px;
93
+ line-height: 100%;
94
+ font-weight: 700;
95
+ text-transform: uppercase;
96
+ -webkit-letter-spacing: 0.75px;
97
+ -moz-letter-spacing: 0.75px;
98
+ -ms-letter-spacing: 0.75px;
99
+ letter-spacing: 0.75px;
100
+ margin: 0;
101
+ padding: 0;
102
+ color: #AEAEAE;
103
+ text-align: left;
104
+ cursor: inherit;
105
+ -webkit-letter-spacing: 0.15px;
106
+ -moz-letter-spacing: 0.15px;
107
+ -ms-letter-spacing: 0.15px;
108
+ letter-spacing: 0.15px;
109
+ }
110
+
111
+ .c0 {
112
+ display: -webkit-box;
113
+ display: -webkit-flex;
114
+ display: -ms-flexbox;
115
+ display: flex;
116
+ -webkit-flex-direction: column;
117
+ -ms-flex-direction: column;
118
+ flex-direction: column;
119
+ }
120
+
121
+ .c2 {
122
+ font-size: 16px;
123
+ line-height: 20px;
124
+ background: #ffffff;
125
+ border: 1px solid #E5E5E5;
126
+ box-sizing: border-box;
127
+ border-radius: 8px;
128
+ width: 100%;
129
+ padding: 16px;
130
+ color: #112035;
131
+ resize: both;
132
+ cursor: pointer;
133
+ opacity: 1;
134
+ border-color: #D2D2D2;
135
+ }
136
+
137
+ .c2:hover {
138
+ border-color: #9E9E9E;
139
+ }
140
+
141
+ .c2:focus {
142
+ border-color: #545E7E;
143
+ }
144
+
145
+ @media (min-width:768px) {
146
+ .c1 {
147
+ font-size: 10px;
148
+ }
149
+ }
150
+
151
+ <div
152
+ class="c0 Textarea"
153
+ direction="column"
154
+ >
155
+ <label
156
+ class="c1"
157
+ color="grey5"
158
+ cursor="inherit"
159
+ title=""
160
+ >
161
+ Textarea label
162
+ </label>
163
+ <div
164
+ class="c0"
165
+ direction="column"
166
+ >
167
+ <textarea
168
+ class="c2"
169
+ id="textarea_id"
170
+ placeholder="Placeholder text!"
171
+ />
172
+ </div>
173
+ </div>
174
+ `;
175
+
176
+ exports[`renders with error 1`] = `
177
+ .c1 {
178
+ font-size: 8px;
179
+ line-height: 100%;
180
+ font-weight: 700;
181
+ text-transform: uppercase;
182
+ -webkit-letter-spacing: 0.75px;
183
+ -moz-letter-spacing: 0.75px;
184
+ -ms-letter-spacing: 0.75px;
185
+ letter-spacing: 0.75px;
186
+ margin: 0;
187
+ padding: 0;
188
+ color: #AEAEAE;
189
+ text-align: left;
190
+ cursor: inherit;
191
+ -webkit-letter-spacing: 0.15px;
192
+ -moz-letter-spacing: 0.15px;
193
+ -ms-letter-spacing: 0.15px;
194
+ letter-spacing: 0.15px;
195
+ }
196
+
197
+ .c0 {
198
+ display: -webkit-box;
199
+ display: -webkit-flex;
200
+ display: -ms-flexbox;
201
+ display: flex;
202
+ -webkit-flex-direction: column;
203
+ -ms-flex-direction: column;
204
+ flex-direction: column;
205
+ }
206
+
207
+ .c2 {
208
+ font-size: 16px;
209
+ line-height: 20px;
210
+ background: #ffffff;
211
+ border: 1px solid #E5E5E5;
212
+ box-sizing: border-box;
213
+ border-radius: 8px;
214
+ width: 100%;
215
+ padding: 16px;
216
+ color: #112035;
217
+ resize: both;
218
+ cursor: pointer;
219
+ opacity: 1;
220
+ border-color: #B52525;
221
+ }
222
+
223
+ .c2:hover {
224
+ border-color: #B52525;
225
+ }
226
+
227
+ .c2:focus {
228
+ border-color: #B52525;
229
+ }
230
+
231
+ .c3 {
232
+ margin-top: 7px;
233
+ font-size: 12px;
234
+ color: #B52525;
235
+ }
236
+
237
+ @media (min-width:768px) {
238
+ .c1 {
239
+ font-size: 10px;
240
+ }
241
+ }
242
+
243
+ <div
244
+ class="c0"
245
+ direction="column"
246
+ >
247
+ <label
248
+ class="c1"
249
+ color="grey5"
250
+ cursor="inherit"
251
+ title=""
252
+ >
253
+ Textarea label
254
+ </label>
255
+ <div
256
+ class="c0"
257
+ direction="column"
258
+ >
259
+ <textarea
260
+ class="c2"
261
+ id="textarea_id"
262
+ placeholder="Placeholder text!"
263
+ />
264
+ </div>
265
+ <span
266
+ class="c3"
267
+ >
268
+ Something really quite terrible has gone wrong here!
269
+ </span>
270
+ </div>
271
+ `;
@@ -25,9 +25,9 @@ const Slider = styled.span `
25
25
  left: 0;
26
26
  right: 0;
27
27
  bottom: 0;
28
- background-color: ${theme.colors.grey3};
28
+ background-color: ${theme.colors.bgPrimary};
29
29
  border: 1px solid;
30
- border-color: ${theme.colors.grey4};
30
+ border-color: ${theme.colors.bgPrimary};
31
31
  border-radius: 28px;
32
32
  transition: 0.2s background-color border-color;
33
33
  outline: none;
@@ -46,9 +46,9 @@ const Slider = styled.span `
46
46
  `;
47
47
  const Checkbox = styled.input `
48
48
  &:checked + ${Slider} {
49
- background-color: ${theme.colors.green6};
49
+ background-color: ${theme.colors.success};
50
50
  border: 1px solid;
51
- border-color: ${theme.colors.green7};
51
+ border-color: ${theme.colors.success};
52
52
  }
53
53
 
54
54
  &:checked + ${Slider}:before {
@@ -1 +1 @@
1
- {"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../src/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAWhC,MAAM,CAAC,MAAM,MAAM,GAAc,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE;IACzD,OAAO,CACL,oBAAC,MAAM;QACL,oBAAC,QAAQ,IAAC,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI;QAClE,oBAAC,MAAM,OAAG,CACH,CACV,CAAA;AACH,CAAC,CAAA;AAED,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;;;;;;;CAW1B,CAAA;AAED,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;;;sBAOJ,KAAK,CAAC,MAAM,CAAC,KAAK;;kBAEtB,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;;;;;;;;wBAYZ,KAAK,CAAC,MAAM,CAAC,KAAK;;;;CAIzC,CAAA;AAED,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAA;gBACb,MAAM;wBACE,KAAK,CAAC,MAAM,CAAC,MAAM;;oBAEvB,KAAK,CAAC,MAAM,CAAC,MAAM;;;gBAGvB,MAAM;;;CAGrB,CAAA"}
1
+ {"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../src/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAWhC,MAAM,CAAC,MAAM,MAAM,GAAc,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE;IACzD,OAAO,CACL,oBAAC,MAAM;QACL,oBAAC,QAAQ,IAAC,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI;QAClE,oBAAC,MAAM,OAAG,CACH,CACV,CAAA;AACH,CAAC,CAAA;AAED,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;;;;;;;CAW1B,CAAA;AAED,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;;;sBAOJ,KAAK,CAAC,MAAM,CAAC,SAAS;;kBAE1B,KAAK,CAAC,MAAM,CAAC,SAAS;;;;;;;;;;;;wBAYhB,KAAK,CAAC,MAAM,CAAC,KAAK;;;;CAIzC,CAAA;AAED,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAA;gBACb,MAAM;wBACE,KAAK,CAAC,MAAM,CAAC,OAAO;;oBAExB,KAAK,CAAC,MAAM,CAAC,OAAO;;;gBAGxB,MAAM;;;CAGrB,CAAA"}
@@ -0,0 +1,70 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`renders 1`] = `
4
+ .c0 {
5
+ position: relative;
6
+ display: inline-block;
7
+ width: 50px;
8
+ height: 32px;
9
+ }
10
+
11
+ .c0 input {
12
+ opacity: 0;
13
+ width: 0;
14
+ height: 0;
15
+ }
16
+
17
+ .c3 {
18
+ position: absolute;
19
+ cursor: pointer;
20
+ top: 0;
21
+ left: 0;
22
+ right: 0;
23
+ bottom: 0;
24
+ background-color: #E5E5E5;
25
+ border: 1px solid;
26
+ border-color: #D2D2D2;
27
+ border-radius: 28px;
28
+ -webkit-transition: 0.2s background-color border-color;
29
+ transition: 0.2s background-color border-color;
30
+ outline: none;
31
+ }
32
+
33
+ .c3:before {
34
+ position: absolute;
35
+ content: '';
36
+ height: 24px;
37
+ width: 24px;
38
+ left: 3px;
39
+ bottom: 3px;
40
+ background-color: #ffffff;
41
+ -webkit-transition: 0.2s -webkit-transform;
42
+ -webkit-transition: 0.2s transform;
43
+ transition: 0.2s transform;
44
+ border-radius: 50%;
45
+ }
46
+
47
+ .c1:checked + .c2 {
48
+ background-color: #4CB99F;
49
+ border: 1px solid;
50
+ border-color: #469389;
51
+ }
52
+
53
+ .c1:checked + .c2:before {
54
+ -webkit-transform: translateX(18px);
55
+ -ms-transform: translateX(18px);
56
+ transform: translateX(18px);
57
+ }
58
+
59
+ <label
60
+ class="c0"
61
+ >
62
+ <input
63
+ class="c1"
64
+ type="checkbox"
65
+ />
66
+ <span
67
+ class="c2 c3"
68
+ />
69
+ </label>
70
+ `;
package/dist/theme.d.ts CHANGED
@@ -1,58 +1,28 @@
1
1
  export declare const theme: {
2
2
  colors: {
3
- black: string;
3
+ primary: string;
4
+ secondary: string;
4
5
  white: string;
5
- bg2: string;
6
- bg3: string;
7
- bg4: string;
8
- grey2: string;
9
- grey3: string;
10
- grey4: string;
11
- grey5: string;
12
- grey6: string;
13
- grey7: string;
14
- grey8: string;
15
- pink2: string;
16
- pink3: string;
17
- pink4: string;
18
- pink5: string;
19
- pink6: string;
20
- pink7: string;
21
- pink8: string;
22
- green2: string;
23
- green3: string;
24
- green4: string;
25
- green5: string;
26
- green6: string;
27
- green7: string;
28
- green8: string;
29
- blue2: string;
30
- blue3: string;
31
- blue4: string;
32
- blue5: string;
33
- blue6: string;
34
- blue7: string;
35
- blue8: string;
36
- stripe: string;
6
+ black: string;
7
+ bgPrimary: string;
8
+ bgSecondary: string;
9
+ bgCarbon: string;
10
+ subtext: string;
11
+ outline: string;
12
+ background: string;
13
+ error: string;
14
+ agentWarning: string;
15
+ warning: string;
16
+ success: string;
17
+ compareTheMarket: string;
18
+ onfido: string;
19
+ twitter: string;
37
20
  premfina: string;
38
- yellow2: string;
39
- yellow5: string;
40
- yellow6: string;
41
- yellow7: string;
42
- orange4: string;
43
- orange5: string;
44
- orange6: string;
45
- red2: string;
46
- red4: string;
47
- red5: string;
48
- red6: string;
49
- red7: string;
50
- red8: string;
51
- cyan5: string;
52
- cyan8: string;
53
- 'bg-beige': string;
54
- 'bg-pink': string;
55
- 'bg-taupe': string;
21
+ checkout: string;
22
+ facebook: string;
23
+ stripe: string;
24
+ intercom: string;
25
+ ravelin: string;
56
26
  };
57
27
  font: {
58
28
  weight: {
package/dist/theme.js CHANGED
@@ -1,68 +1,32 @@
1
1
  const colors = {
2
+ // Core brand
3
+ primary: '#FF4E75',
4
+ secondary: '#112035',
5
+ white: '#FFFFFF',
2
6
  black: '#000000',
3
- white: '#ffffff',
4
- // Background
5
- bg2: '#F9F9F9',
6
- bg3: '#F8F6F6',
7
- bg4: '#F4F4F4',
8
- // Grey
9
- grey2: '#ECECEC',
10
- grey3: '#E5E5E5',
11
- grey4: '#D2D2D2',
12
- grey5: '#AEAEAE',
13
- grey6: '#9E9E9E',
14
- grey7: '#818181',
15
- grey8: '#636768',
16
- // Pink
17
- pink2: '#FFB2B4',
18
- pink3: '#FF8A8D',
19
- pink4: '#FF7695',
20
- pink5: '#FF4E75',
21
- pink6: '#FD5064',
22
- pink7: '#E0364A',
23
- pink8: '#AB1D20',
24
- // Green
25
- green2: '',
26
- green3: '#A7D6C6',
27
- green4: '',
28
- green5: '#55D6AA',
29
- green6: '#4CB99F',
30
- green7: '#469389',
31
- green8: '#16716E',
32
- // Blue
33
- blue2: '#ACB6D8',
34
- blue3: '#94A0C6',
35
- blue4: '#6F7AA0',
36
- blue5: '#545E7E',
37
- blue6: '#363F59',
38
- blue7: '#112035',
39
- blue8: '#05090E',
7
+ // Brand background
8
+ bgPrimary: '#ECD2D0',
9
+ bgSecondary: '#FAF3EE',
10
+ bgCarbon: '#09454F',
11
+ // Neutrals
12
+ subtext: '#636768',
13
+ outline: '#D2D2D2',
14
+ background: '#F4F4F4',
15
+ // Traffic light
16
+ error: '#D82C2C',
17
+ agentWarning: '#FFC400',
18
+ warning: '#FF8B00',
19
+ success: '#00875A',
40
20
  // Third-party brand colours
41
- stripe: '#6772E5',
21
+ compareTheMarket: '#004A8E',
22
+ onfido: '#3640F5',
23
+ twitter: '#55ACEE',
42
24
  premfina: '#F08422',
43
- // Yellow
44
- yellow2: '#FFEFB5',
45
- yellow5: '#FFD53C',
46
- yellow6: '#F5CA47',
47
- yellow7: '#E1A717',
48
- // Orange
49
- orange4: '#EA9C56',
50
- orange5: '#E67E22',
51
- orange6: '#9C5617',
52
- // Red
53
- red2: '#FFDCDC',
54
- red4: '#D7796A',
55
- red5: '#E06161',
56
- red6: '#D82C2C',
57
- red7: '#B52525',
58
- red8: '#801A1A',
59
- //Cyan
60
- cyan5: '#168DA0',
61
- cyan8: '#09454F',
62
- // New Brand
63
- 'bg-beige': '#FAF3EE',
64
- 'bg-pink': '#ECD2D0',
65
- 'bg-taupe': '#D9CFC9',
25
+ checkout: '#56AC88',
26
+ facebook: '#3B5998',
27
+ stripe: '#6772E5',
28
+ intercom: '##286EFA',
29
+ ravelin: '#2A4AFC',
66
30
  };
67
31
  const font = {
68
32
  weight: {
package/dist/theme.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"theme.js","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,GAAG;IACb,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAEhB,aAAa;IACb,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IAEd,OAAO;IACP,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAEhB,OAAO;IACP,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAEhB,QAAQ;IACR,MAAM,EAAE,EAAE;IACV,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,EAAE;IACV,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IAEjB,OAAO;IACP,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAEhB,4BAA4B;IAC5B,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,SAAS;IAEnB,SAAS;IACT,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAElB,SAAS;IACT,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAElB,MAAM;IACN,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IAEf,MAAM;IACN,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAEhB,YAAY;IACZ,UAAU,EAAE,SAAS;IACrB,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,SAAS;CACtB,CAAA;AAED,MAAM,IAAI,GAAG;IACX,MAAM,EAAE;QACN,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,GAAG;QACX,IAAI,EAAE,GAAG;KACV;IACD,MAAM,EACJ,+IAA+I;CAClJ,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,MAAM;IACN,IAAI;CACL,CAAA"}
1
+ {"version":3,"file":"theme.js","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,GAAG;IACb,aAAa;IACb,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,SAAS;IACpB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAEhB,mBAAmB;IACnB,SAAS,EAAE,SAAS;IACpB,WAAW,EAAE,SAAS;IACtB,QAAQ,EAAE,SAAS;IAEnB,WAAW;IACX,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,UAAU,EAAE,SAAS;IAErB,gBAAgB;IAChB,KAAK,EAAE,SAAS;IAChB,YAAY,EAAE,SAAS;IACvB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAElB,4BAA4B;IAC5B,gBAAgB,EAAE,SAAS;IAC3B,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,MAAM,IAAI,GAAG;IACX,MAAM,EAAE;QACN,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,GAAG;QACX,IAAI,EAAE,GAAG;KACV;IACD,MAAM,EACJ,+IAA+I;CAClJ,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,MAAM;IACN,IAAI;CACL,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mrshmllw/smores-react",
3
- "version": "1.8.0",
3
+ "version": "2.0.2",
4
4
  "main": "./dist/index.js",
5
5
  "description": "Collection of React components used by Marshmallow Technology",
6
6
  "keywords": [
@@ -62,6 +62,7 @@
62
62
  },
63
63
  "dependencies": {
64
64
  "date-fns": "^2.16.1",
65
+ "polished": "^4.1.3",
65
66
  "react": "^16.8.0",
66
67
  "react-dom": "^16.8.0",
67
68
  "styled-components": "^5.2.1",