@mrshmllw/smores-react 2.1.20 → 2.1.21

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 (42) hide show
  1. package/dist/ActionDropdown/__tests__/__snapshots__/ActionDropdown.js.snap +167 -0
  2. package/dist/Box/__tests__/__snapshots__/Box.js.snap +20 -0
  3. package/dist/Button/__tests__/__snapshots__/Button.js.snap +46 -0
  4. package/dist/Card/__tests__/__snapshots__/Card.js.snap +24 -0
  5. package/dist/CheckBox/__tests__/__snapshots__/CheckBox.js.snap +20 -0
  6. package/dist/Dropdown/__tests__/__snapshots__/Dropdown.js.snap +167 -0
  7. package/dist/Emoji/__tests__/__snapshots__/Emoji.js.snap +20 -0
  8. package/dist/Icon/__tests__/__snapshots__/Icon.js.snap +47 -0
  9. package/dist/IconWrapper/__tests__/__snapshots__/IconWrapper.js.snap +121 -0
  10. package/dist/LabelledText/__tests__/__snapshots__/LabelledText.js.snap +57 -0
  11. package/dist/Link/Link.d.ts +17 -0
  12. package/dist/Link/Link.js +70 -0
  13. package/dist/Link/Link.js.map +1 -0
  14. package/dist/Link/Link.stories.d.ts +14 -0
  15. package/dist/Link/Link.stories.js +22 -0
  16. package/dist/Link/Link.stories.js.map +1 -0
  17. package/dist/Link/index.d.ts +1 -0
  18. package/dist/Link/index.js +2 -0
  19. package/dist/Link/index.js.map +1 -0
  20. package/dist/Loader/__tests__/__snapshots__/Loader.js.snap +53 -0
  21. package/dist/Message/__tests__/__snapshots__/Message.js.snap +279 -0
  22. package/dist/Modal/__tests__/__snapshots__/Modal.js.snap +208 -0
  23. package/dist/NumberInput/__tests__/__snapshots__/NumberInput.js.snap +1398 -0
  24. package/dist/Pagination/__tests__/__snapshots__/Pagination.js.snap +273 -0
  25. package/dist/RadioButton/__tests__/__snapshots__/RadioButton.js.snap +146 -0
  26. package/dist/Row/__tests__/__snapshots__/Row.js.snap +96 -0
  27. package/dist/SearchInput/__tests__/__snapshots__/SearchInput.js.snap +146 -0
  28. package/dist/Tag/__tests__/Tag.js +1 -1
  29. package/dist/Tag/__tests__/Tag.js.map +1 -1
  30. package/dist/Tag/__tests__/__snapshots__/Tag.js.snap +54 -0
  31. package/dist/Text/Text.js +4 -2
  32. package/dist/Text/Text.js.map +1 -1
  33. package/dist/Text/__tests__/__snapshots__/Text.js.snap +34 -0
  34. package/dist/TextInput/__tests__/__snapshots__/TextInput.js.snap +74 -0
  35. package/dist/Textarea/__tests__/__snapshots__/Textarea.js.snap +271 -0
  36. package/dist/Toggle/__tests__/__snapshots__/Toggle.js.snap +70 -0
  37. package/dist/colors.stories.js +2 -0
  38. package/dist/colors.stories.js.map +1 -1
  39. package/dist/theme.d.ts +2 -0
  40. package/dist/theme.js +2 -0
  41. package/dist/theme.js.map +1 -1
  42. package/package.json +1 -1
package/dist/Text/Text.js CHANGED
@@ -12,6 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
12
12
  import React, { forwardRef } from 'react';
13
13
  import styled, { css } from 'styled-components';
14
14
  import { theme } from '../theme';
