Skip to content

Commit 3040834

Browse files
author
Luke Bowerman
authored
Truncate moved to top-level component (#1570)
* `Truncate` moved to top-level component (no functional change, just prevents build warning) * Snapshot shuffles because _reasons_
1 parent 814fa76 commit 3040834

File tree

12 files changed

+479
-451
lines changed

12 files changed

+479
-451
lines changed

‎packages/components/src/Form/Fields/FieldCheckbox/__snapshots__/FieldCheckbox.test.tsx.snap‎

Lines changed: 111 additions & 111 deletions
Original file line numberDiff line numberDiff line change
@@ -1,64 +1,6 @@
11
// Jest Snapshot v1, https://goo.gl/fbAQLP
22

33
exports[`A FieldCheckbox 1`] = `
4-
.c2 {
5-
font-family: 'Roboto','Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI','Helvetica','Arial',sans-serif;
6-
color: #343C42;
7-
font-size: 0.75rem;
8-
font-weight: 500;
9-
}
10-
11-
.c0 {
12-
-webkit-align-items: center;
13-
-webkit-box-align: center;
14-
-ms-flex-align: center;
15-
align-items: center;
16-
display: grid;
17-
grid-template-areas: 'input label detail' '. messages messages';
18-
grid-template-columns: repeat(2,max-content) 1fr;
19-
line-height: 1.25rem;
20-
}
21-
22-
.c0 .c3 {
23-
grid-area: input;
24-
}
25-
26-
.c0 .c1 {
27-
-webkit-align-items: center;
28-
-webkit-box-align: center;
29-
-ms-flex-align: center;
30-
align-items: center;
31-
display: -webkit-box;
32-
display: -webkit-flex;
33-
display: -ms-flexbox;
34-
display: flex;
35-
font-size: 0.875rem;
36-
font-weight: normal;
37-
grid-area: label;
38-
padding-left: 0.5rem;
39-
}
40-
41-
.c0 .c8 {
42-
-webkit-align-content: center;
43-
-ms-flex-line-pack: center;
44-
align-content: center;
45-
display: -webkit-box;
46-
display: -webkit-flex;
47-
display: -ms-flexbox;
48-
display: flex;
49-
grid-area: detail;
50-
-webkit-box-pack: end;
51-
-webkit-justify-content: flex-end;
52-
-ms-flex-pack: end;
53-
justify-content: flex-end;
54-
margin-left: 0.25rem;
55-
}
56-
57-
.c0 .c7 {
58-
grid-area: messages;
59-
padding-left: 0.75rem;
60-
}
61-
624
.c6 {
635
-webkit-align-items: center;
646
-webkit-box-align: center;
@@ -121,59 +63,6 @@ exports[`A FieldCheckbox 1`] = `
12163
color: transparent;
12264
}
12365
124-
<label
125-
className="c0 "
126-
htmlFor="FieldCheckboxID"
127-
>
128-
<span
129-
className="c1 c2"
130-
>
131-
👍
132-
</span>
133-
<div
134-
className="c3 "
135-
>
136-
<div
137-
className="c4 "
138-
>
139-
<input
140-
aria-describedby="FieldCheckboxID-describedby"
141-
checked={false}
142-
id="FieldCheckboxID"
143-
name="thumbsUp"
144-
onChange={[Function]}
145-
onClick={[Function]}
146-
type="checkbox"
147-
/>
148-
<div
149-
className="c5 c6"
150-
>
151-
<svg
152-
fill="none"
153-
height="16"
154-
viewBox="0 0 16 16"
155-
width="16"
156-
xmlns="http://www.w3.org/2000/svg"
157-
>
158-
<path
159-
d="M4 8L7 11L12 4"
160-
stroke="currentColor"
161-
strokeLinecap="round"
162-
strokeLinejoin="round"
163-
strokeWidth="2"
164-
/>
165-
</svg>
166-
</div>
167-
</div>
168-
</div>
169-
<div
170-
className="c7 "
171-
id="FieldCheckboxID-describedby"
172-
/>
173-
</label>
174-
`;
175-
176-
exports[`A FieldCheckbox with checked value 1`] = `
17766
.c2 {
17867
font-family: 'Roboto','Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI','Helvetica','Arial',sans-serif;
17968
color: #343C42;
@@ -232,6 +121,59 @@ exports[`A FieldCheckbox with checked value 1`] = `
232121
padding-left: 0.75rem;
233122
}
234123
124+
<label
125+
className="c0 "
126+
htmlFor="FieldCheckboxID"
127+
>
128+
<span
129+
className="c1 c2"
130+
>
131+
👍
132+
</span>
133+
<div
134+
className="c3 "
135+
>
136+
<div
137+
className="c4 "
138+
>
139+
<input
140+
aria-describedby="FieldCheckboxID-describedby"
141+
checked={false}
142+
id="FieldCheckboxID"
143+
name="thumbsUp"
144+
onChange={[Function]}
145+
onClick={[Function]}
146+
type="checkbox"
147+
/>
148+
<div
149+
className="c5 c6"
150+
>
151+
<svg
152+
fill="none"
153+
height="16"
154+
viewBox="0 0 16 16"
155+
width="16"
156+
xmlns="http://www.w3.org/2000/svg"
157+
>
158+
<path
159+
d="M4 8L7 11L12 4"
160+
stroke="currentColor"
161+
strokeLinecap="round"
162+
strokeLinejoin="round"
163+
strokeWidth="2"
164+
/>
165+
</svg>
166+
</div>
167+
</div>
168+
</div>
169+
<div
170+
className="c7 "
171+
id="FieldCheckboxID-describedby"
172+
/>
173+
</label>
174+
`;
175+
176+
exports[`A FieldCheckbox with checked value 1`] = `
235177
.c6 {
236178
-webkit-align-items: center;
237179
-webkit-box-align: center;
@@ -294,6 +236,64 @@ exports[`A FieldCheckbox with checked value 1`] = `
294236
color: transparent;
295237
}
296238
239+
.c2 {
240+
font-family: 'Roboto','Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI','Helvetica','Arial',sans-serif;
241+
color: #343C42;
242+
font-size: 0.75rem;
243+
font-weight: 500;
244+
}
245+
246+
.c0 {
247+
-webkit-align-items: center;
248+
-webkit-box-align: center;
249+
-ms-flex-align: center;
250+
align-items: center;
251+
display: grid;
252+
grid-template-areas: 'input label detail' '. messages messages';
253+
grid-template-columns: repeat(2,max-content) 1fr;
254+
line-height: 1.25rem;
255+
}
256+
257+
.c0 .c3 {
258+
grid-area: input;
259+
}
260+
261+
.c0 .c1 {
262+
-webkit-align-items: center;
263+
-webkit-box-align: center;
264+
-ms-flex-align: center;
265+
align-items: center;
266+
display: -webkit-box;
267+
display: -webkit-flex;
268+
display: -ms-flexbox;
269+
display: flex;
270+
font-size: 0.875rem;
271+
font-weight: normal;
272+
grid-area: label;
273+
padding-left: 0.5rem;
274+
}
275+
276+
.c0 .c8 {
277+
-webkit-align-content: center;
278+
-ms-flex-line-pack: center;
279+
align-content: center;
280+
display: -webkit-box;
281+
display: -webkit-flex;
282+
display: -ms-flexbox;
283+
display: flex;
284+
grid-area: detail;
285+
-webkit-box-pack: end;
286+
-webkit-justify-content: flex-end;
287+
-ms-flex-pack: end;
288+
justify-content: flex-end;
289+
margin-left: 0.25rem;
290+
}
291+
292+
.c0 .c7 {
293+
grid-area: messages;
294+
padding-left: 0.75rem;
295+
}
296+
297297
<label
298298
className="c0 "
299299
htmlFor="FieldCheckboxID"

0 commit comments

Comments
 (0)