@asd20/ui 3.2.406 → 3.2.409
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/templates/Asd20ArticleDigestTemplate/index.vue +2 -2
- package/src/components/templates/Asd20ArticleListTemplate/index.vue +2 -2
- package/src/components/templates/Asd20ArticleTemplate/index.vue +20 -34
- package/src/components/templates/Asd20DetailAlternateTemplate/index.vue +2 -2
- package/src/components/templates/Asd20DetailTemplate/index.vue +2 -2
- package/src/components/templates/Asd20DistrictHomeTemplate/index.vue +2 -2
- package/src/components/templates/Asd20DistrictVideoTemplate/index.vue +2 -2
- package/src/components/templates/Asd20FileListPageTemplate/index.vue +2 -2
- package/src/components/templates/Asd20LoginsTemplate/index.vue +2 -2
- package/src/components/templates/Asd20ProfileTemplate/index.vue +2 -2
- package/src/components/templates/Asd20SalaryCalculatorTemplate/index.vue +2 -2
- package/src/components/templates/Asd20SchoolHomeTemplate/index.vue +2 -2
- package/src/components/templates/Asd20SchoolHomeVideoTemplate/index.vue +2 -2
- package/src/components/templates/Asd20WayfindingTemplate/index.vue +2 -2
- package/src/config/configurations.json +3 -3
- package/src/data/page-queries/campus-page-query-result.json +1 -1
- package/src/data/page-queries/digest-page-query-result.json +1 -1
- package/src/data/page-queries/filelist-page-query-result.json +1 -1
- package/src/data/page-queries/home-page-query-result.json +1 -1
- package/src/data/page-queries/landing-page-query-result.json +1 -1
- package/src/data/page-queries/page-not-found.json +1 -1
- package/src/data/page-queries/profile-page-query-result.json +1 -1
- package/src/data/page-queries/salary-calculator-page-result.json +1 -1
- package/src/data/page-queries/school-home-page-query-result.json +1 -1
- package/src/data/page-queries/story-index-page-query-result.json +1 -1
- package/src/data/page-queries/sublanding-page-query-result.json +1 -1
- package/src/data/page-queries/video-page-query-result.json +1 -1
- package/src/design/tokens.base.json +3 -3
- package/src/design/tokens.css +3 -3
- package/src/design/tokens.json +3 -3
package/package.json
CHANGED
|
@@ -380,10 +380,10 @@ export default {
|
|
|
380
380
|
.bell {
|
|
381
381
|
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
|
|
382
382
|
svg {
|
|
383
|
-
fill: var(--color__accent);
|
|
383
|
+
fill: var(--color__accent) !important;
|
|
384
384
|
}
|
|
385
385
|
span {
|
|
386
|
-
background: var(--color__accent);
|
|
386
|
+
background: var(--color__accent) !important;
|
|
387
387
|
top: inherit !important;
|
|
388
388
|
right: inherit !important;
|
|
389
389
|
width: 1.2rem !important;
|
|
@@ -381,10 +381,10 @@ export default {
|
|
|
381
381
|
.bell {
|
|
382
382
|
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
|
|
383
383
|
svg {
|
|
384
|
-
fill: var(--color__accent);
|
|
384
|
+
fill: var(--color__accent) !important;
|
|
385
385
|
}
|
|
386
386
|
span {
|
|
387
|
-
background: var(--color__accent);
|
|
387
|
+
background: var(--color__accent) !important;
|
|
388
388
|
top: inherit !important;
|
|
389
389
|
right: inherit !important;
|
|
390
390
|
width: 1.2rem !important;
|
|
@@ -12,6 +12,20 @@
|
|
|
12
12
|
@toggle-all="$emit('toggle-all')"
|
|
13
13
|
/>
|
|
14
14
|
</client-only>
|
|
15
|
+
|
|
16
|
+
<!-- Site Navigation -->
|
|
17
|
+
<asd20-site-navigation
|
|
18
|
+
:navigation="navigation"
|
|
19
|
+
:action-items="actionItems"
|
|
20
|
+
@update:menuOpen="$emit('update:menuOpen', $event)"
|
|
21
|
+
:menu-open="menuOpen"
|
|
22
|
+
@update:searchOpen="$emit('update:searchOpen', $event)"
|
|
23
|
+
:search-open="searchOpen"
|
|
24
|
+
:organization="organization"
|
|
25
|
+
:organization-options="organizationOptions"
|
|
26
|
+
>
|
|
27
|
+
</asd20-site-navigation>
|
|
28
|
+
|
|
15
29
|
<!-- Page Header -->
|
|
16
30
|
<asd20-page-header
|
|
17
31
|
id="page-header"
|
|
@@ -40,18 +54,6 @@
|
|
|
40
54
|
</template>
|
|
41
55
|
</asd20-page-header>
|
|
42
56
|
|
|
43
|
-
<!-- Site Navigation -->
|
|
44
|
-
<asd20-site-navigation
|
|
45
|
-
:navigation="navigation"
|
|
46
|
-
:action-items="actionItems"
|
|
47
|
-
@update:menuOpen="$emit('update:menuOpen', $event)"
|
|
48
|
-
:menu-open="menuOpen"
|
|
49
|
-
@update:searchOpen="$emit('update:searchOpen', $event)"
|
|
50
|
-
:search-open="searchOpen"
|
|
51
|
-
:organization="organization"
|
|
52
|
-
:organization-options="organizationOptions"
|
|
53
|
-
>
|
|
54
|
-
</asd20-site-navigation>
|
|
55
57
|
<!-- Inline-Notifications -->
|
|
56
58
|
<client-only>
|
|
57
59
|
<asd20-notification-group
|
|
@@ -75,6 +77,7 @@
|
|
|
75
77
|
v-bind="widgetsSectionProps.sidebar"
|
|
76
78
|
@events-in-view="$emit('events-in-view')"
|
|
77
79
|
@files-in-view="$emit('files-in-view')"
|
|
80
|
+
@people-in-view="$emit('people-in-view')"
|
|
78
81
|
></asd20-widgets-section>
|
|
79
82
|
</asd20-page-content>
|
|
80
83
|
|
|
@@ -141,8 +144,6 @@ import Asd20PageFooter from '../../../components/organisms/Asd20PageFooter'
|
|
|
141
144
|
import Asd20QuicklinksMenu from '../../../components/organisms/Asd20QuicklinksMenu'
|
|
142
145
|
import Asd20NotificationGroup from '@asd20/notifications-ui/src/components/Asd20NotificationGroup'
|
|
143
146
|
|
|
144
|
-
// import Intersect from 'vue-intersect'
|
|
145
|
-
|
|
146
147
|
// Mixins
|
|
147
148
|
import pageTemplateMixin from '../../../mixins/pageTemplateMixin'
|
|
148
149
|
|
|
@@ -160,7 +161,6 @@ export default {
|
|
|
160
161
|
Asd20NotificationGroup,
|
|
161
162
|
Asd20QuicklinksMenu,
|
|
162
163
|
Asd20MediaSection,
|
|
163
|
-
// Intersect,
|
|
164
164
|
},
|
|
165
165
|
}
|
|
166
166
|
</script>
|
|
@@ -188,10 +188,10 @@ export default {
|
|
|
188
188
|
.bell {
|
|
189
189
|
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
|
|
190
190
|
svg {
|
|
191
|
-
fill: var(--color__accent);
|
|
191
|
+
fill: var(--color__accent) !important;
|
|
192
192
|
}
|
|
193
193
|
span {
|
|
194
|
-
background: var(--color__accent);
|
|
194
|
+
background: var(--color__accent) !important;
|
|
195
195
|
top: inherit !important;
|
|
196
196
|
right: inherit !important;
|
|
197
197
|
width: 1.2rem !important;
|
|
@@ -200,19 +200,11 @@ export default {
|
|
|
200
200
|
}
|
|
201
201
|
}
|
|
202
202
|
}
|
|
203
|
-
.notification-group--inline {
|
|
204
|
-
margin: space(1);
|
|
205
|
-
}
|
|
206
|
-
.asd20-widgets-section {
|
|
207
|
-
background: var(--website-page__alternate-background-color);
|
|
208
|
-
background-image: var(--website-texture__default);
|
|
209
|
-
background-position-y: top;
|
|
210
|
-
padding: space(1) 0;
|
|
211
|
-
}
|
|
212
203
|
}
|
|
213
204
|
|
|
214
205
|
@media (min-width: 1024px) {
|
|
215
206
|
.asd20-template-article {
|
|
207
|
+
@include template-desktop;
|
|
216
208
|
margin-left: space(3);
|
|
217
209
|
margin-top: 0;
|
|
218
210
|
.asd20-notification-group--floating {
|
|
@@ -228,10 +220,8 @@ export default {
|
|
|
228
220
|
}
|
|
229
221
|
.notification-group--inline {
|
|
230
222
|
margin: space(2) space(3) space(1) space(3);
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
padding: space(2) space(3);
|
|
234
|
-
height: min-content;
|
|
223
|
+
flex-basis: 100%;
|
|
224
|
+
margin-bottom: 0 !important;
|
|
235
225
|
}
|
|
236
226
|
|
|
237
227
|
.asd20-page-content {
|
|
@@ -246,10 +236,6 @@ export default {
|
|
|
246
236
|
background: none;
|
|
247
237
|
}
|
|
248
238
|
}
|
|
249
|
-
.notification-group--inline {
|
|
250
|
-
flex-basis: 100%;
|
|
251
|
-
margin-bottom: 0 !important;
|
|
252
|
-
}
|
|
253
239
|
.primary-messaging-section {
|
|
254
240
|
max-width: 50vw;
|
|
255
241
|
}
|
|
@@ -203,10 +203,10 @@ export default {
|
|
|
203
203
|
.bell {
|
|
204
204
|
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
|
|
205
205
|
svg {
|
|
206
|
-
fill: var(--color__accent);
|
|
206
|
+
fill: var(--color__accent) !important;
|
|
207
207
|
}
|
|
208
208
|
span {
|
|
209
|
-
background: var(--color__accent);
|
|
209
|
+
background: var(--color__accent) !important;
|
|
210
210
|
top: inherit !important;
|
|
211
211
|
right: inherit !important;
|
|
212
212
|
width: 1.2rem !important;
|
|
@@ -188,10 +188,10 @@ export default {
|
|
|
188
188
|
.bell {
|
|
189
189
|
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
|
|
190
190
|
svg {
|
|
191
|
-
fill: var(--color__accent);
|
|
191
|
+
fill: var(--color__accent) !important;
|
|
192
192
|
}
|
|
193
193
|
span {
|
|
194
|
-
background: var(--color__accent);
|
|
194
|
+
background: var(--color__accent) !important;
|
|
195
195
|
top: inherit !important;
|
|
196
196
|
right: inherit !important;
|
|
197
197
|
width: 1.2rem !important;
|
|
@@ -301,10 +301,10 @@ export default {
|
|
|
301
301
|
.bell {
|
|
302
302
|
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
|
|
303
303
|
svg {
|
|
304
|
-
fill: var(--color__accent);
|
|
304
|
+
fill: var(--color__accent) !important;
|
|
305
305
|
}
|
|
306
306
|
span {
|
|
307
|
-
background: var(--color__accent);
|
|
307
|
+
background: var(--color__accent) !important;
|
|
308
308
|
top: inherit !important;
|
|
309
309
|
right: inherit !important;
|
|
310
310
|
width: 1.2rem !important;
|
|
@@ -171,10 +171,10 @@ export default {
|
|
|
171
171
|
.bell {
|
|
172
172
|
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
|
|
173
173
|
svg {
|
|
174
|
-
fill: var(--color__accent);
|
|
174
|
+
fill: var(--color__accent) !important;
|
|
175
175
|
}
|
|
176
176
|
span {
|
|
177
|
-
background: var(--color__accent);
|
|
177
|
+
background: var(--color__accent) !important;
|
|
178
178
|
top: inherit !important;
|
|
179
179
|
right: inherit !important;
|
|
180
180
|
width: 1.2rem !important;
|
|
@@ -176,10 +176,10 @@ export default {
|
|
|
176
176
|
.bell {
|
|
177
177
|
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
|
|
178
178
|
svg {
|
|
179
|
-
fill: var(--color__accent);
|
|
179
|
+
fill: var(--color__accent) !important;
|
|
180
180
|
}
|
|
181
181
|
span {
|
|
182
|
-
background: var(--color__accent);
|
|
182
|
+
background: var(--color__accent) !important;
|
|
183
183
|
top: inherit !important;
|
|
184
184
|
right: inherit !important;
|
|
185
185
|
width: 1.2rem !important;
|
|
@@ -301,10 +301,10 @@ export default {
|
|
|
301
301
|
.bell {
|
|
302
302
|
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
|
|
303
303
|
svg {
|
|
304
|
-
fill: var(--color__accent);
|
|
304
|
+
fill: var(--color__accent) !important;
|
|
305
305
|
}
|
|
306
306
|
span {
|
|
307
|
-
background: var(--color__accent);
|
|
307
|
+
background: var(--color__accent) !important;
|
|
308
308
|
top: inherit !important;
|
|
309
309
|
right: inherit !important;
|
|
310
310
|
width: 1.2rem !important;
|
|
@@ -450,10 +450,10 @@ export default {
|
|
|
450
450
|
.bell {
|
|
451
451
|
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
|
|
452
452
|
svg {
|
|
453
|
-
fill: var(--color__accent);
|
|
453
|
+
fill: var(--color__accent) !important;
|
|
454
454
|
}
|
|
455
455
|
span {
|
|
456
|
-
background: var(--color__accent);
|
|
456
|
+
background: var(--color__accent) !important;
|
|
457
457
|
top: inherit !important;
|
|
458
458
|
right: inherit !important;
|
|
459
459
|
width: 1.2rem !important;
|
|
@@ -673,10 +673,10 @@ export default {
|
|
|
673
673
|
.bell {
|
|
674
674
|
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
|
|
675
675
|
svg {
|
|
676
|
-
fill: var(--color__accent);
|
|
676
|
+
fill: var(--color__accent) !important;
|
|
677
677
|
}
|
|
678
678
|
span {
|
|
679
|
-
background: var(--color__accent);
|
|
679
|
+
background: var(--color__accent) !important;
|
|
680
680
|
top: inherit !important;
|
|
681
681
|
right: inherit !important;
|
|
682
682
|
width: 1.2rem !important;
|
|
@@ -211,10 +211,10 @@ export default {
|
|
|
211
211
|
.bell {
|
|
212
212
|
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
|
|
213
213
|
svg {
|
|
214
|
-
fill: var(--color__accent);
|
|
214
|
+
fill: var(--color__accent) !important;
|
|
215
215
|
}
|
|
216
216
|
span {
|
|
217
|
-
background: var(--color__accent);
|
|
217
|
+
background: var(--color__accent) !important;
|
|
218
218
|
top: inherit !important;
|
|
219
219
|
right: inherit !important;
|
|
220
220
|
width: 1.2rem !important;
|
|
@@ -210,10 +210,10 @@ export default {
|
|
|
210
210
|
.bell {
|
|
211
211
|
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
|
|
212
212
|
svg {
|
|
213
|
-
fill: var(--color__accent);
|
|
213
|
+
fill: var(--color__accent) !important;
|
|
214
214
|
}
|
|
215
215
|
span {
|
|
216
|
-
background: var(--color__accent);
|
|
216
|
+
background: var(--color__accent) !important;
|
|
217
217
|
top: inherit !important;
|
|
218
218
|
right: inherit !important;
|
|
219
219
|
width: 1.2rem !important;
|
|
@@ -196,10 +196,10 @@ export default {
|
|
|
196
196
|
.bell {
|
|
197
197
|
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
|
|
198
198
|
svg {
|
|
199
|
-
fill: var(--color__accent);
|
|
199
|
+
fill: var(--color__accent) !important;
|
|
200
200
|
}
|
|
201
201
|
span {
|
|
202
|
-
background: var(--color__accent);
|
|
202
|
+
background: var(--color__accent) !important;
|
|
203
203
|
top: inherit !important;
|
|
204
204
|
right: inherit !important;
|
|
205
205
|
width: 1.2rem !important;
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
"backgroundStyle": "",
|
|
68
68
|
"buttonForegroundColor": "var(--color__on-accent)",
|
|
69
69
|
"buttonHoverBackgroundColor": "var(--color__accent-t10)",
|
|
70
|
-
"buttonHoverForegroundColor": "var(--color__on-accent
|
|
70
|
+
"buttonHoverForegroundColor": "var(--color__on-accent)",
|
|
71
71
|
"buttonBackgroundColor": "var(--color__accent)"
|
|
72
72
|
},
|
|
73
73
|
"websiteHomepageHeader": {
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
"buttonBackgroundColor": "var(--color__accent)",
|
|
78
78
|
"buttonForegroundColor": "var(--color__on-accent)",
|
|
79
79
|
"buttonHoverBackgroundColor": "var(--color__accent-t10)",
|
|
80
|
-
"buttonHoverForegroundColor": "var(--color__on-accent
|
|
80
|
+
"buttonHoverForegroundColor": "var(--color__on-accent)",
|
|
81
81
|
"foregroundColor": "var(--color__secondary-t90)",
|
|
82
82
|
"titleColor": "#fff",
|
|
83
83
|
"secondaryBackgroundColor": "var(--color__secondary)",
|
|
@@ -85,7 +85,7 @@
|
|
|
85
85
|
"secondaryButtonBackgroundColor": "var(--color__accent)",
|
|
86
86
|
"secondaryButtonForegroundColor": "var(--color__on-accent)",
|
|
87
87
|
"secondaryButtonHoverBackgroundColor": "var(--color__accent-t10)",
|
|
88
|
-
"secondaryButtonHoverForegroundColor": "var(--color__on-accent
|
|
88
|
+
"secondaryButtonHoverForegroundColor": "var(--color__on-accent)",
|
|
89
89
|
"secondaryForegroundColor": "var(--color__secondary-t90)",
|
|
90
90
|
"secondaryTitleColor": "#fff"
|
|
91
91
|
},
|
|
@@ -1989,7 +1989,7 @@
|
|
|
1989
1989
|
"id": "7d41aee0-5d68-11ea-bd6b-41dc743510b6",
|
|
1990
1990
|
"title": "Header Button Hover Foreground Color",
|
|
1991
1991
|
"type": "color",
|
|
1992
|
-
"value": "var(--color__on-accent
|
|
1992
|
+
"value": "var(--color__on-accent)",
|
|
1993
1993
|
"validationPattern": "",
|
|
1994
1994
|
"required": false
|
|
1995
1995
|
},
|
|
@@ -1752,7 +1752,7 @@
|
|
|
1752
1752
|
"id": "7d41aee0-5d68-11ea-bd6b-41dc743510b6",
|
|
1753
1753
|
"title": "Header Button Hover Foreground Color",
|
|
1754
1754
|
"type": "color",
|
|
1755
|
-
"value": "var(--color__on-accent
|
|
1755
|
+
"value": "var(--color__on-accent)",
|
|
1756
1756
|
"validationPattern": "",
|
|
1757
1757
|
"required": false
|
|
1758
1758
|
},
|
|
@@ -1717,7 +1717,7 @@
|
|
|
1717
1717
|
"id": "7d41aee0-5d68-11ea-bd6b-41dc743510b6",
|
|
1718
1718
|
"title": "Header Button Hover Foreground Color",
|
|
1719
1719
|
"type": "color",
|
|
1720
|
-
"value": "var(--color__on-accent
|
|
1720
|
+
"value": "var(--color__on-accent)",
|
|
1721
1721
|
"validationPattern": "",
|
|
1722
1722
|
"required": false
|
|
1723
1723
|
},
|
|
@@ -2251,7 +2251,7 @@
|
|
|
2251
2251
|
"id": "7d41aee0-5d68-11ea-bd6b-41dc743510b6",
|
|
2252
2252
|
"title": "Header Button Hover Foreground Color",
|
|
2253
2253
|
"type": "color",
|
|
2254
|
-
"value": "var(--color__on-accent
|
|
2254
|
+
"value": "var(--color__on-accent)",
|
|
2255
2255
|
"validationPattern": "",
|
|
2256
2256
|
"required": false
|
|
2257
2257
|
},
|
|
@@ -1935,7 +1935,7 @@
|
|
|
1935
1935
|
"id": "7d41aee0-5d68-11ea-bd6b-41dc743510b6",
|
|
1936
1936
|
"title": "Header Button Hover Foreground Color",
|
|
1937
1937
|
"type": "color",
|
|
1938
|
-
"value": "var(--color__on-accent
|
|
1938
|
+
"value": "var(--color__on-accent)",
|
|
1939
1939
|
"validationPattern": "",
|
|
1940
1940
|
"required": false
|
|
1941
1941
|
},
|
|
@@ -1565,7 +1565,7 @@
|
|
|
1565
1565
|
"id": "7d41aee0-5d68-11ea-bd6b-41dc743510b6",
|
|
1566
1566
|
"title": "Header Button Hover Foreground Color",
|
|
1567
1567
|
"type": "color",
|
|
1568
|
-
"value": "var(--color__on-accent
|
|
1568
|
+
"value": "var(--color__on-accent)",
|
|
1569
1569
|
"validationPattern": "",
|
|
1570
1570
|
"required": false
|
|
1571
1571
|
},
|
|
@@ -2360,7 +2360,7 @@
|
|
|
2360
2360
|
"id": "7d41aee0-5d68-11ea-bd6b-41dc743510b6",
|
|
2361
2361
|
"title": "Header Button Hover Foreground Color",
|
|
2362
2362
|
"type": "color",
|
|
2363
|
-
"value": "var(--color__on-accent
|
|
2363
|
+
"value": "var(--color__on-accent)",
|
|
2364
2364
|
"validationPattern": "",
|
|
2365
2365
|
"required": false
|
|
2366
2366
|
},
|
|
@@ -1862,7 +1862,7 @@
|
|
|
1862
1862
|
"id": "7d41aee0-5d68-11ea-bd6b-41dc743510b6",
|
|
1863
1863
|
"title": "Header Button Hover Foreground Color",
|
|
1864
1864
|
"type": "color",
|
|
1865
|
-
"value": "var(--color__on-accent
|
|
1865
|
+
"value": "var(--color__on-accent)",
|
|
1866
1866
|
"validationPattern": "",
|
|
1867
1867
|
"required": false
|
|
1868
1868
|
},
|
|
@@ -2051,7 +2051,7 @@
|
|
|
2051
2051
|
"id": "7d41aee0-5d68-11ea-bd6b-41dc743510b6",
|
|
2052
2052
|
"title": "Header Button Hover Foreground Color",
|
|
2053
2053
|
"type": "color",
|
|
2054
|
-
"value": "var(--color__on-accent
|
|
2054
|
+
"value": "var(--color__on-accent)",
|
|
2055
2055
|
"validationPattern": "",
|
|
2056
2056
|
"required": false
|
|
2057
2057
|
},
|
|
@@ -1747,7 +1747,7 @@
|
|
|
1747
1747
|
"id": "7d41aee0-5d68-11ea-bd6b-41dc743510b6",
|
|
1748
1748
|
"title": "Header Button Hover Foreground Color",
|
|
1749
1749
|
"type": "color",
|
|
1750
|
-
"value": "var(--color__on-accent
|
|
1750
|
+
"value": "var(--color__on-accent)",
|
|
1751
1751
|
"validationPattern": "",
|
|
1752
1752
|
"required": false
|
|
1753
1753
|
},
|
|
@@ -1864,7 +1864,7 @@
|
|
|
1864
1864
|
"id": "7d41aee0-5d68-11ea-bd6b-41dc743510b6",
|
|
1865
1865
|
"title": "Header Button Hover Foreground Color",
|
|
1866
1866
|
"type": "color",
|
|
1867
|
-
"value": "var(--color__on-accent
|
|
1867
|
+
"value": "var(--color__on-accent)",
|
|
1868
1868
|
"validationPattern": "",
|
|
1869
1869
|
"required": false
|
|
1870
1870
|
},
|
|
@@ -2109,7 +2109,7 @@
|
|
|
2109
2109
|
"id": "7d41aee0-5d68-11ea-bd6b-41dc743510b6",
|
|
2110
2110
|
"title": "Header Button Hover Foreground Color",
|
|
2111
2111
|
"type": "color",
|
|
2112
|
-
"value": "var(--color__on-accent
|
|
2112
|
+
"value": "var(--color__on-accent)",
|
|
2113
2113
|
"validationPattern": "",
|
|
2114
2114
|
"required": false
|
|
2115
2115
|
},
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
"buttonBackgroundColor": "#0e2c6c",
|
|
54
54
|
"buttonForegroundColor": "var(--color__on-accent)",
|
|
55
55
|
"buttonHoverBackgroundColor": "#0e2c6c",
|
|
56
|
-
"buttonHoverForegroundColor": "var(--color__on-accent
|
|
56
|
+
"buttonHoverForegroundColor": "var(--color__on-accent)",
|
|
57
57
|
"descriptionBackgroundColor": "var(--website-page__background-color)",
|
|
58
58
|
"descriptionForegroundColor": "var(--website-page__foreground-color)",
|
|
59
59
|
"foregroundColor": "var(--color__secondary-t90)",
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
"buttonBackgroundColor": "var(--color__accent)",
|
|
69
69
|
"buttonForegroundColor": "var(--color__on-accent)",
|
|
70
70
|
"buttonHoverBackgroundColor": "var(--color__accent-t10)",
|
|
71
|
-
"buttonHoverForegroundColor": "var(--color__on-accent
|
|
71
|
+
"buttonHoverForegroundColor": "var(--color__on-accent)",
|
|
72
72
|
"foregroundColor": "var(--color__secondary-t90)",
|
|
73
73
|
"titleColor": "#fff",
|
|
74
74
|
"secondaryBackgroundColor": "var(--color__secondary)",
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
"secondaryButtonBackgroundColor": "var(--color__accent)",
|
|
77
77
|
"secondaryButtonForegroundColor": "var(--color__on-accent)",
|
|
78
78
|
"secondaryButtonHoverBackgroundColor": "var(--color__accent-t10)",
|
|
79
|
-
"secondaryButtonHoverForegroundColor": "var(--color__on-accent
|
|
79
|
+
"secondaryButtonHoverForegroundColor": "var(--color__on-accent)",
|
|
80
80
|
"secondaryForegroundColor": "var(--color__secondary-t90)",
|
|
81
81
|
"secondaryTitleColor": "#fff"
|
|
82
82
|
},
|
package/src/design/tokens.css
CHANGED
|
@@ -124,7 +124,7 @@
|
|
|
124
124
|
--website-header__button-background-color: var(--color__accent);
|
|
125
125
|
--website-header__button-foreground-color: var(--color__on-accent);
|
|
126
126
|
--website-header__button-hover-background-color: var(--color__accent);
|
|
127
|
-
--website-header__button-hover-foreground-color: var(--color__on-accent
|
|
127
|
+
--website-header__button-hover-foreground-color: var(--color__on-accent);
|
|
128
128
|
--website-header__description-background-color: var(--website-page__background-color);
|
|
129
129
|
--website-header__description-foreground-color: var(--website-page__foreground-color);
|
|
130
130
|
--website-header__foreground-color: var(--color__secondary-t90);
|
|
@@ -137,7 +137,7 @@
|
|
|
137
137
|
--website-homepage-header__button-background-color: var(--color__accent);
|
|
138
138
|
--website-homepage-header__button-foreground-color: var(--color__on-accent);
|
|
139
139
|
--website-homepage-header__button-hover-background-color: var(--color__accent);
|
|
140
|
-
--website-homepage-header__button-hover-foreground-color: var(--color__on-accent
|
|
140
|
+
--website-homepage-header__button-hover-foreground-color: var(--color__on-accent);
|
|
141
141
|
--website-homepage-header__foreground-color: var(--color__secondary-t90);
|
|
142
142
|
--website-homepage-header__title-color: #fff;
|
|
143
143
|
--website-homepage-header__secondary-background-color: var(--color__secondary);
|
|
@@ -145,7 +145,7 @@
|
|
|
145
145
|
--website-homepage-header__secondary-button-background-color: var(--color__accent);
|
|
146
146
|
--website-homepage-header__secondary-button-foreground-color: var(--color__on-accent);
|
|
147
147
|
--website-homepage-header__secondary-button-hover-background-color: var(--color__secondary-t10);
|
|
148
|
-
--website-homepage-header__secondary-button-hover-foreground-color: var(--color__on-accent
|
|
148
|
+
--website-homepage-header__secondary-button-hover-foreground-color: var(--color__on-accent);
|
|
149
149
|
--website-homepage-header__secondary-foreground-color: var(--color__secondary-t90);
|
|
150
150
|
--website-homepage-header__secondary-title-color: #fff;
|
|
151
151
|
--website-icon__fill-color: var(--color__accent);
|
package/src/design/tokens.json
CHANGED
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
"buttonBackgroundColor": "#0e2c6c",
|
|
54
54
|
"buttonForegroundColor": "var(--color__on-accent)",
|
|
55
55
|
"buttonHoverBackgroundColor": "#0e2c6c",
|
|
56
|
-
"buttonHoverForegroundColor": "var(--color__on-accent
|
|
56
|
+
"buttonHoverForegroundColor": "var(--color__on-accent)",
|
|
57
57
|
"descriptionBackgroundColor": "var(--website-page__background-color)",
|
|
58
58
|
"descriptionForegroundColor": "var(--website-page__foreground-color)",
|
|
59
59
|
"foregroundColor": "var(--color__secondary-t90)",
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
"buttonBackgroundColor": "var(--color__accent)",
|
|
69
69
|
"buttonForegroundColor": "var(--color__on-accent)",
|
|
70
70
|
"buttonHoverBackgroundColor": "var(--color__accent-t10)",
|
|
71
|
-
"buttonHoverForegroundColor": "var(--color__on-accent
|
|
71
|
+
"buttonHoverForegroundColor": "var(--color__on-accent)",
|
|
72
72
|
"foregroundColor": "var(--color__secondary-t90)",
|
|
73
73
|
"titleColor": "#fff",
|
|
74
74
|
"secondaryBackgroundColor": "var(--color__secondary)",
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
"secondaryButtonBackgroundColor": "var(--color__accent)",
|
|
77
77
|
"secondaryButtonForegroundColor": "var(--color__on-accent)",
|
|
78
78
|
"secondaryButtonHoverBackgroundColor": "var(--color__accent-t10)",
|
|
79
|
-
"secondaryButtonHoverForegroundColor": "var(--color__on-accent
|
|
79
|
+
"secondaryButtonHoverForegroundColor": "var(--color__on-accent)",
|
|
80
80
|
"secondaryForegroundColor": "var(--color__secondary-t90)",
|
|
81
81
|
"secondaryTitleColor": "#fff"
|
|
82
82
|
},
|