15
+ import { linkStyleOverride } from '../Link/Link';
15
16
  export const Text = forwardRef((_a, ref) => {
16
17
  var { children, typo, className = '', tag = 'p', align = 'left', color = 'secondary', cursor = 'inherit', title = '' } = _a, props = __rest(_a, ["children", "typo", "className", "tag", "align", "color", "cursor", "title"]);
17
18
  return (React.createElement(Container, Object.assign({ as: tag, className: className, typo: typo || 'base', align: align, color: color, cursor: cursor, title: title }, props, { ref: ref }), children));
@@ -174,11 +175,12 @@ const Container = styled.p(({ align, color, cursor, typo }) => css `
174
175
  letter-spacing: 0.75px;
175
176
  `}
176
177
 
177
- margin: 0;
178
+ margin: 0;
178
179
  padding: 0;
179
- color: ${theme.colors[color]};
180
180
  text-align: ${align};
181
181
  cursor: ${cursor};
182
182
  letter-spacing: 0.15px;
183
+ color: ${theme.colors[color]};
184
+ ${linkStyleOverride({ color: theme.colors[color] })}
183
185
  `);
184
186
  //# sourceMappingURL=Text.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/Text/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,UAAU,EAAkC,MAAM,OAAO,CAAA;AAC7E,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AA2BhC,MAAM,CAAC,MAAM,IAAI,GAAkB,UAAU,CAC3C,CACE,EAUC,EACD,GAAG,EACH,EAAE;QAZF,EACE,QAAQ,EACR,IAAI,EACJ,SAAS,GAAG,EAAE,EACd,GAAG,GAAG,GAAG,EACT,KAAK,GAAG,MAAM,EACd,KAAK,GAAG,WAAW,EACnB,MAAM,GAAG,SAAS,EAClB,KAAK,GAAG,EAAE,OAEX,EADI,KAAK,cATV,6EAUC,CADS;IAGP,OAAA,CACH,oBAAC,SAAS,kBACR,EAAE,EAAE,GAAG,EACP,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,IAAI,MAAM,EACpB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,IACR,KAAK,IACT,GAAG,EAAE,GAAG,KAEP,QAAQ,CACC,CACb,CAAA;CAAA,CACF,CAAA;AAED,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CACxB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;;MAInC,IAAI,KAAK,cAAc;IACzB,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,eAAe;IACxB,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,cAAc;IACvB,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,YAAY;IACrB,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,aAAa;IACtB,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,YAAY;IACrB,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,YAAY;IACrB,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,MAAM;IACf,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,YAAY;IACrB,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,aAAa;IACtB,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,OAAO;IAChB,GAAG,CAAA;;;;;;;;;;KAUF;;;IAGD,IAAI,KAAK,aAAa;IACtB,GAAG,CAAA;;;;;;KAMF;;;;aAIQ,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;kBACd,KAAK;cACT,MAAM;;GAEjB,CACF,CAAA"}
1
+ {"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/Text/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,UAAU,EAAkC,MAAM,OAAO,CAAA;AAC7E,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AA2BhD,MAAM,CAAC,MAAM,IAAI,GAAkB,UAAU,CAC3C,CACE,EAUC,EACD,GAAG,EACH,EAAE;QAZF,EACE,QAAQ,EACR,IAAI,EACJ,SAAS,GAAG,EAAE,EACd,GAAG,GAAG,GAAG,EACT,KAAK,GAAG,MAAM,EACd,KAAK,GAAG,WAAW,EACnB,MAAM,GAAG,SAAS,EAClB,KAAK,GAAG,EAAE,OAEX,EADI,KAAK,cATV,6EAUC,CADS;IAGP,OAAA,CACH,oBAAC,SAAS,kBACR,EAAE,EAAE,GAAG,EACP,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,IAAI,MAAM,EACpB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,IACR,KAAK,IACT,GAAG,EAAE,GAAG,KAEP,QAAQ,CACC,CACb,CAAA;CAAA,CACF,CAAA;AAED,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CACxB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;;MAInC,IAAI,KAAK,cAAc;IACzB,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,eAAe;IACxB,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,cAAc;IACvB,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,YAAY;IACrB,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,aAAa;IACtB,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,YAAY;IACrB,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,YAAY;IACrB,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,MAAM;IACf,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,YAAY;IACrB,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,aAAa;IACtB,GAAG,CAAA;;;;;;;;;KASF;;;IAGD,IAAI,KAAK,OAAO;IAChB,GAAG,CAAA;;;;;;;;;;KAUF;;;IAGD,IAAI,KAAK,aAAa;IACtB,GAAG,CAAA;;;;;;KAMF;;;;kBAIa,KAAK;cACT,MAAM;;aAEP,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;MAC1B,iBAAiB,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;GACpD,CACF,CAAA"}
@@ -0,0 +1,34 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`renders 1`] = `
4
+ .c0 {
5
+ font-size: 14px;
6
+ line-height: 23px;
7
+ font-weight: 400;
8
+ margin: 0;
9
+ padding: 0;
10
+ color: #112035;
11
+ text-align: left;
12
+ cursor: inherit;
13
+ -webkit-letter-spacing: 0.15px;
14
+ -moz-letter-spacing: 0.15px;
15
+ -ms-letter-spacing: 0.15px;
16
+ letter-spacing: 0.15px;
17
+ }
18
+
19
+ @media (min-width:768px) {
20
+ .c0 {
21
+ font-size: 16px;
22
+ line-height: 26px;
23
+ }
24
+ }
25
+
26
+ <p
27
+ class="c0"
28
+ color="blue7"
29
+ cursor="inherit"
30
+ title=""
31
+ >
32
+ The quick brown fox jumps over the lazy dog
33
+ </p>
34
+ `;
@@ -0,0 +1,74 @@
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-flex-direction: column;
10
+ -ms-flex-direction: column;
11
+ flex-direction: column;
12
+ height: auto;
13
+ }
14
+
15
+ .c1 {
16
+ border-bottom: 1px solid;
17
+ border-color: #D2D2D2;
18
+ display: -webkit-box;
19
+ display: -webkit-flex;
20
+ display: -ms-flexbox;
21
+ display: flex;
22
+ height: 32px;
23
+ }
24
+
25
+ .c1:hover,
26
+ .c1:focus-within {
27
+ border-color: #9E9E9E;
28
+ }
29
+
30
+ .c2 {
31
+ border: none;
32
+ color: #000000;
33
+ font-size: 16px;
34
+ width: 100%;
35
+ outline: none;
36
+ cursor: pointer;
37
+ opacity: 1;
38
+ }
39
+
40
+ .c2::-webkit-input-placeholder {
41
+ color: #D2D2D2;
42
+ }
43
+
44
+ .c2::-moz-placeholder {
45
+ color: #D2D2D2;
46
+ }
47
+
48
+ .c2:-ms-input-placeholder {
49
+ color: #D2D2D2;
50
+ }
51
+
52
+ .c2::placeholder {
53
+ color: #D2D2D2;
54
+ }
55
+
56
+ <div
57
+ class="c0"
58
+ >
59
+ <div
60
+ class="c1"
61
+ value=""
62
+ >
63
+ <input
64
+ autocomplete="off"
65
+ class="c2"
66
+ id="textInput"
67
+ name="textInput"
68
+ placeholder="Placeholder"
69
+ type="text"
70
+ value=""
71
+ />
72
+ </div>
73
+ </div>
74
+ `;
@@ -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
+ `;
@@ -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
+ `;
@@ -19,6 +19,8 @@ const thirdPartyBrand = [
19
19
  'stripe',
20
20
  'intercom',
21
21
  'ravelin',
22
+ 'rac',
23
+ 'hometree',
22
24
  ];
23
25
  const ColorCard = ({ colorName }) => {
24
26
  const hexValue = theme.colors[colorName];
@@ -1 +1 @@
1
- {"version":3,"file":"colors.stories.js","sourceRoot":"","sources":["../src/colors.stories.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"colors.stories.js","sourceRoot":"","sources":["../src/colors.stories.tsx"],"names":[],"mappings":"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"}
package/dist/theme.d.ts CHANGED
@@ -24,6 +24,8 @@ export declare const theme: {
24
24
  stripe: string;
25
25
  intercom: string;
26
26
  ravelin: string;
27
+ rac: string;
28
+ hometree: string;
27
29
  };
28
30
  font: {
29
31
  weight: {
package/dist/theme.js CHANGED
@@ -28,6 +28,8 @@ const colors = {
28
28
  stripe: '#6772E5',
29
29
  intercom: '##286EFA',
30
30
  ravelin: '#2A4AFC',
31
+ rac: '#EA7D24',
32
+ hometree: '#17171C',
31
33
  };
32
34
  const font = {
33
35
  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,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,QAAQ,EAAE,SAAS;IACnB,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"}
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,QAAQ,EAAE,SAAS;IACnB,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;IAClB,GAAG,EAAE,SAAS;IACd,QAAQ,EAAE,SAAS;CACpB,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": "2.1.20",
3
+ "version": "2.1.21",
4
4
  "main": "./dist/index.js",
5
5
  "description": "Collection of React components used by Marshmallow Technology",
6
6
  "keywords": [