@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.
Files changed (110) hide show
  1. package/AccessibilityIcon/__snapshots__/index.test.tsx.snap +0 -315
  2. package/AccessibilityIcon/index.d.ts +1 -1
  3. package/AccessibilityIcon/index.js +1 -1
  4. package/AccessibilityIcon/index.test.js +13 -69
  5. package/ArrowIcon/__snapshots__/index.test.tsx.snap +1 -1
  6. package/ArrowIcon/config.d.ts +7 -0
  7. package/ArrowIcon/index.d.ts +1 -1
  8. package/ArrowIcon/index.js +1 -1
  9. package/BurgerIcon/index.d.ts +1 -1
  10. package/BurgerIcon/index.js +1 -1
  11. package/CaretIcon/config.d.ts +7 -0
  12. package/CaretIcon/index.d.ts +1 -1
  13. package/CaretIcon/index.js +1 -1
  14. package/CheckIcon/__snapshots__/index.test.tsx.snap +0 -259
  15. package/CheckIcon/index.d.ts +1 -1
  16. package/CheckIcon/index.js +1 -1
  17. package/CheckIcon/index.test.js +13 -69
  18. package/CloseIcon/index.d.ts +1 -1
  19. package/CloseIcon/index.js +1 -1
  20. package/GlobeIcon/index.d.ts +1 -1
  21. package/GlobeIcon/index.js +1 -1
  22. package/Icon/__snapshots__/index.test.tsx.snap +343 -0
  23. package/Icon/index.d.ts +25 -0
  24. package/Icon/index.js +58 -0
  25. package/Icon/index.test.d.ts +1 -0
  26. package/Icon/index.test.js +88 -0
  27. package/MoreVertIcon/__snapshots__/index.test.tsx.snap +0 -294
  28. package/MoreVertIcon/index.d.ts +1 -1
  29. package/MoreVertIcon/index.js +1 -1
  30. package/MoreVertIcon/index.test.js +13 -61
  31. package/SearchIcon/index.d.ts +1 -1
  32. package/SearchIcon/index.js +1 -1
  33. package/UncheckIcon/__snapshots__/index.test.tsx.snap +0 -222
  34. package/UncheckIcon/index.d.ts +1 -1
  35. package/UncheckIcon/index.js +1 -1
  36. package/UncheckIcon/index.test.js +15 -63
  37. package/es/AccessibilityIcon/__snapshots__/index.test.tsx.snap +0 -315
  38. package/es/AccessibilityIcon/index.js +1 -1
  39. package/es/AccessibilityIcon/index.test.js +13 -69
  40. package/es/ArrowIcon/__snapshots__/index.test.tsx.snap +1 -1
  41. package/es/ArrowIcon/index.js +1 -1
  42. package/es/BurgerIcon/index.js +1 -1
  43. package/es/CaretIcon/index.js +1 -1
  44. package/es/CheckIcon/__snapshots__/index.test.tsx.snap +0 -259
  45. package/es/CheckIcon/index.js +1 -1
  46. package/es/CheckIcon/index.test.js +13 -69
  47. package/es/CloseIcon/index.js +1 -1
  48. package/es/GlobeIcon/index.js +1 -1
  49. package/es/Icon/__snapshots__/index.test.tsx.snap +343 -0
  50. package/es/Icon/index.js +34 -0
  51. package/es/Icon/index.test.js +82 -0
  52. package/es/MoreVertIcon/__snapshots__/index.test.tsx.snap +0 -294
  53. package/es/MoreVertIcon/index.js +1 -1
  54. package/es/MoreVertIcon/index.test.js +13 -61
  55. package/es/SearchIcon/index.js +1 -1
  56. package/es/UncheckIcon/__snapshots__/index.test.tsx.snap +0 -222
  57. package/es/UncheckIcon/index.js +1 -1
  58. package/es/UncheckIcon/index.test.js +15 -63
  59. package/es/registry.js +2 -0
  60. package/esm/AccessibilityIcon/__snapshots__/index.test.tsx.snap +0 -315
  61. package/esm/AccessibilityIcon/index.js +1 -1
  62. package/esm/AccessibilityIcon/index.test.js +13 -69
  63. package/esm/ArrowIcon/__snapshots__/index.test.tsx.snap +1 -1
  64. package/esm/ArrowIcon/index.js +1 -1
  65. package/esm/BurgerIcon/index.js +1 -1
  66. package/esm/CaretIcon/index.js +1 -1
  67. package/esm/CheckIcon/__snapshots__/index.test.tsx.snap +0 -259
  68. package/esm/CheckIcon/index.js +1 -1
  69. package/esm/CheckIcon/index.test.js +13 -69
  70. package/esm/CloseIcon/index.js +1 -1
  71. package/esm/GlobeIcon/index.js +1 -1
  72. package/esm/Icon/__snapshots__/index.test.tsx.snap +343 -0
  73. package/esm/Icon/index.js +34 -0
  74. package/esm/Icon/index.test.js +82 -0
  75. package/esm/MoreVertIcon/__snapshots__/index.test.tsx.snap +0 -294
  76. package/esm/MoreVertIcon/index.js +1 -1
  77. package/esm/MoreVertIcon/index.test.js +13 -61
  78. package/esm/SearchIcon/index.js +1 -1
  79. package/esm/UncheckIcon/__snapshots__/index.test.tsx.snap +0 -222
  80. package/esm/UncheckIcon/index.js +1 -1
  81. package/esm/UncheckIcon/index.test.js +15 -63
  82. package/esm/registry.js +2 -0
  83. package/package.json +2 -3
  84. package/registry.d.ts +1 -0
  85. package/registry.js +3 -0
  86. package/src/AccessibilityIcon/__snapshots__/index.test.tsx.snap +0 -315
  87. package/src/AccessibilityIcon/index.test.tsx +0 -21
  88. package/src/AccessibilityIcon/index.tsx +1 -1
  89. package/src/ArrowIcon/__snapshots__/index.test.tsx.snap +1 -1
  90. package/src/ArrowIcon/config.tsx +8 -1
  91. package/src/ArrowIcon/index.tsx +1 -1
  92. package/src/BurgerIcon/index.tsx +1 -1
  93. package/src/CaretIcon/config.tsx +8 -1
  94. package/src/CaretIcon/index.tsx +1 -1
  95. package/src/CheckIcon/__snapshots__/index.test.tsx.snap +0 -259
  96. package/src/CheckIcon/index.test.tsx +0 -21
  97. package/src/CheckIcon/index.tsx +1 -1
  98. package/src/CloseIcon/index.tsx +1 -1
  99. package/src/GlobeIcon/index.tsx +1 -1
  100. package/src/Icon/__snapshots__/index.test.tsx.snap +343 -0
  101. package/src/Icon/index.test.tsx +36 -0
  102. package/src/Icon/index.tsx +63 -0
  103. package/src/MoreVertIcon/__snapshots__/index.test.tsx.snap +0 -294
  104. package/src/MoreVertIcon/index.test.tsx +0 -18
  105. package/src/MoreVertIcon/index.tsx +1 -1
  106. package/src/SearchIcon/index.tsx +1 -1
  107. package/src/UncheckIcon/__snapshots__/index.test.tsx.snap +0 -222
  108. package/src/UncheckIcon/index.test.tsx +0 -18
  109. package/src/UncheckIcon/index.tsx +1 -1
  110. 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
  });
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import Icon, { IconProps } from '@digigov/react-core/Icon';
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>;
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import Icon, { IconProps } from '@digigov/react-core/Icon';
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>;
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import Icon, { IconProps } from '@digigov/react-core/Icon';
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
+ `;