@digigov/react-icons 1.0.0-rc → 1.0.0-rc.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.
- package/AccessibilityIcon/__snapshots__/index.test.tsx.snap +0 -315
- package/AccessibilityIcon/index.d.ts +1 -1
- package/AccessibilityIcon/index.js +1 -1
- package/AccessibilityIcon/index.test.js +13 -69
- package/ArrowIcon/__snapshots__/index.test.tsx.snap +1 -1
- package/ArrowIcon/config.d.ts +7 -0
- package/ArrowIcon/index.d.ts +1 -1
- package/ArrowIcon/index.js +1 -1
- package/BurgerIcon/index.d.ts +1 -1
- package/BurgerIcon/index.js +1 -1
- package/CaretIcon/config.d.ts +7 -0
- package/CaretIcon/index.d.ts +1 -1
- package/CaretIcon/index.js +1 -1
- package/CheckIcon/__snapshots__/index.test.tsx.snap +0 -259
- package/CheckIcon/index.d.ts +1 -1
- package/CheckIcon/index.js +1 -1
- package/CheckIcon/index.test.js +13 -69
- package/CloseIcon/index.d.ts +1 -1
- package/CloseIcon/index.js +1 -1
- package/GlobeIcon/index.d.ts +1 -1
- package/GlobeIcon/index.js +1 -1
- package/Icon/__snapshots__/index.test.tsx.snap +343 -0
- package/Icon/index.d.ts +25 -0
- package/Icon/index.js +58 -0
- package/Icon/index.test.d.ts +1 -0
- package/Icon/index.test.js +88 -0
- package/MoreVertIcon/__snapshots__/index.test.tsx.snap +0 -294
- package/MoreVertIcon/index.d.ts +1 -1
- package/MoreVertIcon/index.js +1 -1
- package/MoreVertIcon/index.test.js +13 -61
- package/SearchIcon/index.d.ts +1 -1
- package/SearchIcon/index.js +1 -1
- package/UncheckIcon/__snapshots__/index.test.tsx.snap +0 -222
- package/UncheckIcon/index.d.ts +1 -1
- package/UncheckIcon/index.js +1 -1
- package/UncheckIcon/index.test.js +15 -63
- package/es/AccessibilityIcon/__snapshots__/index.test.tsx.snap +0 -315
- package/es/AccessibilityIcon/index.js +1 -1
- package/es/AccessibilityIcon/index.test.js +13 -69
- package/es/ArrowIcon/__snapshots__/index.test.tsx.snap +1 -1
- package/es/ArrowIcon/index.js +1 -1
- package/es/BurgerIcon/index.js +1 -1
- package/es/CaretIcon/index.js +1 -1
- package/es/CheckIcon/__snapshots__/index.test.tsx.snap +0 -259
- package/es/CheckIcon/index.js +1 -1
- package/es/CheckIcon/index.test.js +13 -69
- package/es/CloseIcon/index.js +1 -1
- package/es/GlobeIcon/index.js +1 -1
- package/es/Icon/__snapshots__/index.test.tsx.snap +343 -0
- package/es/Icon/index.js +34 -0
- package/es/Icon/index.test.js +82 -0
- package/es/MoreVertIcon/__snapshots__/index.test.tsx.snap +0 -294
- package/es/MoreVertIcon/index.js +1 -1
- package/es/MoreVertIcon/index.test.js +13 -61
- package/es/SearchIcon/index.js +1 -1
- package/es/UncheckIcon/__snapshots__/index.test.tsx.snap +0 -222
- package/es/UncheckIcon/index.js +1 -1
- package/es/UncheckIcon/index.test.js +15 -63
- package/es/registry.js +2 -0
- package/esm/AccessibilityIcon/__snapshots__/index.test.tsx.snap +0 -315
- package/esm/AccessibilityIcon/index.js +1 -1
- package/esm/AccessibilityIcon/index.test.js +13 -69
- package/esm/ArrowIcon/__snapshots__/index.test.tsx.snap +1 -1
- package/esm/ArrowIcon/index.js +1 -1
- package/esm/BurgerIcon/index.js +1 -1
- package/esm/CaretIcon/index.js +1 -1
- package/esm/CheckIcon/__snapshots__/index.test.tsx.snap +0 -259
- package/esm/CheckIcon/index.js +1 -1
- package/esm/CheckIcon/index.test.js +13 -69
- package/esm/CloseIcon/index.js +1 -1
- package/esm/GlobeIcon/index.js +1 -1
- package/esm/Icon/__snapshots__/index.test.tsx.snap +343 -0
- package/esm/Icon/index.js +34 -0
- package/esm/Icon/index.test.js +82 -0
- package/esm/MoreVertIcon/__snapshots__/index.test.tsx.snap +0 -294
- package/esm/MoreVertIcon/index.js +1 -1
- package/esm/MoreVertIcon/index.test.js +13 -61
- package/esm/SearchIcon/index.js +1 -1
- package/esm/UncheckIcon/__snapshots__/index.test.tsx.snap +0 -222
- package/esm/UncheckIcon/index.js +1 -1
- package/esm/UncheckIcon/index.test.js +15 -63
- package/esm/registry.js +2 -0
- package/package.json +2 -3
- package/registry.d.ts +1 -0
- package/registry.js +3 -0
- package/src/AccessibilityIcon/__snapshots__/index.test.tsx.snap +0 -315
- package/src/AccessibilityIcon/index.test.tsx +0 -21
- package/src/AccessibilityIcon/index.tsx +1 -1
- package/src/ArrowIcon/__snapshots__/index.test.tsx.snap +1 -1
- package/src/ArrowIcon/config.tsx +8 -1
- package/src/ArrowIcon/index.tsx +1 -1
- package/src/BurgerIcon/index.tsx +1 -1
- package/src/CaretIcon/config.tsx +8 -1
- package/src/CaretIcon/index.tsx +1 -1
- package/src/CheckIcon/__snapshots__/index.test.tsx.snap +0 -259
- package/src/CheckIcon/index.test.tsx +0 -21
- package/src/CheckIcon/index.tsx +1 -1
- package/src/CloseIcon/index.tsx +1 -1
- package/src/GlobeIcon/index.tsx +1 -1
- package/src/Icon/__snapshots__/index.test.tsx.snap +343 -0
- package/src/Icon/index.test.tsx +36 -0
- package/src/Icon/index.tsx +63 -0
- package/src/MoreVertIcon/__snapshots__/index.test.tsx.snap +0 -294
- package/src/MoreVertIcon/index.test.tsx +0 -18
- package/src/MoreVertIcon/index.tsx +1 -1
- package/src/SearchIcon/index.tsx +1 -1
- package/src/UncheckIcon/__snapshots__/index.test.tsx.snap +0 -222
- package/src/UncheckIcon/index.test.tsx +0 -18
- package/src/UncheckIcon/index.tsx +1 -1
- package/src/registry.js +2 -0
|
@@ -33,43 +33,6 @@ exports[`renders the CheckIcon with no props 1`] = `
|
|
|
33
33
|
</CheckIcon>
|
|
34
34
|
`;
|
|
35
35
|
|
|
36
|
-
exports[`renders the CheckIcon with prop size=l 1`] = `
|
|
37
|
-
<CheckIcon
|
|
38
|
-
size="lg"
|
|
39
|
-
>
|
|
40
|
-
<ForwardRef(Icon)
|
|
41
|
-
icon="check"
|
|
42
|
-
size="lg"
|
|
43
|
-
>
|
|
44
|
-
<ForwardRef(SvgIcon)
|
|
45
|
-
className="govgr-svg-icon--check"
|
|
46
|
-
size="lg"
|
|
47
|
-
>
|
|
48
|
-
<ForwardRef(Base)
|
|
49
|
-
aria-hidden="true"
|
|
50
|
-
as="svg"
|
|
51
|
-
className="govgr-svg-icon--check govgr-svg-icon--lg govgr-svg-icon"
|
|
52
|
-
focusable="false"
|
|
53
|
-
viewBox="0 0 24 24"
|
|
54
|
-
>
|
|
55
|
-
<svg
|
|
56
|
-
aria-hidden="true"
|
|
57
|
-
className="govgr-svg-icon--check govgr-svg-icon--lg govgr-svg-icon"
|
|
58
|
-
focusable="false"
|
|
59
|
-
viewBox="0 0 24 24"
|
|
60
|
-
>
|
|
61
|
-
<check>
|
|
62
|
-
<polygon
|
|
63
|
-
points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
|
|
64
|
-
/>
|
|
65
|
-
</check>
|
|
66
|
-
</svg>
|
|
67
|
-
</ForwardRef(Base)>
|
|
68
|
-
</ForwardRef(SvgIcon)>
|
|
69
|
-
</ForwardRef(Icon)>
|
|
70
|
-
</CheckIcon>
|
|
71
|
-
`;
|
|
72
|
-
|
|
73
36
|
exports[`renders the CheckIcon with prop size=m 1`] = `
|
|
74
37
|
<CheckIcon
|
|
75
38
|
size="md"
|
|
@@ -107,43 +70,6 @@ exports[`renders the CheckIcon with prop size=m 1`] = `
|
|
|
107
70
|
</CheckIcon>
|
|
108
71
|
`;
|
|
109
72
|
|
|
110
|
-
exports[`renders the CheckIcon with prop size=s 1`] = `
|
|
111
|
-
<CheckIcon
|
|
112
|
-
size="sm"
|
|
113
|
-
>
|
|
114
|
-
<ForwardRef(Icon)
|
|
115
|
-
icon="check"
|
|
116
|
-
size="sm"
|
|
117
|
-
>
|
|
118
|
-
<ForwardRef(SvgIcon)
|
|
119
|
-
className="govgr-svg-icon--check"
|
|
120
|
-
size="sm"
|
|
121
|
-
>
|
|
122
|
-
<ForwardRef(Base)
|
|
123
|
-
aria-hidden="true"
|
|
124
|
-
as="svg"
|
|
125
|
-
className="govgr-svg-icon--check govgr-svg-icon--sm govgr-svg-icon"
|
|
126
|
-
focusable="false"
|
|
127
|
-
viewBox="0 0 24 24"
|
|
128
|
-
>
|
|
129
|
-
<svg
|
|
130
|
-
aria-hidden="true"
|
|
131
|
-
className="govgr-svg-icon--check govgr-svg-icon--sm govgr-svg-icon"
|
|
132
|
-
focusable="false"
|
|
133
|
-
viewBox="0 0 24 24"
|
|
134
|
-
>
|
|
135
|
-
<check>
|
|
136
|
-
<polygon
|
|
137
|
-
points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
|
|
138
|
-
/>
|
|
139
|
-
</check>
|
|
140
|
-
</svg>
|
|
141
|
-
</ForwardRef(Base)>
|
|
142
|
-
</ForwardRef(SvgIcon)>
|
|
143
|
-
</ForwardRef(Icon)>
|
|
144
|
-
</CheckIcon>
|
|
145
|
-
`;
|
|
146
|
-
|
|
147
73
|
exports[`renders the CheckIcon with prop size=xl 1`] = `
|
|
148
74
|
<CheckIcon
|
|
149
75
|
size="xl"
|
|
@@ -181,80 +107,6 @@ exports[`renders the CheckIcon with prop size=xl 1`] = `
|
|
|
181
107
|
</CheckIcon>
|
|
182
108
|
`;
|
|
183
109
|
|
|
184
|
-
exports[`renders the CheckIcon with prop variant=dark 1`] = `
|
|
185
|
-
<CheckIcon
|
|
186
|
-
variant="dark"
|
|
187
|
-
>
|
|
188
|
-
<ForwardRef(Icon)
|
|
189
|
-
icon="check"
|
|
190
|
-
variant="dark"
|
|
191
|
-
>
|
|
192
|
-
<ForwardRef(SvgIcon)
|
|
193
|
-
className="govgr-svg-icon--check"
|
|
194
|
-
variant="dark"
|
|
195
|
-
>
|
|
196
|
-
<ForwardRef(Base)
|
|
197
|
-
aria-hidden="true"
|
|
198
|
-
as="svg"
|
|
199
|
-
className="govgr-svg-icon--check govgr-svg-icon--dark govgr-svg-icon"
|
|
200
|
-
focusable="false"
|
|
201
|
-
viewBox="0 0 24 24"
|
|
202
|
-
>
|
|
203
|
-
<svg
|
|
204
|
-
aria-hidden="true"
|
|
205
|
-
className="govgr-svg-icon--check govgr-svg-icon--dark govgr-svg-icon"
|
|
206
|
-
focusable="false"
|
|
207
|
-
viewBox="0 0 24 24"
|
|
208
|
-
>
|
|
209
|
-
<check>
|
|
210
|
-
<polygon
|
|
211
|
-
points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
|
|
212
|
-
/>
|
|
213
|
-
</check>
|
|
214
|
-
</svg>
|
|
215
|
-
</ForwardRef(Base)>
|
|
216
|
-
</ForwardRef(SvgIcon)>
|
|
217
|
-
</ForwardRef(Icon)>
|
|
218
|
-
</CheckIcon>
|
|
219
|
-
`;
|
|
220
|
-
|
|
221
|
-
exports[`renders the CheckIcon with prop variant=error 1`] = `
|
|
222
|
-
<CheckIcon
|
|
223
|
-
variant="error"
|
|
224
|
-
>
|
|
225
|
-
<ForwardRef(Icon)
|
|
226
|
-
icon="check"
|
|
227
|
-
variant="error"
|
|
228
|
-
>
|
|
229
|
-
<ForwardRef(SvgIcon)
|
|
230
|
-
className="govgr-svg-icon--check"
|
|
231
|
-
variant="error"
|
|
232
|
-
>
|
|
233
|
-
<ForwardRef(Base)
|
|
234
|
-
aria-hidden="true"
|
|
235
|
-
as="svg"
|
|
236
|
-
className="govgr-svg-icon--check govgr-svg-icon--error govgr-svg-icon"
|
|
237
|
-
focusable="false"
|
|
238
|
-
viewBox="0 0 24 24"
|
|
239
|
-
>
|
|
240
|
-
<svg
|
|
241
|
-
aria-hidden="true"
|
|
242
|
-
className="govgr-svg-icon--check govgr-svg-icon--error govgr-svg-icon"
|
|
243
|
-
focusable="false"
|
|
244
|
-
viewBox="0 0 24 24"
|
|
245
|
-
>
|
|
246
|
-
<check>
|
|
247
|
-
<polygon
|
|
248
|
-
points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
|
|
249
|
-
/>
|
|
250
|
-
</check>
|
|
251
|
-
</svg>
|
|
252
|
-
</ForwardRef(Base)>
|
|
253
|
-
</ForwardRef(SvgIcon)>
|
|
254
|
-
</ForwardRef(Icon)>
|
|
255
|
-
</CheckIcon>
|
|
256
|
-
`;
|
|
257
|
-
|
|
258
110
|
exports[`renders the CheckIcon with prop variant=error and size= xl 1`] = `
|
|
259
111
|
<CheckIcon
|
|
260
112
|
size="xl"
|
|
@@ -295,80 +147,6 @@ exports[`renders the CheckIcon with prop variant=error and size= xl 1`] = `
|
|
|
295
147
|
</CheckIcon>
|
|
296
148
|
`;
|
|
297
149
|
|
|
298
|
-
exports[`renders the CheckIcon with prop variant=focus 1`] = `
|
|
299
|
-
<CheckIcon
|
|
300
|
-
variant="focus"
|
|
301
|
-
>
|
|
302
|
-
<ForwardRef(Icon)
|
|
303
|
-
icon="check"
|
|
304
|
-
variant="focus"
|
|
305
|
-
>
|
|
306
|
-
<ForwardRef(SvgIcon)
|
|
307
|
-
className="govgr-svg-icon--check"
|
|
308
|
-
variant="focus"
|
|
309
|
-
>
|
|
310
|
-
<ForwardRef(Base)
|
|
311
|
-
aria-hidden="true"
|
|
312
|
-
as="svg"
|
|
313
|
-
className="govgr-svg-icon--check govgr-svg-icon--focus govgr-svg-icon"
|
|
314
|
-
focusable="false"
|
|
315
|
-
viewBox="0 0 24 24"
|
|
316
|
-
>
|
|
317
|
-
<svg
|
|
318
|
-
aria-hidden="true"
|
|
319
|
-
className="govgr-svg-icon--check govgr-svg-icon--focus govgr-svg-icon"
|
|
320
|
-
focusable="false"
|
|
321
|
-
viewBox="0 0 24 24"
|
|
322
|
-
>
|
|
323
|
-
<check>
|
|
324
|
-
<polygon
|
|
325
|
-
points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
|
|
326
|
-
/>
|
|
327
|
-
</check>
|
|
328
|
-
</svg>
|
|
329
|
-
</ForwardRef(Base)>
|
|
330
|
-
</ForwardRef(SvgIcon)>
|
|
331
|
-
</ForwardRef(Icon)>
|
|
332
|
-
</CheckIcon>
|
|
333
|
-
`;
|
|
334
|
-
|
|
335
|
-
exports[`renders the CheckIcon with prop variant=gray 1`] = `
|
|
336
|
-
<CheckIcon
|
|
337
|
-
variant="gray"
|
|
338
|
-
>
|
|
339
|
-
<ForwardRef(Icon)
|
|
340
|
-
icon="check"
|
|
341
|
-
variant="gray"
|
|
342
|
-
>
|
|
343
|
-
<ForwardRef(SvgIcon)
|
|
344
|
-
className="govgr-svg-icon--check"
|
|
345
|
-
variant="gray"
|
|
346
|
-
>
|
|
347
|
-
<ForwardRef(Base)
|
|
348
|
-
aria-hidden="true"
|
|
349
|
-
as="svg"
|
|
350
|
-
className="govgr-svg-icon--check govgr-svg-icon--gray govgr-svg-icon"
|
|
351
|
-
focusable="false"
|
|
352
|
-
viewBox="0 0 24 24"
|
|
353
|
-
>
|
|
354
|
-
<svg
|
|
355
|
-
aria-hidden="true"
|
|
356
|
-
className="govgr-svg-icon--check govgr-svg-icon--gray govgr-svg-icon"
|
|
357
|
-
focusable="false"
|
|
358
|
-
viewBox="0 0 24 24"
|
|
359
|
-
>
|
|
360
|
-
<check>
|
|
361
|
-
<polygon
|
|
362
|
-
points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
|
|
363
|
-
/>
|
|
364
|
-
</check>
|
|
365
|
-
</svg>
|
|
366
|
-
</ForwardRef(Base)>
|
|
367
|
-
</ForwardRef(SvgIcon)>
|
|
368
|
-
</ForwardRef(Icon)>
|
|
369
|
-
</CheckIcon>
|
|
370
|
-
`;
|
|
371
|
-
|
|
372
150
|
exports[`renders the CheckIcon with prop variant=light 1`] = `
|
|
373
151
|
<CheckIcon
|
|
374
152
|
variant="light"
|
|
@@ -406,43 +184,6 @@ exports[`renders the CheckIcon with prop variant=light 1`] = `
|
|
|
406
184
|
</CheckIcon>
|
|
407
185
|
`;
|
|
408
186
|
|
|
409
|
-
exports[`renders the CheckIcon with prop variant=primary 1`] = `
|
|
410
|
-
<CheckIcon
|
|
411
|
-
variant="primary"
|
|
412
|
-
>
|
|
413
|
-
<ForwardRef(Icon)
|
|
414
|
-
icon="check"
|
|
415
|
-
variant="primary"
|
|
416
|
-
>
|
|
417
|
-
<ForwardRef(SvgIcon)
|
|
418
|
-
className="govgr-svg-icon--check"
|
|
419
|
-
variant="primary"
|
|
420
|
-
>
|
|
421
|
-
<ForwardRef(Base)
|
|
422
|
-
aria-hidden="true"
|
|
423
|
-
as="svg"
|
|
424
|
-
className="govgr-svg-icon--check govgr-svg-icon--primary govgr-svg-icon"
|
|
425
|
-
focusable="false"
|
|
426
|
-
viewBox="0 0 24 24"
|
|
427
|
-
>
|
|
428
|
-
<svg
|
|
429
|
-
aria-hidden="true"
|
|
430
|
-
className="govgr-svg-icon--check govgr-svg-icon--primary govgr-svg-icon"
|
|
431
|
-
focusable="false"
|
|
432
|
-
viewBox="0 0 24 24"
|
|
433
|
-
>
|
|
434
|
-
<check>
|
|
435
|
-
<polygon
|
|
436
|
-
points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
|
|
437
|
-
/>
|
|
438
|
-
</check>
|
|
439
|
-
</svg>
|
|
440
|
-
</ForwardRef(Base)>
|
|
441
|
-
</ForwardRef(SvgIcon)>
|
|
442
|
-
</ForwardRef(Icon)>
|
|
443
|
-
</CheckIcon>
|
|
444
|
-
`;
|
|
445
|
-
|
|
446
187
|
exports[`renders the CheckIcon with prop variant=success 1`] = `
|
|
447
188
|
<CheckIcon
|
|
448
189
|
variant="success"
|
|
@@ -6,42 +6,21 @@ import CheckIcon from '@digigov/react-icons/CheckIcon';
|
|
|
6
6
|
it('renders the CheckIcon with no props', () => {
|
|
7
7
|
expect(mount(<CheckIcon />)).toMatchSnapshot();
|
|
8
8
|
});
|
|
9
|
-
it('renders the CheckIcon with prop size=s', () => {
|
|
10
|
-
expect(mount(<CheckIcon size="sm" />)).toMatchSnapshot();
|
|
11
|
-
});
|
|
12
9
|
it('renders the CheckIcon with prop size=m', () => {
|
|
13
10
|
expect(mount(<CheckIcon size="md" />)).toMatchSnapshot();
|
|
14
11
|
});
|
|
15
|
-
it('renders the CheckIcon with prop size=l', () => {
|
|
16
|
-
expect(mount(<CheckIcon size="lg" />)).toMatchSnapshot();
|
|
17
|
-
});
|
|
18
12
|
it('renders the CheckIcon with prop size=xl', () => {
|
|
19
13
|
expect(mount(<CheckIcon size="xl" />)).toMatchSnapshot();
|
|
20
14
|
});
|
|
21
|
-
it('renders the CheckIcon with prop variant=dark', () => {
|
|
22
|
-
expect(mount(<CheckIcon variant="dark" />)).toMatchSnapshot();
|
|
23
|
-
});
|
|
24
15
|
it('renders the CheckIcon with prop variant=light', () => {
|
|
25
16
|
expect(mount(<CheckIcon variant="light" />)).toMatchSnapshot();
|
|
26
17
|
});
|
|
27
|
-
it('renders the CheckIcon with prop variant=gray', () => {
|
|
28
|
-
expect(mount(<CheckIcon variant="gray" />)).toMatchSnapshot();
|
|
29
|
-
});
|
|
30
|
-
it('renders the CheckIcon with prop variant=primary', () => {
|
|
31
|
-
expect(mount(<CheckIcon variant="primary" />)).toMatchSnapshot();
|
|
32
|
-
});
|
|
33
18
|
it('renders the CheckIcon with prop variant=success', () => {
|
|
34
19
|
expect(mount(<CheckIcon variant="success" />)).toMatchSnapshot();
|
|
35
20
|
});
|
|
36
21
|
it('renders the CheckIcon with prop variant=warning', () => {
|
|
37
22
|
expect(mount(<CheckIcon variant="warning" />)).toMatchSnapshot();
|
|
38
23
|
});
|
|
39
|
-
it('renders the CheckIcon with prop variant=error', () => {
|
|
40
|
-
expect(mount(<CheckIcon variant="error" />)).toMatchSnapshot();
|
|
41
|
-
});
|
|
42
|
-
it('renders the CheckIcon with prop variant=focus', () => {
|
|
43
|
-
expect(mount(<CheckIcon variant="focus" />)).toMatchSnapshot();
|
|
44
|
-
});
|
|
45
24
|
it('renders the CheckIcon with prop variant=warning and size=s', () => {
|
|
46
25
|
expect(mount(<CheckIcon variant="warning" size="sm" />)).toMatchSnapshot();
|
|
47
26
|
});
|
package/src/CheckIcon/index.tsx
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import Icon, { IconProps } from '@digigov/react-
|
|
2
|
+
import Icon, { IconProps } from '@digigov/react-icons/Icon';
|
|
3
3
|
|
|
4
4
|
export const CheckIcon: React.FC<IconProps<'check'>> = (props) => {
|
|
5
5
|
return <Icon {...props} icon="check"></Icon>;
|
package/src/CloseIcon/index.tsx
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import Icon, { IconProps } from '@digigov/react-
|
|
2
|
+
import Icon, { IconProps } from '@digigov/react-icons/Icon';
|
|
3
3
|
|
|
4
4
|
export const CloseIcon: React.FC<IconProps<'close'>> = (props) => {
|
|
5
5
|
return <Icon {...props} icon="close"></Icon>;
|
package/src/GlobeIcon/index.tsx
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import Icon, { IconProps } from '@digigov/react-
|
|
2
|
+
import Icon, { IconProps } from '@digigov/react-icons/Icon';
|
|
3
3
|
|
|
4
4
|
export const GlobeIcon: React.FC<IconProps<'globe'>> = (props) => {
|
|
5
5
|
return <Icon {...props} icon="globe"></Icon>;
|
|
@@ -0,0 +1,343 @@
|
|
|
1
|
+
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
+
|
|
3
|
+
exports[`renders the Icon prop icon= "caret" 1`] = `
|
|
4
|
+
<ForwardRef(Icon)
|
|
5
|
+
icon="caret"
|
|
6
|
+
>
|
|
7
|
+
<ForwardRef(SvgIcon)
|
|
8
|
+
className="govgr-svg-icon--caret"
|
|
9
|
+
>
|
|
10
|
+
<ForwardRef(Base)
|
|
11
|
+
aria-hidden="true"
|
|
12
|
+
as="svg"
|
|
13
|
+
className="govgr-svg-icon--caret govgr-svg-icon"
|
|
14
|
+
focusable="false"
|
|
15
|
+
viewBox="0 0 24 24"
|
|
16
|
+
>
|
|
17
|
+
<svg
|
|
18
|
+
aria-hidden="true"
|
|
19
|
+
className="govgr-svg-icon--caret govgr-svg-icon"
|
|
20
|
+
focusable="false"
|
|
21
|
+
viewBox="0 0 24 24"
|
|
22
|
+
>
|
|
23
|
+
<caret>
|
|
24
|
+
<path
|
|
25
|
+
d="M18,22V2L6,12L18,22z"
|
|
26
|
+
/>
|
|
27
|
+
</caret>
|
|
28
|
+
</svg>
|
|
29
|
+
</ForwardRef(Base)>
|
|
30
|
+
</ForwardRef(SvgIcon)>
|
|
31
|
+
</ForwardRef(Icon)>
|
|
32
|
+
`;
|
|
33
|
+
|
|
34
|
+
exports[`renders the Icon prop icon= "caret" and direction=left 1`] = `
|
|
35
|
+
<ForwardRef(Icon)
|
|
36
|
+
direction="left"
|
|
37
|
+
icon="caret"
|
|
38
|
+
>
|
|
39
|
+
<ForwardRef(SvgIcon)
|
|
40
|
+
className="govgr-svg-icon--caret"
|
|
41
|
+
>
|
|
42
|
+
<ForwardRef(Base)
|
|
43
|
+
aria-hidden="true"
|
|
44
|
+
as="svg"
|
|
45
|
+
className="govgr-svg-icon--caret govgr-svg-icon"
|
|
46
|
+
focusable="false"
|
|
47
|
+
viewBox="0 0 24 24"
|
|
48
|
+
>
|
|
49
|
+
<svg
|
|
50
|
+
aria-hidden="true"
|
|
51
|
+
className="govgr-svg-icon--caret govgr-svg-icon"
|
|
52
|
+
focusable="false"
|
|
53
|
+
viewBox="0 0 24 24"
|
|
54
|
+
>
|
|
55
|
+
<caret
|
|
56
|
+
direction="left"
|
|
57
|
+
>
|
|
58
|
+
<path
|
|
59
|
+
d="M18,22V2L6,12L18,22z"
|
|
60
|
+
/>
|
|
61
|
+
</caret>
|
|
62
|
+
</svg>
|
|
63
|
+
</ForwardRef(Base)>
|
|
64
|
+
</ForwardRef(SvgIcon)>
|
|
65
|
+
</ForwardRef(Icon)>
|
|
66
|
+
`;
|
|
67
|
+
|
|
68
|
+
exports[`renders the Icon prop icon= "check" 1`] = `
|
|
69
|
+
<ForwardRef(Icon)
|
|
70
|
+
icon="check"
|
|
71
|
+
>
|
|
72
|
+
<ForwardRef(SvgIcon)
|
|
73
|
+
className="govgr-svg-icon--check"
|
|
74
|
+
>
|
|
75
|
+
<ForwardRef(Base)
|
|
76
|
+
aria-hidden="true"
|
|
77
|
+
as="svg"
|
|
78
|
+
className="govgr-svg-icon--check govgr-svg-icon"
|
|
79
|
+
focusable="false"
|
|
80
|
+
viewBox="0 0 24 24"
|
|
81
|
+
>
|
|
82
|
+
<svg
|
|
83
|
+
aria-hidden="true"
|
|
84
|
+
className="govgr-svg-icon--check govgr-svg-icon"
|
|
85
|
+
focusable="false"
|
|
86
|
+
viewBox="0 0 24 24"
|
|
87
|
+
>
|
|
88
|
+
<check>
|
|
89
|
+
<polygon
|
|
90
|
+
points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
|
|
91
|
+
/>
|
|
92
|
+
</check>
|
|
93
|
+
</svg>
|
|
94
|
+
</ForwardRef(Base)>
|
|
95
|
+
</ForwardRef(SvgIcon)>
|
|
96
|
+
</ForwardRef(Icon)>
|
|
97
|
+
`;
|
|
98
|
+
|
|
99
|
+
exports[`renders the Icon prop icon= "close" 1`] = `
|
|
100
|
+
<ForwardRef(Icon)
|
|
101
|
+
icon="close"
|
|
102
|
+
>
|
|
103
|
+
<ForwardRef(SvgIcon)
|
|
104
|
+
className="govgr-svg-icon--close"
|
|
105
|
+
>
|
|
106
|
+
<ForwardRef(Base)
|
|
107
|
+
aria-hidden="true"
|
|
108
|
+
as="svg"
|
|
109
|
+
className="govgr-svg-icon--close govgr-svg-icon"
|
|
110
|
+
focusable="false"
|
|
111
|
+
viewBox="0 0 24 24"
|
|
112
|
+
>
|
|
113
|
+
<svg
|
|
114
|
+
aria-hidden="true"
|
|
115
|
+
className="govgr-svg-icon--close govgr-svg-icon"
|
|
116
|
+
focusable="false"
|
|
117
|
+
viewBox="0 0 24 24"
|
|
118
|
+
>
|
|
119
|
+
<close>
|
|
120
|
+
<polygon
|
|
121
|
+
points="14.4,11.8 22,4.2 19.7,1.8 12,9.4 4.4,1.8 2,4.2 9.7,11.9 2.1,19.5 4.4,21.9 12.1,14.3 19.7,21.9 22.1,19.5 "
|
|
122
|
+
/>
|
|
123
|
+
</close>
|
|
124
|
+
</svg>
|
|
125
|
+
</ForwardRef(Base)>
|
|
126
|
+
</ForwardRef(SvgIcon)>
|
|
127
|
+
</ForwardRef(Icon)>
|
|
128
|
+
`;
|
|
129
|
+
|
|
130
|
+
exports[`renders the Icon prop icon= "uncheck" 1`] = `
|
|
131
|
+
<ForwardRef(Icon)
|
|
132
|
+
icon="uncheck"
|
|
133
|
+
>
|
|
134
|
+
<ForwardRef(SvgIcon)
|
|
135
|
+
className="govgr-svg-icon--uncheck"
|
|
136
|
+
>
|
|
137
|
+
<ForwardRef(Base)
|
|
138
|
+
aria-hidden="true"
|
|
139
|
+
as="svg"
|
|
140
|
+
className="govgr-svg-icon--uncheck govgr-svg-icon"
|
|
141
|
+
focusable="false"
|
|
142
|
+
viewBox="0 0 24 24"
|
|
143
|
+
>
|
|
144
|
+
<svg
|
|
145
|
+
aria-hidden="true"
|
|
146
|
+
className="govgr-svg-icon--uncheck govgr-svg-icon"
|
|
147
|
+
focusable="false"
|
|
148
|
+
viewBox="0 0 24 24"
|
|
149
|
+
>
|
|
150
|
+
<uncheck>
|
|
151
|
+
<polygon
|
|
152
|
+
points="20.59 5.74 18.26 3.41 12 9.67 5.742 3.41 3.41 5.74 9.67 12 3.41 18.26 5.74 20.6 12 14.33 18.26 20.59 20.59 18.26 14.33 12 20.59 5.74"
|
|
153
|
+
/>
|
|
154
|
+
</uncheck>
|
|
155
|
+
</svg>
|
|
156
|
+
</ForwardRef(Base)>
|
|
157
|
+
</ForwardRef(SvgIcon)>
|
|
158
|
+
</ForwardRef(Icon)>
|
|
159
|
+
`;
|
|
160
|
+
|
|
161
|
+
exports[`renders the Icon props icon= "moreVert" 1`] = `
|
|
162
|
+
<ForwardRef(Icon)
|
|
163
|
+
icon="moreVert"
|
|
164
|
+
>
|
|
165
|
+
<ForwardRef(SvgIcon)
|
|
166
|
+
className="govgr-svg-icon--moreVert"
|
|
167
|
+
>
|
|
168
|
+
<ForwardRef(Base)
|
|
169
|
+
aria-hidden="true"
|
|
170
|
+
as="svg"
|
|
171
|
+
className="govgr-svg-icon--moreVert govgr-svg-icon"
|
|
172
|
+
focusable="false"
|
|
173
|
+
viewBox="0 0 24 24"
|
|
174
|
+
>
|
|
175
|
+
<svg
|
|
176
|
+
aria-hidden="true"
|
|
177
|
+
className="govgr-svg-icon--moreVert govgr-svg-icon"
|
|
178
|
+
focusable="false"
|
|
179
|
+
viewBox="0 0 24 24"
|
|
180
|
+
>
|
|
181
|
+
<moreVert>
|
|
182
|
+
<circle
|
|
183
|
+
cx="12"
|
|
184
|
+
cy="5"
|
|
185
|
+
r="2"
|
|
186
|
+
/>
|
|
187
|
+
<circle
|
|
188
|
+
cx="12"
|
|
189
|
+
cy="12"
|
|
190
|
+
r="2"
|
|
191
|
+
/>
|
|
192
|
+
<circle
|
|
193
|
+
cx="12"
|
|
194
|
+
cy="19"
|
|
195
|
+
r="2"
|
|
196
|
+
/>
|
|
197
|
+
</moreVert>
|
|
198
|
+
</svg>
|
|
199
|
+
</ForwardRef(Base)>
|
|
200
|
+
</ForwardRef(SvgIcon)>
|
|
201
|
+
</ForwardRef(Icon)>
|
|
202
|
+
`;
|
|
203
|
+
|
|
204
|
+
exports[`renders the Icon with no props 1`] = `
|
|
205
|
+
<ForwardRef(Icon)>
|
|
206
|
+
<ForwardRef(SvgIcon)
|
|
207
|
+
className="govgr-svg-icon--arrow"
|
|
208
|
+
>
|
|
209
|
+
<ForwardRef(Base)
|
|
210
|
+
aria-hidden="true"
|
|
211
|
+
as="svg"
|
|
212
|
+
className="govgr-svg-icon--arrow govgr-svg-icon"
|
|
213
|
+
focusable="false"
|
|
214
|
+
viewBox="0 0 24 24"
|
|
215
|
+
>
|
|
216
|
+
<svg
|
|
217
|
+
aria-hidden="true"
|
|
218
|
+
className="govgr-svg-icon--arrow govgr-svg-icon"
|
|
219
|
+
focusable="false"
|
|
220
|
+
viewBox="0 0 24 24"
|
|
221
|
+
>
|
|
222
|
+
<arrow>
|
|
223
|
+
<path
|
|
224
|
+
d="M8.5,2L6.1,4.3l7.6,7.7l-7.6,7.6L8.5,22l10-10L8.5,2z"
|
|
225
|
+
/>
|
|
226
|
+
</arrow>
|
|
227
|
+
</svg>
|
|
228
|
+
</ForwardRef(Base)>
|
|
229
|
+
</ForwardRef(SvgIcon)>
|
|
230
|
+
</ForwardRef(Icon)>
|
|
231
|
+
`;
|
|
232
|
+
|
|
233
|
+
exports[`renders the Icon with prop icon=arrow and direction=up 1`] = `
|
|
234
|
+
<ForwardRef(Icon)
|
|
235
|
+
direction="up"
|
|
236
|
+
>
|
|
237
|
+
<ForwardRef(SvgIcon)
|
|
238
|
+
className="govgr-svg-icon--arrow"
|
|
239
|
+
>
|
|
240
|
+
<ForwardRef(Base)
|
|
241
|
+
aria-hidden="true"
|
|
242
|
+
as="svg"
|
|
243
|
+
className="govgr-svg-icon--arrow govgr-svg-icon"
|
|
244
|
+
focusable="false"
|
|
245
|
+
viewBox="0 0 24 24"
|
|
246
|
+
>
|
|
247
|
+
<svg
|
|
248
|
+
aria-hidden="true"
|
|
249
|
+
className="govgr-svg-icon--arrow govgr-svg-icon"
|
|
250
|
+
focusable="false"
|
|
251
|
+
viewBox="0 0 24 24"
|
|
252
|
+
>
|
|
253
|
+
<arrow
|
|
254
|
+
direction="up"
|
|
255
|
+
>
|
|
256
|
+
<path
|
|
257
|
+
d="M2,15.8l2.3,2.4l7.7-7.6l7.6,7.6l2.4-2.4l-10-10L2,15.8z"
|
|
258
|
+
/>
|
|
259
|
+
</arrow>
|
|
260
|
+
</svg>
|
|
261
|
+
</ForwardRef(Base)>
|
|
262
|
+
</ForwardRef(SvgIcon)>
|
|
263
|
+
</ForwardRef(Icon)>
|
|
264
|
+
`;
|
|
265
|
+
|
|
266
|
+
exports[`renders the Icon with prop prop icon=burger 1`] = `
|
|
267
|
+
<ForwardRef(Icon)
|
|
268
|
+
icon="burger"
|
|
269
|
+
>
|
|
270
|
+
<ForwardRef(SvgIcon)
|
|
271
|
+
className="govgr-svg-icon--burger"
|
|
272
|
+
>
|
|
273
|
+
<ForwardRef(Base)
|
|
274
|
+
aria-hidden="true"
|
|
275
|
+
as="svg"
|
|
276
|
+
className="govgr-svg-icon--burger govgr-svg-icon"
|
|
277
|
+
focusable="false"
|
|
278
|
+
viewBox="0 0 24 24"
|
|
279
|
+
>
|
|
280
|
+
<svg
|
|
281
|
+
aria-hidden="true"
|
|
282
|
+
className="govgr-svg-icon--burger govgr-svg-icon"
|
|
283
|
+
focusable="false"
|
|
284
|
+
viewBox="0 0 24 24"
|
|
285
|
+
>
|
|
286
|
+
<burger>
|
|
287
|
+
<g
|
|
288
|
+
className=""
|
|
289
|
+
>
|
|
290
|
+
<rect
|
|
291
|
+
height="3.3"
|
|
292
|
+
id="govgr-svg-icon--burger__line-1"
|
|
293
|
+
width="20"
|
|
294
|
+
/>
|
|
295
|
+
<rect
|
|
296
|
+
height="3.3"
|
|
297
|
+
id="govgr-svg-icon--burger__line-2"
|
|
298
|
+
width="20"
|
|
299
|
+
/>
|
|
300
|
+
<rect
|
|
301
|
+
height="3.3"
|
|
302
|
+
id="govgr-svg-icon--burger__line-3"
|
|
303
|
+
width="20"
|
|
304
|
+
/>
|
|
305
|
+
</g>
|
|
306
|
+
</burger>
|
|
307
|
+
</svg>
|
|
308
|
+
</ForwardRef(Base)>
|
|
309
|
+
</ForwardRef(SvgIcon)>
|
|
310
|
+
</ForwardRef(Icon)>
|
|
311
|
+
`;
|
|
312
|
+
|
|
313
|
+
exports[`renders the Icon with prop prop icon=globe 1`] = `
|
|
314
|
+
<ForwardRef(Icon)
|
|
315
|
+
icon="globe"
|
|
316
|
+
>
|
|
317
|
+
<ForwardRef(SvgIcon)
|
|
318
|
+
className="govgr-svg-icon--globe"
|
|
319
|
+
>
|
|
320
|
+
<ForwardRef(Base)
|
|
321
|
+
aria-hidden="true"
|
|
322
|
+
as="svg"
|
|
323
|
+
className="govgr-svg-icon--globe govgr-svg-icon"
|
|
324
|
+
focusable="false"
|
|
325
|
+
viewBox="0 0 24 24"
|
|
326
|
+
>
|
|
327
|
+
<svg
|
|
328
|
+
aria-hidden="true"
|
|
329
|
+
className="govgr-svg-icon--globe govgr-svg-icon"
|
|
330
|
+
focusable="false"
|
|
331
|
+
viewBox="0 0 24 24"
|
|
332
|
+
>
|
|
333
|
+
<globe>
|
|
334
|
+
<path
|
|
335
|
+
d="M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M22.4,13.1C22.4,13.1,22.4,13.2,22.4,13.1 c0,0.4-0.1,0.8-0.2,1.1v0h-3.6c0.2-1.5,0.2-3,0-4.5h3.6v0c0.1,0.4,0.1,0.7,0.2,1.1c0,0,0,0,0,0C22.5,11.6,22.5,12.4,22.4,13.1z M16,21.7c1.1-1.5,2-3.5,2.4-6h3.4c0,0,0,0,0,0C20.8,18.4,18.7,20.6,16,21.7z M21.8,8.2C21.8,8.2,21.8,8.2,21.8,8.2l-3.4,0 c-0.4-2.4-1.3-4.5-2.4-6C18.7,3.4,20.8,5.6,21.8,8.2L21.8,8.2z M17.1,9.7c0.2,1.5,0.2,3,0,4.5h-4.4V9.7L17.1,9.7L17.1,9.7z M12.7,8.2V1.6c1.9,0.6,3.5,3.2,4.1,6.6L12.7,8.2L12.7,8.2z M12.7,15.7h4.1c-0.7,3.4-2.3,6.1-4.1,6.6V15.7L12.7,15.7z M2.2,15.8 C2.2,15.8,2.2,15.8,2.2,15.8l3.4,0c0.4,2.4,1.3,4.5,2.4,6C5.3,20.6,3.2,18.4,2.2,15.8L2.2,15.8z M8,2.3c-1.1,1.5-2,3.5-2.4,6H2.2 c0,0,0,0,0,0C3.2,5.6,5.3,3.4,8,2.3z M6.9,14.3c-0.2-1.5-0.2-3,0-4.5h4.4v4.5H6.9L6.9,14.3z M11.2,15.8v6.6 c-1.9-0.6-3.5-3.2-4.1-6.6L11.2,15.8L11.2,15.8z M11.2,8.3H7.1c0.7-3.4,2.3-6.1,4.1-6.6V8.3L11.2,8.3z M1.6,10.9 C1.6,10.9,1.6,10.8,1.6,10.9c0-0.4,0.1-0.8,0.2-1.1v0h3.6c-0.2,1.5-0.2,3,0,4.5H1.7v0c-0.1-0.4-0.1-0.7-0.2-1.1c0,0,0,0,0,0 C1.5,12.4,1.5,11.6,1.6,10.9z"
|
|
336
|
+
/>
|
|
337
|
+
|
|
338
|
+
</globe>
|
|
339
|
+
</svg>
|
|
340
|
+
</ForwardRef(Base)>
|
|
341
|
+
</ForwardRef(SvgIcon)>
|
|
342
|
+
</ForwardRef(Icon)>
|
|
343
|
+
`;
|