@asd20/ui 3.2.1004 → 3.2.1006
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/package.json +1 -1
- package/src/components/atoms/Asd20Icon/index.stories.js +1 -0
- package/src/components/atoms/Asd20Messaging/index.vue +1 -1
- package/src/components/atoms/icons/Asd20FaxSvg.vue +1 -1
- package/src/components/atoms/icons/Asd20GroupAltSvg.vue +82 -0
- package/src/components/atoms/icons/Asd20LibrarySvg.vue +29 -4
- package/src/components/atoms/icons/Asd20ParentsquareSvg.vue +4 -4
- package/src/components/templates/Asd20ClubsTemplate/index.vue +2 -2
- package/src/components/templates/Asd20ProfileTemplate/index.vue +3 -8
package/package.json
CHANGED
|
@@ -94,7 +94,7 @@ export default {
|
|
|
94
94
|
if (coverImage) {
|
|
95
95
|
const coverImageFiles = coverImage.files || []
|
|
96
96
|
const coverImageFull = coverImageFiles.find(f => f.name === 'full')
|
|
97
|
-
if (coverImageFull && coverImageFull.filename.includes('headerimage')) {
|
|
97
|
+
if (coverImageFull && coverImageFull.filename && coverImageFull.filename.includes('headerimage')) {
|
|
98
98
|
messageImageUrl = ''
|
|
99
99
|
} else {
|
|
100
100
|
messageImageUrl = coverImageFull
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
<!-- <template>
|
|
2
|
+
<g>
|
|
3
|
+
<path
|
|
4
|
+
class="fill"
|
|
5
|
+
d="M16,17a3,3,0,0,0-3,3v6h6V20A3,3,0,0,0,16,17Zm-2-4a2,2,0,1,0,2-2A2,2,0,0,0,14,13Z"
|
|
6
|
+
/>
|
|
7
|
+
<path
|
|
8
|
+
class="line"
|
|
9
|
+
fill="currentColor"
|
|
10
|
+
d="M16,17a3,3,0,0,1,3,3v6H13V20a3,3,0,0,1,3-3m0-1a4,4,0,0,0-4,4h0v7h8V20h0a4,4,0,0,0-4-4Z"
|
|
11
|
+
/>
|
|
12
|
+
<path
|
|
13
|
+
class="line"
|
|
14
|
+
fill="currentColor"
|
|
15
|
+
d="M10,6A2,2,0,1,1,8,8a2,2,0,0,1,2-2m0-1A3,3,0,0,0,7,8H7a3,3,0,0,0,6,0h0a3,3,0,0,0-3-3Z"
|
|
16
|
+
/>
|
|
17
|
+
<path
|
|
18
|
+
class="line"
|
|
19
|
+
fill="currentColor"
|
|
20
|
+
d="M22,6a2,2,0,1,1-2,2,2,2,0,0,1,2-2m0-1a3,3,0,0,0-3,3h0a3,3,0,0,0,6,0h0a3,3,0,0,0-3-3Z"
|
|
21
|
+
/>
|
|
22
|
+
<path
|
|
23
|
+
class="line"
|
|
24
|
+
fill="currentColor"
|
|
25
|
+
d="M19,13a3,3,0,1,0-3,3A3,3,0,0,0,19,13Zm-3,2a2,2,0,1,1,2-2A2,2,0,0,1,16,15Z"
|
|
26
|
+
/>
|
|
27
|
+
<path
|
|
28
|
+
class="line"
|
|
29
|
+
fill="currentColor"
|
|
30
|
+
d="M16,16a4,4,0,0,0-4,4v7h8V20A4,4,0,0,0,16,16Zm3,10H13V20a3,3,0,0,1,6,0Z"
|
|
31
|
+
/>
|
|
32
|
+
<path
|
|
33
|
+
class="line"
|
|
34
|
+
fill="currentColor"
|
|
35
|
+
d="M13.21,15.85a2.41,2.41,0,0,1-.21-.24V16C13.07,16,13.13,15.9,13.21,15.85Z"
|
|
36
|
+
/>
|
|
37
|
+
<path
|
|
38
|
+
class="line"
|
|
39
|
+
fill="currentColor"
|
|
40
|
+
d="M11,21H7V15a3,3,0,0,1,3-3,3,3,0,0,1,2,.8,4.05,4.05,0,0,1,.22-1.11A4,4,0,0,0,6,15v7h5Z"
|
|
41
|
+
/>
|
|
42
|
+
<path
|
|
43
|
+
class="line"
|
|
44
|
+
fill="currentColor"
|
|
45
|
+
d="M19,16v-.4a2.41,2.41,0,0,1-.21.24C18.87,15.9,18.93,16,19,16Z"
|
|
46
|
+
/>
|
|
47
|
+
<path
|
|
48
|
+
class="line"
|
|
49
|
+
fill="currentColor"
|
|
50
|
+
d="M22,11a4,4,0,0,0-2.24.69A4.05,4.05,0,0,1,20,12.8a3,3,0,0,1,2-.8,3,3,0,0,1,3,3v6H21v1h5V15A4,4,0,0,0,22,11Z"
|
|
51
|
+
/>
|
|
52
|
+
</g>
|
|
53
|
+
</template> -->
|
|
54
|
+
|
|
55
|
+
<template>
|
|
56
|
+
<g
|
|
57
|
+
viewBox="0 0 32 40"
|
|
58
|
+
width="128"
|
|
59
|
+
height="160"
|
|
60
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
61
|
+
>
|
|
62
|
+
|
|
63
|
+
<!-- Person (body and head, clearly defined) -->
|
|
64
|
+
<!-- Head -->
|
|
65
|
+
<circle cx="6.5" cy="15.5" r="2" class="line" stroke="currentColor" stroke-width="1" fill="none"/>
|
|
66
|
+
<!-- Body -->
|
|
67
|
+
<rect x="3" y="19" width="7" height="8" rx="1.3" class="line" stroke="currentColor" stroke-width="1" fill="none"/>
|
|
68
|
+
|
|
69
|
+
<!-- Person (body and head, clearly defined) -->
|
|
70
|
+
<!-- Head -->
|
|
71
|
+
<circle cx="23.5" cy="15.5" r="2" class="line" stroke="currentColor" stroke-width="1" fill="none"/>
|
|
72
|
+
<!-- Body -->
|
|
73
|
+
<rect x="20" y="19" width="7" height="8" rx="1.3" class="line" stroke="currentColor" stroke-width="1" fill="none"/>
|
|
74
|
+
|
|
75
|
+
<!-- Person (body and head, clearly defined) -->
|
|
76
|
+
<!-- Head -->
|
|
77
|
+
<circle cx="15" cy="9" r="2.5" class="fill" fill="currentColor"/>
|
|
78
|
+
<!-- Body -->
|
|
79
|
+
<rect x="10.5" y="12" width="9" height="10" rx="1.3" class="fill" fill="currentColor"/>
|
|
80
|
+
|
|
81
|
+
</g>
|
|
82
|
+
</template>
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
stroke-linecap="round"
|
|
44
44
|
/>
|
|
45
45
|
<!-- Open book (fill color) -->
|
|
46
|
-
<g transform="translate(4.5,5) scale(1.5)">
|
|
46
|
+
<!-- <g transform="translate(4.5,5) scale(1.5)">
|
|
47
47
|
<path
|
|
48
48
|
class="fill"
|
|
49
49
|
d="M1.0819,9.9388C0.9871,9.867,1.0007,9.7479,1.0007,9.7479L1.5259,3.5c0,0,0.0082-0.0688,0.0388-0.104
|
|
@@ -61,9 +61,9 @@
|
|
|
61
61
|
c-0.0275,0.042-0.0272,0.1184-0.0272,0.1184v0.5542c0,0-0.0014,0.1061,0.0849,0.1688c0.0759,0.0551,0.165,0.0596,0.2425,0.0155
|
|
62
62
|
c3.0232-1.7821,4.5982-0.8806,4.6477,0.0573c0.0045,0.0471,0.0187,0.0724,0.0423,0.1088c0.0215,0.0332,0.0827,0.069,0.1179,0.0775
|
|
63
63
|
C6.8645,12.8656,7.9112,12.9363,8.8647,12.6863z"
|
|
64
|
-
/>
|
|
65
|
-
|
|
66
|
-
|
|
64
|
+
/> -->
|
|
65
|
+
<!-- Book outline (line color, for detail) -->
|
|
66
|
+
<!-- <path
|
|
67
67
|
class="line"
|
|
68
68
|
fill="none"
|
|
69
69
|
stroke="currentColor"
|
|
@@ -84,6 +84,31 @@
|
|
|
84
84
|
c3.0232-1.7821,4.5982-0.8806,4.6477,0.0573c0.0045,0.0471,0.0187,0.0724,0.0423,0.1088c0.0215,0.0332,0.0827,0.069,0.1179,0.0775
|
|
85
85
|
C6.8645,12.8656,7.9112,12.9363,8.8647,12.6863z"
|
|
86
86
|
/>
|
|
87
|
+
</g> -->
|
|
88
|
+
<g transform="translate(1,3) scale(0.95)">
|
|
89
|
+
<path
|
|
90
|
+
class="fill"
|
|
91
|
+
d="M24,16.86l.22,1A1.5,1.5,0,0,1,23,19.62h0a1.5,1.5,0,0,1-1.79-1.13l1.63,7.32,2.93-.65Z"
|
|
92
|
+
/>
|
|
93
|
+
<polygon
|
|
94
|
+
class="fill"
|
|
95
|
+
points="21.04 17.51 20.82 16.53 20.82 16.53 21.04 17.51"
|
|
96
|
+
/>
|
|
97
|
+
<path
|
|
98
|
+
class="fill"
|
|
99
|
+
d="M22,14.74h0a1.5,1.5,0,0,1,1.79,1.14L22.12,8.56l-2.93.65,1.63,7.32A1.5,1.5,0,0,1,22,14.74Z"
|
|
100
|
+
/>
|
|
101
|
+
<rect class="fill" x="10" y="6" width="3" height="20" />
|
|
102
|
+
<path
|
|
103
|
+
class="line"
|
|
104
|
+
fill="currentColor"
|
|
105
|
+
d="M14,7V5H9V8H5V27H18V7ZM9,26H6V23.5H9Zm0-3.5H6v-4a1.5,1.5,0,0,0,3,0Zm0-6a1.5,1.5,0,0,0-3,0v-4H9Zm0-5H6V9H9ZM13,26H10V23.5h3Zm0-3.5H10V9.5h3ZM13,7V8.5H10V6h3Zm4,19H14V23.5h3Zm0-3.5H14v-11h3Zm0-12H14V8h3Z"
|
|
106
|
+
/>
|
|
107
|
+
<path
|
|
108
|
+
class="line"
|
|
109
|
+
fill="currentColor"
|
|
110
|
+
d="M22.88,7.37,18,8.45,22.12,27,27,25.92Zm-.54,16,2.92-.65-.21-1-2.93.65L19.19,9.21l2.93-.65L22.66,11l-2.92.65.21,1L22.88,12l2.93,13.18-2.93.65Z"
|
|
111
|
+
/>
|
|
87
112
|
</g>
|
|
88
113
|
</g>
|
|
89
114
|
</template>
|
|
@@ -30,10 +30,10 @@
|
|
|
30
30
|
/>
|
|
31
31
|
|
|
32
32
|
<!-- Corner dots -->
|
|
33
|
-
<circle cx="10" cy="10" r="4" class="
|
|
34
|
-
<circle cx="22" cy="10" r="4" class="
|
|
35
|
-
<circle cx="10" cy="22" r="4" class="
|
|
36
|
-
<circle cx="22" cy="22" r="4" class="
|
|
33
|
+
<circle cx="10" cy="10" r="4" class="line" stroke="currentColor" stroke-width="1" />
|
|
34
|
+
<circle cx="22" cy="10" r="4" class="line" stroke="currentColor" stroke-width="1" />
|
|
35
|
+
<circle cx="10" cy="22" r="4" class="line" stroke="currentColor" stroke-width="1" />
|
|
36
|
+
<circle cx="22" cy="22" r="4" class="line" stroke="currentColor" stroke-width="1" />
|
|
37
37
|
</g>
|
|
38
38
|
</g>
|
|
39
39
|
</template>
|
|
@@ -452,7 +452,7 @@ export default {
|
|
|
452
452
|
display: flex;
|
|
453
453
|
align-items: center;
|
|
454
454
|
justify-content: flex-start;
|
|
455
|
-
margin
|
|
455
|
+
margin: space(1) 0 0 space(1);
|
|
456
456
|
.feed-title {
|
|
457
457
|
margin-left: space(0.5);
|
|
458
458
|
}
|
|
@@ -526,7 +526,7 @@ export default {
|
|
|
526
526
|
position: absolute;
|
|
527
527
|
top: space(1);
|
|
528
528
|
}
|
|
529
|
-
.feed-title {
|
|
529
|
+
.feed-title-wrapper {
|
|
530
530
|
margin-left: 0;
|
|
531
531
|
}
|
|
532
532
|
|
|
@@ -109,12 +109,7 @@
|
|
|
109
109
|
v-if="organization.administrators[0].lastName"
|
|
110
110
|
class="asd20-school-details__leadership primary-section"
|
|
111
111
|
>
|
|
112
|
-
<asd20-list
|
|
113
|
-
headline="Leadership"
|
|
114
|
-
condensed
|
|
115
|
-
align-top
|
|
116
|
-
icon="committee"
|
|
117
|
-
/>
|
|
112
|
+
<asd20-list headline="Leadership" condensed align-top icon="group" />
|
|
118
113
|
<!-- <h2 v-if="organization.administrators[0].lastName">Leadership</h2> -->
|
|
119
114
|
<h3>
|
|
120
115
|
<b>
|
|
@@ -207,7 +202,7 @@
|
|
|
207
202
|
"
|
|
208
203
|
class="asd20-school-details__unique-offerings primary-section"
|
|
209
204
|
headline="Unique Offerings"
|
|
210
|
-
icon="
|
|
205
|
+
icon="technology"
|
|
211
206
|
/>
|
|
212
207
|
|
|
213
208
|
<asd20-list
|
|
@@ -242,7 +237,7 @@
|
|
|
242
237
|
]"
|
|
243
238
|
class="asd20-school-details__unique-offerings primary-section"
|
|
244
239
|
headline="Preschool Offered"
|
|
245
|
-
icon="
|
|
240
|
+
icon="thumb"
|
|
246
241
|
/>
|
|
247
242
|
</section>
|
|
248
243
|
|