@digigov/react-icons 1.1.2 → 1.2.0-01ea6f24
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 +27 -27
- package/ArrowIcon/__snapshots__/index.test.tsx.snap +12 -12
- package/BurgerIcon/__snapshots__/index.test.tsx.snap +38 -38
- package/BurgerIcon/config/index.js +4 -4
- package/CaretIcon/__snapshots__/index.test.tsx.snap +12 -12
- package/CheckIcon/__snapshots__/index.test.tsx.snap +24 -24
- package/CloseIcon/__snapshots__/index.test.tsx.snap +3 -3
- package/GlobeIcon/__snapshots__/index.test.tsx.snap +12 -12
- package/Icon/__snapshots__/index.test.tsx.snap +33 -33
- package/Icon/index.js +1 -1
- package/MoreVertIcon/__snapshots__/index.test.tsx.snap +27 -27
- package/SearchIcon/__snapshots__/index.test.tsx.snap +3 -3
- package/UncheckIcon/__snapshots__/index.test.tsx.snap +27 -27
- package/cjs/AccessibilityIcon/__snapshots__/index.test.tsx.snap +27 -27
- package/cjs/ArrowIcon/__snapshots__/index.test.tsx.snap +12 -12
- package/cjs/BurgerIcon/__snapshots__/index.test.tsx.snap +38 -38
- package/cjs/BurgerIcon/config/index.js +4 -4
- package/cjs/CaretIcon/__snapshots__/index.test.tsx.snap +12 -12
- package/cjs/CheckIcon/__snapshots__/index.test.tsx.snap +24 -24
- package/cjs/CloseIcon/__snapshots__/index.test.tsx.snap +3 -3
- package/cjs/GlobeIcon/__snapshots__/index.test.tsx.snap +12 -12
- package/cjs/Icon/__snapshots__/index.test.tsx.snap +33 -33
- package/cjs/Icon/index.js +1 -1
- package/cjs/MoreVertIcon/__snapshots__/index.test.tsx.snap +27 -27
- package/cjs/SearchIcon/__snapshots__/index.test.tsx.snap +3 -3
- package/cjs/UncheckIcon/__snapshots__/index.test.tsx.snap +27 -27
- package/cjs/lazy/index.js +121 -0
- package/index.js +1 -1
- package/lazy/index.js +87 -0
- package/lazy/package.json +6 -0
- package/lazy.d.ts +15 -0
- package/package.json +2 -2
- package/src/AccessibilityIcon/__snapshots__/index.test.tsx.snap +27 -27
- package/src/ArrowIcon/__snapshots__/index.test.tsx.snap +12 -12
- package/src/BurgerIcon/__snapshots__/index.test.tsx.snap +38 -38
- package/src/BurgerIcon/config.tsx +4 -4
- package/src/CaretIcon/__snapshots__/index.test.tsx.snap +12 -12
- package/src/CheckIcon/__snapshots__/index.test.tsx.snap +24 -24
- package/src/CloseIcon/__snapshots__/index.test.tsx.snap +3 -3
- package/src/GlobeIcon/__snapshots__/index.test.tsx.snap +12 -12
- package/src/Icon/__snapshots__/index.test.tsx.snap +33 -33
- package/src/Icon/index.tsx +1 -1
- package/src/MoreVertIcon/__snapshots__/index.test.tsx.snap +27 -27
- package/src/SearchIcon/__snapshots__/index.test.tsx.snap +3 -3
- package/src/UncheckIcon/__snapshots__/index.test.tsx.snap +27 -27
- package/src/lazy.js +16 -0
|
@@ -6,18 +6,18 @@ exports[`renders the AccessibilityIcon with no props 1`] = `
|
|
|
6
6
|
icon="accessibility"
|
|
7
7
|
>
|
|
8
8
|
<ForwardRef(SvgIcon)
|
|
9
|
-
className="
|
|
9
|
+
className="ds-svg-icon--accessibility"
|
|
10
10
|
>
|
|
11
11
|
<ForwardRef(Base)
|
|
12
12
|
aria-hidden="true"
|
|
13
13
|
as="svg"
|
|
14
|
-
className="
|
|
14
|
+
className="ds-svg-icon--accessibility ds-svg-icon"
|
|
15
15
|
focusable="false"
|
|
16
16
|
viewBox="0 0 24 24"
|
|
17
17
|
>
|
|
18
18
|
<svg
|
|
19
19
|
aria-hidden="true"
|
|
20
|
-
className="
|
|
20
|
+
className="ds-svg-icon--accessibility ds-svg-icon"
|
|
21
21
|
focusable="false"
|
|
22
22
|
viewBox="0 0 24 24"
|
|
23
23
|
>
|
|
@@ -50,19 +50,19 @@ exports[`renders the AccessibilityIcon with prop size=l 1`] = `
|
|
|
50
50
|
size="lg"
|
|
51
51
|
>
|
|
52
52
|
<ForwardRef(SvgIcon)
|
|
53
|
-
className="
|
|
53
|
+
className="ds-svg-icon--accessibility"
|
|
54
54
|
size="lg"
|
|
55
55
|
>
|
|
56
56
|
<ForwardRef(Base)
|
|
57
57
|
aria-hidden="true"
|
|
58
58
|
as="svg"
|
|
59
|
-
className="
|
|
59
|
+
className="ds-svg-icon--accessibility ds-svg-icon--lg ds-svg-icon"
|
|
60
60
|
focusable="false"
|
|
61
61
|
viewBox="0 0 24 24"
|
|
62
62
|
>
|
|
63
63
|
<svg
|
|
64
64
|
aria-hidden="true"
|
|
65
|
-
className="
|
|
65
|
+
className="ds-svg-icon--accessibility ds-svg-icon--lg ds-svg-icon"
|
|
66
66
|
focusable="false"
|
|
67
67
|
viewBox="0 0 24 24"
|
|
68
68
|
>
|
|
@@ -95,19 +95,19 @@ exports[`renders the AccessibilityIcon with prop size=s 1`] = `
|
|
|
95
95
|
size="sm"
|
|
96
96
|
>
|
|
97
97
|
<ForwardRef(SvgIcon)
|
|
98
|
-
className="
|
|
98
|
+
className="ds-svg-icon--accessibility"
|
|
99
99
|
size="sm"
|
|
100
100
|
>
|
|
101
101
|
<ForwardRef(Base)
|
|
102
102
|
aria-hidden="true"
|
|
103
103
|
as="svg"
|
|
104
|
-
className="
|
|
104
|
+
className="ds-svg-icon--accessibility ds-svg-icon--sm ds-svg-icon"
|
|
105
105
|
focusable="false"
|
|
106
106
|
viewBox="0 0 24 24"
|
|
107
107
|
>
|
|
108
108
|
<svg
|
|
109
109
|
aria-hidden="true"
|
|
110
|
-
className="
|
|
110
|
+
className="ds-svg-icon--accessibility ds-svg-icon--sm ds-svg-icon"
|
|
111
111
|
focusable="false"
|
|
112
112
|
viewBox="0 0 24 24"
|
|
113
113
|
>
|
|
@@ -140,19 +140,19 @@ exports[`renders the AccessibilityIcon with prop variant=dark 1`] = `
|
|
|
140
140
|
variant="dark"
|
|
141
141
|
>
|
|
142
142
|
<ForwardRef(SvgIcon)
|
|
143
|
-
className="
|
|
143
|
+
className="ds-svg-icon--accessibility"
|
|
144
144
|
variant="dark"
|
|
145
145
|
>
|
|
146
146
|
<ForwardRef(Base)
|
|
147
147
|
aria-hidden="true"
|
|
148
148
|
as="svg"
|
|
149
|
-
className="
|
|
149
|
+
className="ds-svg-icon--accessibility ds-svg-icon--dark ds-svg-icon"
|
|
150
150
|
focusable="false"
|
|
151
151
|
viewBox="0 0 24 24"
|
|
152
152
|
>
|
|
153
153
|
<svg
|
|
154
154
|
aria-hidden="true"
|
|
155
|
-
className="
|
|
155
|
+
className="ds-svg-icon--accessibility ds-svg-icon--dark ds-svg-icon"
|
|
156
156
|
focusable="false"
|
|
157
157
|
viewBox="0 0 24 24"
|
|
158
158
|
>
|
|
@@ -185,19 +185,19 @@ exports[`renders the AccessibilityIcon with prop variant=error 1`] = `
|
|
|
185
185
|
variant="error"
|
|
186
186
|
>
|
|
187
187
|
<ForwardRef(SvgIcon)
|
|
188
|
-
className="
|
|
188
|
+
className="ds-svg-icon--accessibility"
|
|
189
189
|
variant="error"
|
|
190
190
|
>
|
|
191
191
|
<ForwardRef(Base)
|
|
192
192
|
aria-hidden="true"
|
|
193
193
|
as="svg"
|
|
194
|
-
className="
|
|
194
|
+
className="ds-svg-icon--accessibility ds-svg-icon--error ds-svg-icon"
|
|
195
195
|
focusable="false"
|
|
196
196
|
viewBox="0 0 24 24"
|
|
197
197
|
>
|
|
198
198
|
<svg
|
|
199
199
|
aria-hidden="true"
|
|
200
|
-
className="
|
|
200
|
+
className="ds-svg-icon--accessibility ds-svg-icon--error ds-svg-icon"
|
|
201
201
|
focusable="false"
|
|
202
202
|
viewBox="0 0 24 24"
|
|
203
203
|
>
|
|
@@ -232,20 +232,20 @@ exports[`renders the AccessibilityIcon with prop variant=error and size= xl 1`]
|
|
|
232
232
|
variant="warning"
|
|
233
233
|
>
|
|
234
234
|
<ForwardRef(SvgIcon)
|
|
235
|
-
className="
|
|
235
|
+
className="ds-svg-icon--accessibility"
|
|
236
236
|
size="xl"
|
|
237
237
|
variant="warning"
|
|
238
238
|
>
|
|
239
239
|
<ForwardRef(Base)
|
|
240
240
|
aria-hidden="true"
|
|
241
241
|
as="svg"
|
|
242
|
-
className="
|
|
242
|
+
className="ds-svg-icon--accessibility ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
|
|
243
243
|
focusable="false"
|
|
244
244
|
viewBox="0 0 24 24"
|
|
245
245
|
>
|
|
246
246
|
<svg
|
|
247
247
|
aria-hidden="true"
|
|
248
|
-
className="
|
|
248
|
+
className="ds-svg-icon--accessibility ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
|
|
249
249
|
focusable="false"
|
|
250
250
|
viewBox="0 0 24 24"
|
|
251
251
|
>
|
|
@@ -278,19 +278,19 @@ exports[`renders the AccessibilityIcon with prop variant=primary 1`] = `
|
|
|
278
278
|
variant="primary"
|
|
279
279
|
>
|
|
280
280
|
<ForwardRef(SvgIcon)
|
|
281
|
-
className="
|
|
281
|
+
className="ds-svg-icon--accessibility"
|
|
282
282
|
variant="primary"
|
|
283
283
|
>
|
|
284
284
|
<ForwardRef(Base)
|
|
285
285
|
aria-hidden="true"
|
|
286
286
|
as="svg"
|
|
287
|
-
className="
|
|
287
|
+
className="ds-svg-icon--accessibility ds-svg-icon--primary ds-svg-icon"
|
|
288
288
|
focusable="false"
|
|
289
289
|
viewBox="0 0 24 24"
|
|
290
290
|
>
|
|
291
291
|
<svg
|
|
292
292
|
aria-hidden="true"
|
|
293
|
-
className="
|
|
293
|
+
className="ds-svg-icon--accessibility ds-svg-icon--primary ds-svg-icon"
|
|
294
294
|
focusable="false"
|
|
295
295
|
viewBox="0 0 24 24"
|
|
296
296
|
>
|
|
@@ -323,19 +323,19 @@ exports[`renders the AccessibilityIcon with prop variant=success 1`] = `
|
|
|
323
323
|
variant="success"
|
|
324
324
|
>
|
|
325
325
|
<ForwardRef(SvgIcon)
|
|
326
|
-
className="
|
|
326
|
+
className="ds-svg-icon--accessibility"
|
|
327
327
|
variant="success"
|
|
328
328
|
>
|
|
329
329
|
<ForwardRef(Base)
|
|
330
330
|
aria-hidden="true"
|
|
331
331
|
as="svg"
|
|
332
|
-
className="
|
|
332
|
+
className="ds-svg-icon--accessibility ds-svg-icon--success ds-svg-icon"
|
|
333
333
|
focusable="false"
|
|
334
334
|
viewBox="0 0 24 24"
|
|
335
335
|
>
|
|
336
336
|
<svg
|
|
337
337
|
aria-hidden="true"
|
|
338
|
-
className="
|
|
338
|
+
className="ds-svg-icon--accessibility ds-svg-icon--success ds-svg-icon"
|
|
339
339
|
focusable="false"
|
|
340
340
|
viewBox="0 0 24 24"
|
|
341
341
|
>
|
|
@@ -370,20 +370,20 @@ exports[`renders the AccessibilityIcon with prop variant=warning and size=s 1`]
|
|
|
370
370
|
variant="warning"
|
|
371
371
|
>
|
|
372
372
|
<ForwardRef(SvgIcon)
|
|
373
|
-
className="
|
|
373
|
+
className="ds-svg-icon--accessibility"
|
|
374
374
|
size="sm"
|
|
375
375
|
variant="warning"
|
|
376
376
|
>
|
|
377
377
|
<ForwardRef(Base)
|
|
378
378
|
aria-hidden="true"
|
|
379
379
|
as="svg"
|
|
380
|
-
className="
|
|
380
|
+
className="ds-svg-icon--accessibility ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
|
|
381
381
|
focusable="false"
|
|
382
382
|
viewBox="0 0 24 24"
|
|
383
383
|
>
|
|
384
384
|
<svg
|
|
385
385
|
aria-hidden="true"
|
|
386
|
-
className="
|
|
386
|
+
className="ds-svg-icon--accessibility ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
|
|
387
387
|
focusable="false"
|
|
388
388
|
viewBox="0 0 24 24"
|
|
389
389
|
>
|
|
@@ -9,18 +9,18 @@ exports[`renders the ArrowIcon with direction down prop 1`] = `
|
|
|
9
9
|
icon="arrow"
|
|
10
10
|
>
|
|
11
11
|
<ForwardRef(SvgIcon)
|
|
12
|
-
className="
|
|
12
|
+
className="ds-svg-icon--arrow"
|
|
13
13
|
>
|
|
14
14
|
<ForwardRef(Base)
|
|
15
15
|
aria-hidden="true"
|
|
16
16
|
as="svg"
|
|
17
|
-
className="
|
|
17
|
+
className="ds-svg-icon--arrow ds-svg-icon"
|
|
18
18
|
focusable="false"
|
|
19
19
|
viewBox="0 0 24 24"
|
|
20
20
|
>
|
|
21
21
|
<svg
|
|
22
22
|
aria-hidden="true"
|
|
23
|
-
className="
|
|
23
|
+
className="ds-svg-icon--arrow ds-svg-icon"
|
|
24
24
|
focusable="false"
|
|
25
25
|
viewBox="0 0 24 24"
|
|
26
26
|
>
|
|
@@ -47,18 +47,18 @@ exports[`renders the ArrowIcon with direction left prop 1`] = `
|
|
|
47
47
|
icon="arrow"
|
|
48
48
|
>
|
|
49
49
|
<ForwardRef(SvgIcon)
|
|
50
|
-
className="
|
|
50
|
+
className="ds-svg-icon--arrow"
|
|
51
51
|
>
|
|
52
52
|
<ForwardRef(Base)
|
|
53
53
|
aria-hidden="true"
|
|
54
54
|
as="svg"
|
|
55
|
-
className="
|
|
55
|
+
className="ds-svg-icon--arrow ds-svg-icon"
|
|
56
56
|
focusable="false"
|
|
57
57
|
viewBox="0 0 24 24"
|
|
58
58
|
>
|
|
59
59
|
<svg
|
|
60
60
|
aria-hidden="true"
|
|
61
|
-
className="
|
|
61
|
+
className="ds-svg-icon--arrow ds-svg-icon"
|
|
62
62
|
focusable="false"
|
|
63
63
|
viewBox="0 0 24 24"
|
|
64
64
|
>
|
|
@@ -85,18 +85,18 @@ exports[`renders the ArrowIcon with direction up prop 1`] = `
|
|
|
85
85
|
icon="arrow"
|
|
86
86
|
>
|
|
87
87
|
<ForwardRef(SvgIcon)
|
|
88
|
-
className="
|
|
88
|
+
className="ds-svg-icon--arrow"
|
|
89
89
|
>
|
|
90
90
|
<ForwardRef(Base)
|
|
91
91
|
aria-hidden="true"
|
|
92
92
|
as="svg"
|
|
93
|
-
className="
|
|
93
|
+
className="ds-svg-icon--arrow ds-svg-icon"
|
|
94
94
|
focusable="false"
|
|
95
95
|
viewBox="0 0 24 24"
|
|
96
96
|
>
|
|
97
97
|
<svg
|
|
98
98
|
aria-hidden="true"
|
|
99
|
-
className="
|
|
99
|
+
className="ds-svg-icon--arrow ds-svg-icon"
|
|
100
100
|
focusable="false"
|
|
101
101
|
viewBox="0 0 24 24"
|
|
102
102
|
>
|
|
@@ -120,18 +120,18 @@ exports[`renders the ArrowIcon with no props, direction prop is right by default
|
|
|
120
120
|
icon="arrow"
|
|
121
121
|
>
|
|
122
122
|
<ForwardRef(SvgIcon)
|
|
123
|
-
className="
|
|
123
|
+
className="ds-svg-icon--arrow"
|
|
124
124
|
>
|
|
125
125
|
<ForwardRef(Base)
|
|
126
126
|
aria-hidden="true"
|
|
127
127
|
as="svg"
|
|
128
|
-
className="
|
|
128
|
+
className="ds-svg-icon--arrow ds-svg-icon"
|
|
129
129
|
focusable="false"
|
|
130
130
|
viewBox="0 0 24 24"
|
|
131
131
|
>
|
|
132
132
|
<svg
|
|
133
133
|
aria-hidden="true"
|
|
134
|
-
className="
|
|
134
|
+
className="ds-svg-icon--arrow ds-svg-icon"
|
|
135
135
|
focusable="false"
|
|
136
136
|
viewBox="0 0 24 24"
|
|
137
137
|
>
|
|
@@ -9,19 +9,19 @@ exports[`renders the BurgerIcon prop variant= "error" 1`] = `
|
|
|
9
9
|
variant="error"
|
|
10
10
|
>
|
|
11
11
|
<ForwardRef(SvgIcon)
|
|
12
|
-
className="
|
|
12
|
+
className="ds-svg-icon--burger"
|
|
13
13
|
variant="error"
|
|
14
14
|
>
|
|
15
15
|
<ForwardRef(Base)
|
|
16
16
|
aria-hidden="true"
|
|
17
17
|
as="svg"
|
|
18
|
-
className="
|
|
18
|
+
className="ds-svg-icon--burger ds-svg-icon--error ds-svg-icon"
|
|
19
19
|
focusable="false"
|
|
20
20
|
viewBox="0 0 24 24"
|
|
21
21
|
>
|
|
22
22
|
<svg
|
|
23
23
|
aria-hidden="true"
|
|
24
|
-
className="
|
|
24
|
+
className="ds-svg-icon--burger ds-svg-icon--error ds-svg-icon"
|
|
25
25
|
focusable="false"
|
|
26
26
|
viewBox="0 0 24 24"
|
|
27
27
|
>
|
|
@@ -31,17 +31,17 @@ exports[`renders the BurgerIcon prop variant= "error" 1`] = `
|
|
|
31
31
|
>
|
|
32
32
|
<rect
|
|
33
33
|
height="3.3"
|
|
34
|
-
id="
|
|
34
|
+
id="ds-svg-icon--burger__line-1"
|
|
35
35
|
width="20"
|
|
36
36
|
/>
|
|
37
37
|
<rect
|
|
38
38
|
height="3.3"
|
|
39
|
-
id="
|
|
39
|
+
id="ds-svg-icon--burger__line-2"
|
|
40
40
|
width="20"
|
|
41
41
|
/>
|
|
42
42
|
<rect
|
|
43
43
|
height="3.3"
|
|
44
|
-
id="
|
|
44
|
+
id="ds-svg-icon--burger__line-3"
|
|
45
45
|
width="20"
|
|
46
46
|
/>
|
|
47
47
|
</g>
|
|
@@ -62,19 +62,19 @@ exports[`renders the BurgerIcon prop variant= "light" 1`] = `
|
|
|
62
62
|
variant="light"
|
|
63
63
|
>
|
|
64
64
|
<ForwardRef(SvgIcon)
|
|
65
|
-
className="
|
|
65
|
+
className="ds-svg-icon--burger"
|
|
66
66
|
variant="light"
|
|
67
67
|
>
|
|
68
68
|
<ForwardRef(Base)
|
|
69
69
|
aria-hidden="true"
|
|
70
70
|
as="svg"
|
|
71
|
-
className="
|
|
71
|
+
className="ds-svg-icon--burger ds-svg-icon--light ds-svg-icon"
|
|
72
72
|
focusable="false"
|
|
73
73
|
viewBox="0 0 24 24"
|
|
74
74
|
>
|
|
75
75
|
<svg
|
|
76
76
|
aria-hidden="true"
|
|
77
|
-
className="
|
|
77
|
+
className="ds-svg-icon--burger ds-svg-icon--light ds-svg-icon"
|
|
78
78
|
focusable="false"
|
|
79
79
|
viewBox="0 0 24 24"
|
|
80
80
|
>
|
|
@@ -84,17 +84,17 @@ exports[`renders the BurgerIcon prop variant= "light" 1`] = `
|
|
|
84
84
|
>
|
|
85
85
|
<rect
|
|
86
86
|
height="3.3"
|
|
87
|
-
id="
|
|
87
|
+
id="ds-svg-icon--burger__line-1"
|
|
88
88
|
width="20"
|
|
89
89
|
/>
|
|
90
90
|
<rect
|
|
91
91
|
height="3.3"
|
|
92
|
-
id="
|
|
92
|
+
id="ds-svg-icon--burger__line-2"
|
|
93
93
|
width="20"
|
|
94
94
|
/>
|
|
95
95
|
<rect
|
|
96
96
|
height="3.3"
|
|
97
|
-
id="
|
|
97
|
+
id="ds-svg-icon--burger__line-3"
|
|
98
98
|
width="20"
|
|
99
99
|
/>
|
|
100
100
|
</g>
|
|
@@ -117,19 +117,19 @@ exports[`renders the BurgerIcon props active variant= "light" 1`] = `
|
|
|
117
117
|
variant="light"
|
|
118
118
|
>
|
|
119
119
|
<ForwardRef(SvgIcon)
|
|
120
|
-
className="
|
|
120
|
+
className="ds-svg-icon--burger"
|
|
121
121
|
variant="light"
|
|
122
122
|
>
|
|
123
123
|
<ForwardRef(Base)
|
|
124
124
|
aria-hidden="true"
|
|
125
125
|
as="svg"
|
|
126
|
-
className="
|
|
126
|
+
className="ds-svg-icon--burger ds-svg-icon--light ds-svg-icon"
|
|
127
127
|
focusable="false"
|
|
128
128
|
viewBox="0 0 24 24"
|
|
129
129
|
>
|
|
130
130
|
<svg
|
|
131
131
|
aria-hidden="true"
|
|
132
|
-
className="
|
|
132
|
+
className="ds-svg-icon--burger ds-svg-icon--light ds-svg-icon"
|
|
133
133
|
focusable="false"
|
|
134
134
|
viewBox="0 0 24 24"
|
|
135
135
|
>
|
|
@@ -137,21 +137,21 @@ exports[`renders the BurgerIcon props active variant= "light" 1`] = `
|
|
|
137
137
|
active={true}
|
|
138
138
|
>
|
|
139
139
|
<g
|
|
140
|
-
className="
|
|
140
|
+
className="ds-svg-icon--burger--active"
|
|
141
141
|
>
|
|
142
142
|
<rect
|
|
143
143
|
height="3.3"
|
|
144
|
-
id="
|
|
144
|
+
id="ds-svg-icon--burger__line-1"
|
|
145
145
|
width="20"
|
|
146
146
|
/>
|
|
147
147
|
<rect
|
|
148
148
|
height="3.3"
|
|
149
|
-
id="
|
|
149
|
+
id="ds-svg-icon--burger__line-2"
|
|
150
150
|
width="20"
|
|
151
151
|
/>
|
|
152
152
|
<rect
|
|
153
153
|
height="3.3"
|
|
154
|
-
id="
|
|
154
|
+
id="ds-svg-icon--burger__line-3"
|
|
155
155
|
width="20"
|
|
156
156
|
/>
|
|
157
157
|
</g>
|
|
@@ -169,18 +169,18 @@ exports[`renders the BurgerIcon with no props 1`] = `
|
|
|
169
169
|
icon="burger"
|
|
170
170
|
>
|
|
171
171
|
<ForwardRef(SvgIcon)
|
|
172
|
-
className="
|
|
172
|
+
className="ds-svg-icon--burger"
|
|
173
173
|
>
|
|
174
174
|
<ForwardRef(Base)
|
|
175
175
|
aria-hidden="true"
|
|
176
176
|
as="svg"
|
|
177
|
-
className="
|
|
177
|
+
className="ds-svg-icon--burger ds-svg-icon"
|
|
178
178
|
focusable="false"
|
|
179
179
|
viewBox="0 0 24 24"
|
|
180
180
|
>
|
|
181
181
|
<svg
|
|
182
182
|
aria-hidden="true"
|
|
183
|
-
className="
|
|
183
|
+
className="ds-svg-icon--burger ds-svg-icon"
|
|
184
184
|
focusable="false"
|
|
185
185
|
viewBox="0 0 24 24"
|
|
186
186
|
>
|
|
@@ -190,17 +190,17 @@ exports[`renders the BurgerIcon with no props 1`] = `
|
|
|
190
190
|
>
|
|
191
191
|
<rect
|
|
192
192
|
height="3.3"
|
|
193
|
-
id="
|
|
193
|
+
id="ds-svg-icon--burger__line-1"
|
|
194
194
|
width="20"
|
|
195
195
|
/>
|
|
196
196
|
<rect
|
|
197
197
|
height="3.3"
|
|
198
|
-
id="
|
|
198
|
+
id="ds-svg-icon--burger__line-2"
|
|
199
199
|
width="20"
|
|
200
200
|
/>
|
|
201
201
|
<rect
|
|
202
202
|
height="3.3"
|
|
203
|
-
id="
|
|
203
|
+
id="ds-svg-icon--burger__line-3"
|
|
204
204
|
width="20"
|
|
205
205
|
/>
|
|
206
206
|
</g>
|
|
@@ -221,18 +221,18 @@ exports[`renders the BurgerIcon with prop active=true 1`] = `
|
|
|
221
221
|
icon="burger"
|
|
222
222
|
>
|
|
223
223
|
<ForwardRef(SvgIcon)
|
|
224
|
-
className="
|
|
224
|
+
className="ds-svg-icon--burger"
|
|
225
225
|
>
|
|
226
226
|
<ForwardRef(Base)
|
|
227
227
|
aria-hidden="true"
|
|
228
228
|
as="svg"
|
|
229
|
-
className="
|
|
229
|
+
className="ds-svg-icon--burger ds-svg-icon"
|
|
230
230
|
focusable="false"
|
|
231
231
|
viewBox="0 0 24 24"
|
|
232
232
|
>
|
|
233
233
|
<svg
|
|
234
234
|
aria-hidden="true"
|
|
235
|
-
className="
|
|
235
|
+
className="ds-svg-icon--burger ds-svg-icon"
|
|
236
236
|
focusable="false"
|
|
237
237
|
viewBox="0 0 24 24"
|
|
238
238
|
>
|
|
@@ -240,21 +240,21 @@ exports[`renders the BurgerIcon with prop active=true 1`] = `
|
|
|
240
240
|
active={true}
|
|
241
241
|
>
|
|
242
242
|
<g
|
|
243
|
-
className="
|
|
243
|
+
className="ds-svg-icon--burger--active"
|
|
244
244
|
>
|
|
245
245
|
<rect
|
|
246
246
|
height="3.3"
|
|
247
|
-
id="
|
|
247
|
+
id="ds-svg-icon--burger__line-1"
|
|
248
248
|
width="20"
|
|
249
249
|
/>
|
|
250
250
|
<rect
|
|
251
251
|
height="3.3"
|
|
252
|
-
id="
|
|
252
|
+
id="ds-svg-icon--burger__line-2"
|
|
253
253
|
width="20"
|
|
254
254
|
/>
|
|
255
255
|
<rect
|
|
256
256
|
height="3.3"
|
|
257
|
-
id="
|
|
257
|
+
id="ds-svg-icon--burger__line-3"
|
|
258
258
|
width="20"
|
|
259
259
|
/>
|
|
260
260
|
</g>
|
|
@@ -275,19 +275,19 @@ exports[`renders the BurgerIcon with prop variant=dark 1`] = `
|
|
|
275
275
|
variant="dark"
|
|
276
276
|
>
|
|
277
277
|
<ForwardRef(SvgIcon)
|
|
278
|
-
className="
|
|
278
|
+
className="ds-svg-icon--burger"
|
|
279
279
|
variant="dark"
|
|
280
280
|
>
|
|
281
281
|
<ForwardRef(Base)
|
|
282
282
|
aria-hidden="true"
|
|
283
283
|
as="svg"
|
|
284
|
-
className="
|
|
284
|
+
className="ds-svg-icon--burger ds-svg-icon--dark ds-svg-icon"
|
|
285
285
|
focusable="false"
|
|
286
286
|
viewBox="0 0 24 24"
|
|
287
287
|
>
|
|
288
288
|
<svg
|
|
289
289
|
aria-hidden="true"
|
|
290
|
-
className="
|
|
290
|
+
className="ds-svg-icon--burger ds-svg-icon--dark ds-svg-icon"
|
|
291
291
|
focusable="false"
|
|
292
292
|
viewBox="0 0 24 24"
|
|
293
293
|
>
|
|
@@ -297,17 +297,17 @@ exports[`renders the BurgerIcon with prop variant=dark 1`] = `
|
|
|
297
297
|
>
|
|
298
298
|
<rect
|
|
299
299
|
height="3.3"
|
|
300
|
-
id="
|
|
300
|
+
id="ds-svg-icon--burger__line-1"
|
|
301
301
|
width="20"
|
|
302
302
|
/>
|
|
303
303
|
<rect
|
|
304
304
|
height="3.3"
|
|
305
|
-
id="
|
|
305
|
+
id="ds-svg-icon--burger__line-2"
|
|
306
306
|
width="20"
|
|
307
307
|
/>
|
|
308
308
|
<rect
|
|
309
309
|
height="3.3"
|
|
310
|
-
id="
|
|
310
|
+
id="ds-svg-icon--burger__line-3"
|
|
311
311
|
width="20"
|
|
312
312
|
/>
|
|
313
313
|
</g>
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import clsx from 'clsx';
|
|
3
3
|
var _ref2 = /*#__PURE__*/React.createElement("rect", {
|
|
4
|
-
id: "
|
|
4
|
+
id: "ds-svg-icon--burger__line-1",
|
|
5
5
|
width: "20",
|
|
6
6
|
height: "3.3"
|
|
7
7
|
});
|
|
8
8
|
var _ref3 = /*#__PURE__*/React.createElement("rect", {
|
|
9
|
-
id: "
|
|
9
|
+
id: "ds-svg-icon--burger__line-2",
|
|
10
10
|
width: "20",
|
|
11
11
|
height: "3.3"
|
|
12
12
|
});
|
|
13
13
|
var _ref4 = /*#__PURE__*/React.createElement("rect", {
|
|
14
|
-
id: "
|
|
14
|
+
id: "ds-svg-icon--burger__line-3",
|
|
15
15
|
width: "20",
|
|
16
16
|
height: "3.3"
|
|
17
17
|
});
|
|
@@ -19,7 +19,7 @@ export var burger = function burger(_ref) {
|
|
|
19
19
|
var _ref$active = _ref.active,
|
|
20
20
|
active = _ref$active === void 0 ? false : _ref$active;
|
|
21
21
|
return /*#__PURE__*/React.createElement("g", {
|
|
22
|
-
className: clsx(active && "
|
|
22
|
+
className: clsx(active && "ds-svg-icon--burger--active")
|
|
23
23
|
}, _ref2, _ref3, _ref4);
|
|
24
24
|
};
|
|
25
25
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|