@digigov/react-core 0.5.2 → 0.6.0
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/ArrowIcon/__snapshots__/index.test.tsx.snap +67 -0
- package/ArrowIcon/index.d.ts +15 -0
- package/ArrowIcon/index.js +73 -0
- package/ArrowIcon/index.test.d.ts +1 -0
- package/ArrowIcon/index.test.js +39 -0
- package/BackLink/index.d.ts +1 -1
- package/BackLink/index.js +5 -3
- package/BurgerIcon/__snapshots__/index.test.tsx.snap +146 -30
- package/BurgerIcon/index.d.ts +9 -3
- package/BurgerIcon/index.js +50 -11
- package/BurgerIcon/index.test.js +32 -6
- package/Button/index.d.ts +1 -1
- package/ButtonLink/index.d.ts +1 -1
- package/CHANGELOG.md +31 -1
- package/CallToAction/index.d.ts +1 -1
- package/CallToAction/index.js +3 -8
- package/CaretIcon/__snapshots__/index.test.tsx.snap +67 -0
- package/CaretIcon/index.d.ts +15 -0
- package/CaretIcon/index.js +73 -0
- package/CaretIcon/index.test.d.ts +1 -0
- package/CaretIcon/index.test.js +39 -0
- package/CheckIcon/__snapshots__/index.test.tsx.snap +256 -0
- package/CheckIcon/index.d.ts +19 -0
- package/CheckIcon/index.js +68 -0
- package/CheckIcon/index.test.d.ts +1 -0
- package/CheckIcon/index.test.js +129 -0
- package/CheckboxItem/index.d.ts +1 -1
- package/CloseIcon/__snapshots__/index.test.tsx.snap +16 -0
- package/CloseIcon/index.d.ts +10 -0
- package/CloseIcon/index.js +42 -0
- package/CloseIcon/index.test.d.ts +1 -0
- package/CloseIcon/index.test.js +15 -0
- package/DateInputItem/index.d.ts +2 -2
- package/DateInputItem/index.js +5 -5
- package/Fieldset/index.d.ts +1 -1
- package/FileUpload/index.d.ts +1 -1
- package/FooterContainer/index.d.ts +8 -1
- package/FooterContainer/index.js +4 -2
- package/FooterImage/index.d.ts +1 -1
- package/FooterLink/index.d.ts +1 -1
- package/GovGRLogo/index.d.ts +1 -1
- package/Grid/index.d.ts +1 -1
- package/HeaderLogo/index.d.ts +1 -1
- package/HeaderSecondaryLogo/index.d.ts +1 -1
- package/HeaderTitle/index.d.ts +1 -1
- package/HellenicRepublicLogo/index.d.ts +1 -1
- package/Link/index.d.ts +1 -1
- package/MoreVertIcon/__snapshots__/index.test.tsx.snap +436 -0
- package/MoreVertIcon/index.d.ts +19 -0
- package/MoreVertIcon/index.js +82 -0
- package/MoreVertIcon/index.test.d.ts +1 -0
- package/MoreVertIcon/index.test.js +129 -0
- package/NavHorizontalListItem/index.d.ts +1 -1
- package/NavVerticalItem/index.d.ts +1 -1
- package/NormalText/index.d.ts +1 -1
- package/NotificationBannerLink/index.d.ts +1 -1
- package/Paragraph/index.d.ts +1 -1
- package/RadioItem/index.d.ts +1 -1
- package/Select/index.d.ts +1 -1
- package/Table/index.d.ts +1 -1
- package/TabsListItem/index.d.ts +1 -1
- package/TextArea/index.d.ts +1 -1
- package/TextInput/index.d.ts +1 -1
- package/UncheckIcon/__snapshots__/index.test.tsx.snap +256 -0
- package/UncheckIcon/index.d.ts +19 -0
- package/UncheckIcon/index.js +68 -0
- package/UncheckIcon/index.test.d.ts +1 -0
- package/UncheckIcon/index.test.js +129 -0
- package/es/ArrowIcon/__snapshots__/index.test.tsx.snap +67 -0
- package/es/ArrowIcon/index.js +50 -0
- package/es/ArrowIcon/index.test.js +33 -0
- package/es/BackLink/index.js +4 -3
- package/es/BurgerIcon/__snapshots__/index.test.tsx.snap +146 -30
- package/es/BurgerIcon/index.js +42 -11
- package/es/BurgerIcon/index.test.js +32 -6
- package/es/CallToAction/index.js +2 -8
- package/es/CaretIcon/__snapshots__/index.test.tsx.snap +67 -0
- package/es/CaretIcon/index.js +50 -0
- package/es/CaretIcon/index.test.js +33 -0
- package/es/CheckIcon/__snapshots__/index.test.tsx.snap +256 -0
- package/es/CheckIcon/index.js +45 -0
- package/es/CheckIcon/index.test.js +123 -0
- package/es/CloseIcon/__snapshots__/index.test.tsx.snap +16 -0
- package/es/CloseIcon/index.js +27 -0
- package/es/CloseIcon/index.test.js +9 -0
- package/es/DateInputItem/index.js +5 -5
- package/es/FooterContainer/index.js +4 -2
- package/es/MoreVertIcon/__snapshots__/index.test.tsx.snap +436 -0
- package/es/MoreVertIcon/index.js +59 -0
- package/es/MoreVertIcon/index.test.js +123 -0
- package/es/UncheckIcon/__snapshots__/index.test.tsx.snap +256 -0
- package/es/UncheckIcon/index.js +45 -0
- package/es/UncheckIcon/index.test.js +123 -0
- package/es/index.js +6 -0
- package/esm/ArrowIcon/__snapshots__/index.test.tsx.snap +67 -0
- package/esm/ArrowIcon/index.js +50 -0
- package/esm/ArrowIcon/index.test.js +33 -0
- package/esm/BackLink/index.js +4 -3
- package/esm/BurgerIcon/__snapshots__/index.test.tsx.snap +146 -30
- package/esm/BurgerIcon/index.js +42 -11
- package/esm/BurgerIcon/index.test.js +32 -6
- package/esm/CallToAction/index.js +2 -8
- package/esm/CaretIcon/__snapshots__/index.test.tsx.snap +67 -0
- package/esm/CaretIcon/index.js +50 -0
- package/esm/CaretIcon/index.test.js +33 -0
- package/esm/CheckIcon/__snapshots__/index.test.tsx.snap +256 -0
- package/esm/CheckIcon/index.js +45 -0
- package/esm/CheckIcon/index.test.js +123 -0
- package/esm/CloseIcon/__snapshots__/index.test.tsx.snap +16 -0
- package/esm/CloseIcon/index.js +27 -0
- package/esm/CloseIcon/index.test.js +9 -0
- package/esm/DateInputItem/index.js +5 -5
- package/esm/FooterContainer/index.js +4 -2
- package/esm/MoreVertIcon/__snapshots__/index.test.tsx.snap +436 -0
- package/esm/MoreVertIcon/index.js +59 -0
- package/esm/MoreVertIcon/index.test.js +123 -0
- package/esm/UncheckIcon/__snapshots__/index.test.tsx.snap +256 -0
- package/esm/UncheckIcon/index.js +45 -0
- package/esm/UncheckIcon/index.test.js +123 -0
- package/esm/index.js +7 -1
- package/index.d.ts +6 -0
- package/index.js +48 -0
- package/package.json +3 -3
|
@@ -0,0 +1,256 @@
|
|
|
1
|
+
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
+
|
|
3
|
+
exports[`renders the UncheckIcon with no props 1`] = `
|
|
4
|
+
<ForwardRef(UncheckIcon)>
|
|
5
|
+
<svg
|
|
6
|
+
aria-hidden="true"
|
|
7
|
+
className="govgr-svg-icon--dark govgr-svg-icon--m govgr-svg-icon govgr-svg-icon--uncheck"
|
|
8
|
+
focusable="false"
|
|
9
|
+
viewBox="0 0 24 24"
|
|
10
|
+
>
|
|
11
|
+
<polygon
|
|
12
|
+
points="21.7,4.7 19.3,2.3 12,9.7 4.7,2.3 2.3,4.7 9.7,12 2.3,19.3 4.7,21.7 12,14.3 19.3,21.7 21.7,19.3 14.3,12 "
|
|
13
|
+
/>
|
|
14
|
+
</svg>
|
|
15
|
+
</ForwardRef(UncheckIcon)>
|
|
16
|
+
`;
|
|
17
|
+
|
|
18
|
+
exports[`renders the UncheckIcon with prop size=l 1`] = `
|
|
19
|
+
<ForwardRef(UncheckIcon)
|
|
20
|
+
size="l"
|
|
21
|
+
>
|
|
22
|
+
<svg
|
|
23
|
+
aria-hidden="true"
|
|
24
|
+
className="govgr-svg-icon--dark govgr-svg-icon--l govgr-svg-icon govgr-svg-icon--uncheck"
|
|
25
|
+
focusable="false"
|
|
26
|
+
viewBox="0 0 24 24"
|
|
27
|
+
>
|
|
28
|
+
<polygon
|
|
29
|
+
points="21.7,4.7 19.3,2.3 12,9.7 4.7,2.3 2.3,4.7 9.7,12 2.3,19.3 4.7,21.7 12,14.3 19.3,21.7 21.7,19.3 14.3,12 "
|
|
30
|
+
/>
|
|
31
|
+
</svg>
|
|
32
|
+
</ForwardRef(UncheckIcon)>
|
|
33
|
+
`;
|
|
34
|
+
|
|
35
|
+
exports[`renders the UncheckIcon with prop size=m 1`] = `
|
|
36
|
+
<ForwardRef(UncheckIcon)
|
|
37
|
+
size="m"
|
|
38
|
+
>
|
|
39
|
+
<svg
|
|
40
|
+
aria-hidden="true"
|
|
41
|
+
className="govgr-svg-icon--dark govgr-svg-icon--m govgr-svg-icon govgr-svg-icon--uncheck"
|
|
42
|
+
focusable="false"
|
|
43
|
+
viewBox="0 0 24 24"
|
|
44
|
+
>
|
|
45
|
+
<polygon
|
|
46
|
+
points="21.7,4.7 19.3,2.3 12,9.7 4.7,2.3 2.3,4.7 9.7,12 2.3,19.3 4.7,21.7 12,14.3 19.3,21.7 21.7,19.3 14.3,12 "
|
|
47
|
+
/>
|
|
48
|
+
</svg>
|
|
49
|
+
</ForwardRef(UncheckIcon)>
|
|
50
|
+
`;
|
|
51
|
+
|
|
52
|
+
exports[`renders the UncheckIcon with prop size=s 1`] = `
|
|
53
|
+
<ForwardRef(UncheckIcon)
|
|
54
|
+
size="s"
|
|
55
|
+
>
|
|
56
|
+
<svg
|
|
57
|
+
aria-hidden="true"
|
|
58
|
+
className="govgr-svg-icon--dark govgr-svg-icon--s govgr-svg-icon govgr-svg-icon--uncheck"
|
|
59
|
+
focusable="false"
|
|
60
|
+
viewBox="0 0 24 24"
|
|
61
|
+
>
|
|
62
|
+
<polygon
|
|
63
|
+
points="21.7,4.7 19.3,2.3 12,9.7 4.7,2.3 2.3,4.7 9.7,12 2.3,19.3 4.7,21.7 12,14.3 19.3,21.7 21.7,19.3 14.3,12 "
|
|
64
|
+
/>
|
|
65
|
+
</svg>
|
|
66
|
+
</ForwardRef(UncheckIcon)>
|
|
67
|
+
`;
|
|
68
|
+
|
|
69
|
+
exports[`renders the UncheckIcon with prop size=xl 1`] = `
|
|
70
|
+
<ForwardRef(UncheckIcon)
|
|
71
|
+
size="xl"
|
|
72
|
+
>
|
|
73
|
+
<svg
|
|
74
|
+
aria-hidden="true"
|
|
75
|
+
className="govgr-svg-icon--dark govgr-svg-icon--xl govgr-svg-icon govgr-svg-icon--uncheck"
|
|
76
|
+
focusable="false"
|
|
77
|
+
viewBox="0 0 24 24"
|
|
78
|
+
>
|
|
79
|
+
<polygon
|
|
80
|
+
points="21.7,4.7 19.3,2.3 12,9.7 4.7,2.3 2.3,4.7 9.7,12 2.3,19.3 4.7,21.7 12,14.3 19.3,21.7 21.7,19.3 14.3,12 "
|
|
81
|
+
/>
|
|
82
|
+
</svg>
|
|
83
|
+
</ForwardRef(UncheckIcon)>
|
|
84
|
+
`;
|
|
85
|
+
|
|
86
|
+
exports[`renders the UncheckIcon with prop variant=dark 1`] = `
|
|
87
|
+
<ForwardRef(UncheckIcon)
|
|
88
|
+
variant="dark"
|
|
89
|
+
>
|
|
90
|
+
<svg
|
|
91
|
+
aria-hidden="true"
|
|
92
|
+
className="govgr-svg-icon--dark govgr-svg-icon--m govgr-svg-icon govgr-svg-icon--uncheck"
|
|
93
|
+
focusable="false"
|
|
94
|
+
viewBox="0 0 24 24"
|
|
95
|
+
>
|
|
96
|
+
<polygon
|
|
97
|
+
points="21.7,4.7 19.3,2.3 12,9.7 4.7,2.3 2.3,4.7 9.7,12 2.3,19.3 4.7,21.7 12,14.3 19.3,21.7 21.7,19.3 14.3,12 "
|
|
98
|
+
/>
|
|
99
|
+
</svg>
|
|
100
|
+
</ForwardRef(UncheckIcon)>
|
|
101
|
+
`;
|
|
102
|
+
|
|
103
|
+
exports[`renders the UncheckIcon with prop variant=error 1`] = `
|
|
104
|
+
<ForwardRef(UncheckIcon)
|
|
105
|
+
variant="error"
|
|
106
|
+
>
|
|
107
|
+
<svg
|
|
108
|
+
aria-hidden="true"
|
|
109
|
+
className="govgr-svg-icon--error govgr-svg-icon--m govgr-svg-icon govgr-svg-icon--uncheck"
|
|
110
|
+
focusable="false"
|
|
111
|
+
viewBox="0 0 24 24"
|
|
112
|
+
>
|
|
113
|
+
<polygon
|
|
114
|
+
points="21.7,4.7 19.3,2.3 12,9.7 4.7,2.3 2.3,4.7 9.7,12 2.3,19.3 4.7,21.7 12,14.3 19.3,21.7 21.7,19.3 14.3,12 "
|
|
115
|
+
/>
|
|
116
|
+
</svg>
|
|
117
|
+
</ForwardRef(UncheckIcon)>
|
|
118
|
+
`;
|
|
119
|
+
|
|
120
|
+
exports[`renders the UncheckIcon with prop variant=error and size= xl 1`] = `
|
|
121
|
+
<ForwardRef(UncheckIcon)
|
|
122
|
+
size="xl"
|
|
123
|
+
variant="warning"
|
|
124
|
+
>
|
|
125
|
+
<svg
|
|
126
|
+
aria-hidden="true"
|
|
127
|
+
className="govgr-svg-icon--warning govgr-svg-icon--xl govgr-svg-icon govgr-svg-icon--uncheck"
|
|
128
|
+
focusable="false"
|
|
129
|
+
viewBox="0 0 24 24"
|
|
130
|
+
>
|
|
131
|
+
<polygon
|
|
132
|
+
points="21.7,4.7 19.3,2.3 12,9.7 4.7,2.3 2.3,4.7 9.7,12 2.3,19.3 4.7,21.7 12,14.3 19.3,21.7 21.7,19.3 14.3,12 "
|
|
133
|
+
/>
|
|
134
|
+
</svg>
|
|
135
|
+
</ForwardRef(UncheckIcon)>
|
|
136
|
+
`;
|
|
137
|
+
|
|
138
|
+
exports[`renders the UncheckIcon with prop variant=focus 1`] = `
|
|
139
|
+
<ForwardRef(UncheckIcon)
|
|
140
|
+
variant="focus"
|
|
141
|
+
>
|
|
142
|
+
<svg
|
|
143
|
+
aria-hidden="true"
|
|
144
|
+
className="govgr-svg-icon--focus govgr-svg-icon--m govgr-svg-icon govgr-svg-icon--uncheck"
|
|
145
|
+
focusable="false"
|
|
146
|
+
viewBox="0 0 24 24"
|
|
147
|
+
>
|
|
148
|
+
<polygon
|
|
149
|
+
points="21.7,4.7 19.3,2.3 12,9.7 4.7,2.3 2.3,4.7 9.7,12 2.3,19.3 4.7,21.7 12,14.3 19.3,21.7 21.7,19.3 14.3,12 "
|
|
150
|
+
/>
|
|
151
|
+
</svg>
|
|
152
|
+
</ForwardRef(UncheckIcon)>
|
|
153
|
+
`;
|
|
154
|
+
|
|
155
|
+
exports[`renders the UncheckIcon with prop variant=gray 1`] = `
|
|
156
|
+
<ForwardRef(UncheckIcon)
|
|
157
|
+
variant="gray"
|
|
158
|
+
>
|
|
159
|
+
<svg
|
|
160
|
+
aria-hidden="true"
|
|
161
|
+
className="govgr-svg-icon--gray govgr-svg-icon--m govgr-svg-icon govgr-svg-icon--uncheck"
|
|
162
|
+
focusable="false"
|
|
163
|
+
viewBox="0 0 24 24"
|
|
164
|
+
>
|
|
165
|
+
<polygon
|
|
166
|
+
points="21.7,4.7 19.3,2.3 12,9.7 4.7,2.3 2.3,4.7 9.7,12 2.3,19.3 4.7,21.7 12,14.3 19.3,21.7 21.7,19.3 14.3,12 "
|
|
167
|
+
/>
|
|
168
|
+
</svg>
|
|
169
|
+
</ForwardRef(UncheckIcon)>
|
|
170
|
+
`;
|
|
171
|
+
|
|
172
|
+
exports[`renders the UncheckIcon with prop variant=light 1`] = `
|
|
173
|
+
<ForwardRef(UncheckIcon)
|
|
174
|
+
variant="light"
|
|
175
|
+
>
|
|
176
|
+
<svg
|
|
177
|
+
aria-hidden="true"
|
|
178
|
+
className="govgr-svg-icon--light govgr-svg-icon--m govgr-svg-icon govgr-svg-icon--uncheck"
|
|
179
|
+
focusable="false"
|
|
180
|
+
viewBox="0 0 24 24"
|
|
181
|
+
>
|
|
182
|
+
<polygon
|
|
183
|
+
points="21.7,4.7 19.3,2.3 12,9.7 4.7,2.3 2.3,4.7 9.7,12 2.3,19.3 4.7,21.7 12,14.3 19.3,21.7 21.7,19.3 14.3,12 "
|
|
184
|
+
/>
|
|
185
|
+
</svg>
|
|
186
|
+
</ForwardRef(UncheckIcon)>
|
|
187
|
+
`;
|
|
188
|
+
|
|
189
|
+
exports[`renders the UncheckIcon with prop variant=primary 1`] = `
|
|
190
|
+
<ForwardRef(UncheckIcon)
|
|
191
|
+
variant="primary"
|
|
192
|
+
>
|
|
193
|
+
<svg
|
|
194
|
+
aria-hidden="true"
|
|
195
|
+
className="govgr-svg-icon--primary govgr-svg-icon--m govgr-svg-icon govgr-svg-icon--uncheck"
|
|
196
|
+
focusable="false"
|
|
197
|
+
viewBox="0 0 24 24"
|
|
198
|
+
>
|
|
199
|
+
<polygon
|
|
200
|
+
points="21.7,4.7 19.3,2.3 12,9.7 4.7,2.3 2.3,4.7 9.7,12 2.3,19.3 4.7,21.7 12,14.3 19.3,21.7 21.7,19.3 14.3,12 "
|
|
201
|
+
/>
|
|
202
|
+
</svg>
|
|
203
|
+
</ForwardRef(UncheckIcon)>
|
|
204
|
+
`;
|
|
205
|
+
|
|
206
|
+
exports[`renders the UncheckIcon with prop variant=success 1`] = `
|
|
207
|
+
<ForwardRef(UncheckIcon)
|
|
208
|
+
variant="success"
|
|
209
|
+
>
|
|
210
|
+
<svg
|
|
211
|
+
aria-hidden="true"
|
|
212
|
+
className="govgr-svg-icon--success govgr-svg-icon--m govgr-svg-icon govgr-svg-icon--uncheck"
|
|
213
|
+
focusable="false"
|
|
214
|
+
viewBox="0 0 24 24"
|
|
215
|
+
>
|
|
216
|
+
<polygon
|
|
217
|
+
points="21.7,4.7 19.3,2.3 12,9.7 4.7,2.3 2.3,4.7 9.7,12 2.3,19.3 4.7,21.7 12,14.3 19.3,21.7 21.7,19.3 14.3,12 "
|
|
218
|
+
/>
|
|
219
|
+
</svg>
|
|
220
|
+
</ForwardRef(UncheckIcon)>
|
|
221
|
+
`;
|
|
222
|
+
|
|
223
|
+
exports[`renders the UncheckIcon with prop variant=warning 1`] = `
|
|
224
|
+
<ForwardRef(UncheckIcon)
|
|
225
|
+
variant="warning"
|
|
226
|
+
>
|
|
227
|
+
<svg
|
|
228
|
+
aria-hidden="true"
|
|
229
|
+
className="govgr-svg-icon--warning govgr-svg-icon--m govgr-svg-icon govgr-svg-icon--uncheck"
|
|
230
|
+
focusable="false"
|
|
231
|
+
viewBox="0 0 24 24"
|
|
232
|
+
>
|
|
233
|
+
<polygon
|
|
234
|
+
points="21.7,4.7 19.3,2.3 12,9.7 4.7,2.3 2.3,4.7 9.7,12 2.3,19.3 4.7,21.7 12,14.3 19.3,21.7 21.7,19.3 14.3,12 "
|
|
235
|
+
/>
|
|
236
|
+
</svg>
|
|
237
|
+
</ForwardRef(UncheckIcon)>
|
|
238
|
+
`;
|
|
239
|
+
|
|
240
|
+
exports[`renders the UncheckIcon with prop variant=warning and size=s 1`] = `
|
|
241
|
+
<ForwardRef(UncheckIcon)
|
|
242
|
+
size="s"
|
|
243
|
+
variant="warning"
|
|
244
|
+
>
|
|
245
|
+
<svg
|
|
246
|
+
aria-hidden="true"
|
|
247
|
+
className="govgr-svg-icon--warning govgr-svg-icon--s govgr-svg-icon govgr-svg-icon--uncheck"
|
|
248
|
+
focusable="false"
|
|
249
|
+
viewBox="0 0 24 24"
|
|
250
|
+
>
|
|
251
|
+
<polygon
|
|
252
|
+
points="21.7,4.7 19.3,2.3 12,9.7 4.7,2.3 2.3,4.7 9.7,12 2.3,19.3 4.7,21.7 12,14.3 19.3,21.7 21.7,19.3 14.3,12 "
|
|
253
|
+
/>
|
|
254
|
+
</svg>
|
|
255
|
+
</ForwardRef(UncheckIcon)>
|
|
256
|
+
`;
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
+
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
3
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
|
+
var _excluded = ["size", "variant", "className"];
|
|
5
|
+
import React, { useEffect, useState } from 'react';
|
|
6
|
+
import clsx from 'clsx';
|
|
7
|
+
|
|
8
|
+
var _ref2 = /*#__PURE__*/React.createElement("polygon", {
|
|
9
|
+
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"
|
|
10
|
+
});
|
|
11
|
+
|
|
12
|
+
/**
|
|
13
|
+
* Use UncheckIcon component when you need a uncheck/decline icon.
|
|
14
|
+
*/
|
|
15
|
+
export var UncheckIcon = /*#__PURE__*/React.forwardRef(function UncheckIcon(_ref, ref) {
|
|
16
|
+
var _ref$size = _ref.size,
|
|
17
|
+
size = _ref$size === void 0 ? 'm' : _ref$size,
|
|
18
|
+
_ref$variant = _ref.variant,
|
|
19
|
+
variant = _ref$variant === void 0 ? 'dark' : _ref$variant,
|
|
20
|
+
className = _ref.className,
|
|
21
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
22
|
+
|
|
23
|
+
var _useState = useState(size),
|
|
24
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
25
|
+
uncheckSize = _useState2[0],
|
|
26
|
+
setSize = _useState2[1];
|
|
27
|
+
|
|
28
|
+
var _useState3 = useState(variant),
|
|
29
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
30
|
+
uncheckVariant = _useState4[0],
|
|
31
|
+
setVariant = _useState4[1];
|
|
32
|
+
|
|
33
|
+
useEffect(function () {
|
|
34
|
+
setSize(size);
|
|
35
|
+
setVariant(variant);
|
|
36
|
+
}, [size, variant]);
|
|
37
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
38
|
+
ref: ref,
|
|
39
|
+
className: clsx(uncheckVariant === 'success' && 'govgr-svg-icon--success', uncheckVariant === 'primary' && 'govgr-svg-icon--primary', uncheckVariant === 'warning' && 'govgr-svg-icon--warning', uncheckVariant === 'light' && 'govgr-svg-icon--light', uncheckVariant === 'error' && 'govgr-svg-icon--error', uncheckVariant === 'focus' && 'govgr-svg-icon--focus', uncheckVariant === 'dark' && 'govgr-svg-icon--dark', uncheckVariant === 'gray' && 'govgr-svg-icon--gray', uncheckVariant === 'link' && 'govgr-svg-icon--link', uncheckSize === 'xl' && 'govgr-svg-icon--xl', uncheckSize === 's' && 'govgr-svg-icon--s', uncheckSize === 'm' && 'govgr-svg-icon--m', uncheckSize === 'l' && 'govgr-svg-icon--l', className && className, true && ['govgr-svg-icon', 'govgr-svg-icon--uncheck']),
|
|
40
|
+
focusable: "false",
|
|
41
|
+
viewBox: "0 0 24 24",
|
|
42
|
+
"aria-hidden": "true"
|
|
43
|
+
}, props), _ref2);
|
|
44
|
+
});
|
|
45
|
+
export default UncheckIcon;
|
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { mount } from 'enzyme';
|
|
3
|
+
import UncheckIcon from '@digigov/react-core/UncheckIcon';
|
|
4
|
+
|
|
5
|
+
var _ref = /*#__PURE__*/React.createElement(UncheckIcon, null);
|
|
6
|
+
|
|
7
|
+
it('renders the UncheckIcon with no props', function () {
|
|
8
|
+
expect(mount(_ref)).toMatchSnapshot();
|
|
9
|
+
});
|
|
10
|
+
|
|
11
|
+
var _ref2 = /*#__PURE__*/React.createElement(UncheckIcon, {
|
|
12
|
+
size: "s"
|
|
13
|
+
});
|
|
14
|
+
|
|
15
|
+
it('renders the UncheckIcon with prop size=s', function () {
|
|
16
|
+
expect(mount(_ref2)).toMatchSnapshot();
|
|
17
|
+
});
|
|
18
|
+
|
|
19
|
+
var _ref3 = /*#__PURE__*/React.createElement(UncheckIcon, {
|
|
20
|
+
size: "m"
|
|
21
|
+
});
|
|
22
|
+
|
|
23
|
+
it('renders the UncheckIcon with prop size=m', function () {
|
|
24
|
+
expect(mount(_ref3)).toMatchSnapshot();
|
|
25
|
+
});
|
|
26
|
+
|
|
27
|
+
var _ref4 = /*#__PURE__*/React.createElement(UncheckIcon, {
|
|
28
|
+
size: "l"
|
|
29
|
+
});
|
|
30
|
+
|
|
31
|
+
it('renders the UncheckIcon with prop size=l', function () {
|
|
32
|
+
expect(mount(_ref4)).toMatchSnapshot();
|
|
33
|
+
});
|
|
34
|
+
|
|
35
|
+
var _ref5 = /*#__PURE__*/React.createElement(UncheckIcon, {
|
|
36
|
+
size: "xl"
|
|
37
|
+
});
|
|
38
|
+
|
|
39
|
+
it('renders the UncheckIcon with prop size=xl', function () {
|
|
40
|
+
expect(mount(_ref5)).toMatchSnapshot();
|
|
41
|
+
});
|
|
42
|
+
|
|
43
|
+
var _ref6 = /*#__PURE__*/React.createElement(UncheckIcon, {
|
|
44
|
+
variant: "dark"
|
|
45
|
+
});
|
|
46
|
+
|
|
47
|
+
it('renders the UncheckIcon with prop variant=dark', function () {
|
|
48
|
+
expect(mount(_ref6)).toMatchSnapshot();
|
|
49
|
+
});
|
|
50
|
+
|
|
51
|
+
var _ref7 = /*#__PURE__*/React.createElement(UncheckIcon, {
|
|
52
|
+
variant: "light"
|
|
53
|
+
});
|
|
54
|
+
|
|
55
|
+
it('renders the UncheckIcon with prop variant=light', function () {
|
|
56
|
+
expect(mount(_ref7)).toMatchSnapshot();
|
|
57
|
+
});
|
|
58
|
+
|
|
59
|
+
var _ref8 = /*#__PURE__*/React.createElement(UncheckIcon, {
|
|
60
|
+
variant: "gray"
|
|
61
|
+
});
|
|
62
|
+
|
|
63
|
+
it('renders the UncheckIcon with prop variant=gray', function () {
|
|
64
|
+
expect(mount(_ref8)).toMatchSnapshot();
|
|
65
|
+
});
|
|
66
|
+
|
|
67
|
+
var _ref9 = /*#__PURE__*/React.createElement(UncheckIcon, {
|
|
68
|
+
variant: "primary"
|
|
69
|
+
});
|
|
70
|
+
|
|
71
|
+
it('renders the UncheckIcon with prop variant=primary', function () {
|
|
72
|
+
expect(mount(_ref9)).toMatchSnapshot();
|
|
73
|
+
});
|
|
74
|
+
|
|
75
|
+
var _ref10 = /*#__PURE__*/React.createElement(UncheckIcon, {
|
|
76
|
+
variant: "success"
|
|
77
|
+
});
|
|
78
|
+
|
|
79
|
+
it('renders the UncheckIcon with prop variant=success', function () {
|
|
80
|
+
expect(mount(_ref10)).toMatchSnapshot();
|
|
81
|
+
});
|
|
82
|
+
|
|
83
|
+
var _ref11 = /*#__PURE__*/React.createElement(UncheckIcon, {
|
|
84
|
+
variant: "warning"
|
|
85
|
+
});
|
|
86
|
+
|
|
87
|
+
it('renders the UncheckIcon with prop variant=warning', function () {
|
|
88
|
+
expect(mount(_ref11)).toMatchSnapshot();
|
|
89
|
+
});
|
|
90
|
+
|
|
91
|
+
var _ref12 = /*#__PURE__*/React.createElement(UncheckIcon, {
|
|
92
|
+
variant: "error"
|
|
93
|
+
});
|
|
94
|
+
|
|
95
|
+
it('renders the UncheckIcon with prop variant=error', function () {
|
|
96
|
+
expect(mount(_ref12)).toMatchSnapshot();
|
|
97
|
+
});
|
|
98
|
+
|
|
99
|
+
var _ref13 = /*#__PURE__*/React.createElement(UncheckIcon, {
|
|
100
|
+
variant: "focus"
|
|
101
|
+
});
|
|
102
|
+
|
|
103
|
+
it('renders the UncheckIcon with prop variant=focus', function () {
|
|
104
|
+
expect(mount(_ref13)).toMatchSnapshot();
|
|
105
|
+
});
|
|
106
|
+
|
|
107
|
+
var _ref14 = /*#__PURE__*/React.createElement(UncheckIcon, {
|
|
108
|
+
variant: "warning",
|
|
109
|
+
size: "s"
|
|
110
|
+
});
|
|
111
|
+
|
|
112
|
+
it('renders the UncheckIcon with prop variant=warning and size=s', function () {
|
|
113
|
+
expect(mount(_ref14)).toMatchSnapshot();
|
|
114
|
+
});
|
|
115
|
+
|
|
116
|
+
var _ref15 = /*#__PURE__*/React.createElement(UncheckIcon, {
|
|
117
|
+
variant: "warning",
|
|
118
|
+
size: "xl"
|
|
119
|
+
});
|
|
120
|
+
|
|
121
|
+
it('renders the UncheckIcon with prop variant=error and size= xl', function () {
|
|
122
|
+
expect(mount(_ref15)).toMatchSnapshot();
|
|
123
|
+
});
|
package/esm/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/** @license Digigov v0.
|
|
1
|
+
/** @license Digigov v0.6.0
|
|
2
2
|
*
|
|
3
3
|
* This source code is licensed under the MIT license found in the
|
|
4
4
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -8,6 +8,7 @@ export { default as AccordionControls } from '@digigov/react-core/AccordionContr
|
|
|
8
8
|
export { default as AccordionSection } from '@digigov/react-core/AccordionSection';
|
|
9
9
|
export { default as AccordionSectionContent } from '@digigov/react-core/AccordionSectionContent';
|
|
10
10
|
export { default as AccordionSectionHeader } from '@digigov/react-core/AccordionSectionHeader';
|
|
11
|
+
export { default as ArrowIcon } from '@digigov/react-core/ArrowIcon';
|
|
11
12
|
export { default as Aside } from '@digigov/react-core/Aside';
|
|
12
13
|
export { default as BackLink } from '@digigov/react-core/BackLink';
|
|
13
14
|
export { default as Blockquote } from '@digigov/react-core/Blockquote';
|
|
@@ -24,9 +25,13 @@ export { default as Card } from '@digigov/react-core/Card';
|
|
|
24
25
|
export { default as CardAction } from '@digigov/react-core/CardAction';
|
|
25
26
|
export { default as CardHeading } from '@digigov/react-core/CardHeading';
|
|
26
27
|
export { default as CardText } from '@digigov/react-core/CardText';
|
|
28
|
+
export { default as CaretIcon } from '@digigov/react-core/CaretIcon';
|
|
27
29
|
export { default as Checkbox } from '@digigov/react-core/Checkbox';
|
|
28
30
|
export { default as CheckboxConditional } from '@digigov/react-core/CheckboxConditional';
|
|
29
31
|
export { default as CheckboxItem } from '@digigov/react-core/CheckboxItem';
|
|
32
|
+
export { default as CheckIcon } from '@digigov/react-core/CheckIcon';
|
|
33
|
+
export { default as UncheckIcon } from '@digigov/react-core/UncheckIcon';
|
|
34
|
+
export { default as CloseIcon } from '@digigov/react-core/CloseIcon';
|
|
30
35
|
export { default as Confirmation } from '@digigov/react-core/Confirmation';
|
|
31
36
|
export { default as ConfirmationBody } from '@digigov/react-core/ConfirmationBody';
|
|
32
37
|
export { default as ConfirmationTitle } from '@digigov/react-core/ConfirmationTitle';
|
|
@@ -82,6 +87,7 @@ export { default as ListItem } from '@digigov/react-core/ListItem';
|
|
|
82
87
|
export { default as Main } from '@digigov/react-core/Main';
|
|
83
88
|
export { default as Masthead } from '@digigov/react-core/Masthead';
|
|
84
89
|
export { default as MastheadBody } from '@digigov/react-core/MastheadBody';
|
|
90
|
+
export { default as MoreVertIcon } from '@digigov/react-core/MoreVertIcon';
|
|
85
91
|
export { default as NavHorizontal } from '@digigov/react-core/NavHorizontal';
|
|
86
92
|
export { default as NavHorizontalList } from '@digigov/react-core/NavHorizontalList';
|
|
87
93
|
export { default as NavHorizontalListItem } from '@digigov/react-core/NavHorizontalListItem';
|
package/index.d.ts
CHANGED
|
@@ -3,6 +3,7 @@ export { default as AccordionControls } from '@digigov/react-core/AccordionContr
|
|
|
3
3
|
export { default as AccordionSection } from '@digigov/react-core/AccordionSection';
|
|
4
4
|
export { default as AccordionSectionContent } from '@digigov/react-core/AccordionSectionContent';
|
|
5
5
|
export { default as AccordionSectionHeader } from '@digigov/react-core/AccordionSectionHeader';
|
|
6
|
+
export { default as ArrowIcon } from '@digigov/react-core/ArrowIcon';
|
|
6
7
|
export { default as Aside } from '@digigov/react-core/Aside';
|
|
7
8
|
export { default as BackLink } from '@digigov/react-core/BackLink';
|
|
8
9
|
export { default as Blockquote } from '@digigov/react-core/Blockquote';
|
|
@@ -19,9 +20,13 @@ export { default as Card } from '@digigov/react-core/Card';
|
|
|
19
20
|
export { default as CardAction } from '@digigov/react-core/CardAction';
|
|
20
21
|
export { default as CardHeading } from '@digigov/react-core/CardHeading';
|
|
21
22
|
export { default as CardText } from '@digigov/react-core/CardText';
|
|
23
|
+
export { default as CaretIcon } from '@digigov/react-core/CaretIcon';
|
|
22
24
|
export { default as Checkbox } from '@digigov/react-core/Checkbox';
|
|
23
25
|
export { default as CheckboxConditional } from '@digigov/react-core/CheckboxConditional';
|
|
24
26
|
export { default as CheckboxItem } from '@digigov/react-core/CheckboxItem';
|
|
27
|
+
export { default as CheckIcon } from '@digigov/react-core/CheckIcon';
|
|
28
|
+
export { default as UncheckIcon } from '@digigov/react-core/UncheckIcon';
|
|
29
|
+
export { default as CloseIcon } from '@digigov/react-core/CloseIcon';
|
|
25
30
|
export { default as Confirmation } from '@digigov/react-core/Confirmation';
|
|
26
31
|
export { default as ConfirmationBody } from '@digigov/react-core/ConfirmationBody';
|
|
27
32
|
export { default as ConfirmationTitle } from '@digigov/react-core/ConfirmationTitle';
|
|
@@ -77,6 +82,7 @@ export { default as ListItem } from '@digigov/react-core/ListItem';
|
|
|
77
82
|
export { default as Main } from '@digigov/react-core/Main';
|
|
78
83
|
export { default as Masthead } from '@digigov/react-core/Masthead';
|
|
79
84
|
export { default as MastheadBody } from '@digigov/react-core/MastheadBody';
|
|
85
|
+
export { default as MoreVertIcon } from '@digigov/react-core/MoreVertIcon';
|
|
80
86
|
export { default as NavHorizontal } from '@digigov/react-core/NavHorizontal';
|
|
81
87
|
export { default as NavHorizontalList } from '@digigov/react-core/NavHorizontalList';
|
|
82
88
|
export { default as NavHorizontalListItem } from '@digigov/react-core/NavHorizontalListItem';
|
package/index.js
CHANGED
|
@@ -35,6 +35,12 @@ Object.defineProperty(exports, "AccordionSectionHeader", {
|
|
|
35
35
|
return _AccordionSectionHeader["default"];
|
|
36
36
|
}
|
|
37
37
|
});
|
|
38
|
+
Object.defineProperty(exports, "ArrowIcon", {
|
|
39
|
+
enumerable: true,
|
|
40
|
+
get: function get() {
|
|
41
|
+
return _ArrowIcon["default"];
|
|
42
|
+
}
|
|
43
|
+
});
|
|
38
44
|
Object.defineProperty(exports, "Aside", {
|
|
39
45
|
enumerable: true,
|
|
40
46
|
get: function get() {
|
|
@@ -131,6 +137,18 @@ Object.defineProperty(exports, "CardText", {
|
|
|
131
137
|
return _CardText["default"];
|
|
132
138
|
}
|
|
133
139
|
});
|
|
140
|
+
Object.defineProperty(exports, "CaretIcon", {
|
|
141
|
+
enumerable: true,
|
|
142
|
+
get: function get() {
|
|
143
|
+
return _CaretIcon["default"];
|
|
144
|
+
}
|
|
145
|
+
});
|
|
146
|
+
Object.defineProperty(exports, "CheckIcon", {
|
|
147
|
+
enumerable: true,
|
|
148
|
+
get: function get() {
|
|
149
|
+
return _CheckIcon["default"];
|
|
150
|
+
}
|
|
151
|
+
});
|
|
134
152
|
Object.defineProperty(exports, "Checkbox", {
|
|
135
153
|
enumerable: true,
|
|
136
154
|
get: function get() {
|
|
@@ -149,6 +167,12 @@ Object.defineProperty(exports, "CheckboxItem", {
|
|
|
149
167
|
return _CheckboxItem["default"];
|
|
150
168
|
}
|
|
151
169
|
});
|
|
170
|
+
Object.defineProperty(exports, "CloseIcon", {
|
|
171
|
+
enumerable: true,
|
|
172
|
+
get: function get() {
|
|
173
|
+
return _CloseIcon["default"];
|
|
174
|
+
}
|
|
175
|
+
});
|
|
152
176
|
Object.defineProperty(exports, "Confirmation", {
|
|
153
177
|
enumerable: true,
|
|
154
178
|
get: function get() {
|
|
@@ -479,6 +503,12 @@ Object.defineProperty(exports, "MastheadBody", {
|
|
|
479
503
|
return _MastheadBody["default"];
|
|
480
504
|
}
|
|
481
505
|
});
|
|
506
|
+
Object.defineProperty(exports, "MoreVertIcon", {
|
|
507
|
+
enumerable: true,
|
|
508
|
+
get: function get() {
|
|
509
|
+
return _MoreVertIcon["default"];
|
|
510
|
+
}
|
|
511
|
+
});
|
|
482
512
|
Object.defineProperty(exports, "NavHorizontal", {
|
|
483
513
|
enumerable: true,
|
|
484
514
|
get: function get() {
|
|
@@ -755,6 +785,12 @@ Object.defineProperty(exports, "Top", {
|
|
|
755
785
|
return _Top["default"];
|
|
756
786
|
}
|
|
757
787
|
});
|
|
788
|
+
Object.defineProperty(exports, "UncheckIcon", {
|
|
789
|
+
enumerable: true,
|
|
790
|
+
get: function get() {
|
|
791
|
+
return _UncheckIcon["default"];
|
|
792
|
+
}
|
|
793
|
+
});
|
|
758
794
|
Object.defineProperty(exports, "VisuallyHidden", {
|
|
759
795
|
enumerable: true,
|
|
760
796
|
get: function get() {
|
|
@@ -778,6 +814,8 @@ var _AccordionSectionContent = _interopRequireDefault(require("@digigov/react-co
|
|
|
778
814
|
|
|
779
815
|
var _AccordionSectionHeader = _interopRequireDefault(require("@digigov/react-core/AccordionSectionHeader"));
|
|
780
816
|
|
|
817
|
+
var _ArrowIcon = _interopRequireDefault(require("@digigov/react-core/ArrowIcon"));
|
|
818
|
+
|
|
781
819
|
var _Aside = _interopRequireDefault(require("@digigov/react-core/Aside"));
|
|
782
820
|
|
|
783
821
|
var _BackLink = _interopRequireDefault(require("@digigov/react-core/BackLink"));
|
|
@@ -810,12 +848,20 @@ var _CardHeading = _interopRequireDefault(require("@digigov/react-core/CardHeadi
|
|
|
810
848
|
|
|
811
849
|
var _CardText = _interopRequireDefault(require("@digigov/react-core/CardText"));
|
|
812
850
|
|
|
851
|
+
var _CaretIcon = _interopRequireDefault(require("@digigov/react-core/CaretIcon"));
|
|
852
|
+
|
|
813
853
|
var _Checkbox = _interopRequireDefault(require("@digigov/react-core/Checkbox"));
|
|
814
854
|
|
|
815
855
|
var _CheckboxConditional = _interopRequireDefault(require("@digigov/react-core/CheckboxConditional"));
|
|
816
856
|
|
|
817
857
|
var _CheckboxItem = _interopRequireDefault(require("@digigov/react-core/CheckboxItem"));
|
|
818
858
|
|
|
859
|
+
var _CheckIcon = _interopRequireDefault(require("@digigov/react-core/CheckIcon"));
|
|
860
|
+
|
|
861
|
+
var _UncheckIcon = _interopRequireDefault(require("@digigov/react-core/UncheckIcon"));
|
|
862
|
+
|
|
863
|
+
var _CloseIcon = _interopRequireDefault(require("@digigov/react-core/CloseIcon"));
|
|
864
|
+
|
|
819
865
|
var _Confirmation = _interopRequireDefault(require("@digigov/react-core/Confirmation"));
|
|
820
866
|
|
|
821
867
|
var _ConfirmationBody = _interopRequireDefault(require("@digigov/react-core/ConfirmationBody"));
|
|
@@ -926,6 +972,8 @@ var _Masthead = _interopRequireDefault(require("@digigov/react-core/Masthead"));
|
|
|
926
972
|
|
|
927
973
|
var _MastheadBody = _interopRequireDefault(require("@digigov/react-core/MastheadBody"));
|
|
928
974
|
|
|
975
|
+
var _MoreVertIcon = _interopRequireDefault(require("@digigov/react-core/MoreVertIcon"));
|
|
976
|
+
|
|
929
977
|
var _NavHorizontal = _interopRequireDefault(require("@digigov/react-core/NavHorizontal"));
|
|
930
978
|
|
|
931
979
|
var _NavHorizontalList = _interopRequireDefault(require("@digigov/react-core/NavHorizontalList"));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@digigov/react-core",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.6.0",
|
|
4
4
|
"description": "@digigov react core components",
|
|
5
5
|
"author": "GRNET Developers <devs@lists.grnet.gr>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -11,8 +11,8 @@
|
|
|
11
11
|
"directory": "dist"
|
|
12
12
|
},
|
|
13
13
|
"peerDependencies": {
|
|
14
|
-
"@digigov/css": "0.
|
|
15
|
-
"clsx": "
|
|
14
|
+
"@digigov/css": "0.9.0",
|
|
15
|
+
"clsx": "1.1.1",
|
|
16
16
|
"react": "16.14.0",
|
|
17
17
|
"react-dom": "16.14.0"
|
|
18
18
|
},
|