@asd20/ui-next 2.0.3 → 2.0.5

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.
Files changed (41) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/package.json +1 -1
  3. package/src/components/atoms/Asd20Badge/index.vue +1 -0
  4. package/src/components/molecules/Asd20Share/index.vue +1 -0
  5. package/src/components/molecules/Asd20WidgetGroup.vue +1 -1
  6. package/src/components/organisms/Asd20AiSearch/index.vue +4 -0
  7. package/src/components/organisms/Asd20CampusHeader/index.vue +5 -7
  8. package/src/components/organisms/Asd20ImageGallery/index.vue +1 -0
  9. package/src/components/organisms/Asd20ImageHeader/index.vue +4 -6
  10. package/src/components/organisms/Asd20PageHeader/index.vue +4 -6
  11. package/src/components/organisms/Asd20SiteMenu/index.vue +2 -0
  12. package/src/components/organisms/Asd20SiteNavigation/index.vue +10 -8
  13. package/src/components/organisms/Asd20SiteSearch/index.vue +1 -0
  14. package/src/components/templates/Asd20AppTemplate/index.vue +18 -24
  15. package/src/components/templates/Asd20ArticleDigestCompactTemplate/index.vue +20 -26
  16. package/src/components/templates/Asd20ArticleDigestTemplate/index.vue +20 -26
  17. package/src/components/templates/Asd20ArticleListTemplate/index.vue +20 -26
  18. package/src/components/templates/Asd20ArticleTemplate/index.vue +14 -18
  19. package/src/components/templates/Asd20BasePageTemplate/index.vue +26 -34
  20. package/src/components/templates/Asd20CampusDetailTemplate/index.vue +20 -26
  21. package/src/components/templates/Asd20CampusTemplate/index.vue +50 -58
  22. package/src/components/templates/Asd20ClubsTemplate/index.vue +20 -26
  23. package/src/components/templates/Asd20DetailAlternateTemplate/index.vue +20 -26
  24. package/src/components/templates/Asd20DetailImageFullTemplate/index.vue +20 -26
  25. package/src/components/templates/Asd20DetailImageTemplate/index.vue +20 -26
  26. package/src/components/templates/Asd20DetailTemplate/index.vue +20 -26
  27. package/src/components/templates/Asd20DistrictHomeTemplate/index.vue +45 -55
  28. package/src/components/templates/Asd20DistrictVideoTemplate/index.vue +45 -55
  29. package/src/components/templates/Asd20FileListPageTemplate/index.vue +20 -26
  30. package/src/components/templates/Asd20GroupFeatureTemplate/index.vue +20 -26
  31. package/src/components/templates/Asd20LoginsTemplate/index.vue +21 -27
  32. package/src/components/templates/Asd20PeopleFeatureTemplate/index.vue +20 -26
  33. package/src/components/templates/Asd20ProfileTemplate/index.vue +20 -26
  34. package/src/components/templates/Asd20SalaryCalculatorTemplate/index.vue +20 -26
  35. package/src/components/templates/Asd20SchoolHomeTemplate/index.vue +84 -96
  36. package/src/components/templates/Asd20SchoolHomeVideoTemplate/index.vue +81 -93
  37. package/src/components/templates/Asd20WayfindingAccessibilityTemplate/index.vue +21 -27
  38. package/src/components/templates/Asd20WayfindingAlternateTemplate/index.vue +21 -27
  39. package/src/components/templates/Asd20WayfindingImageTemplate/index.vue +21 -27
  40. package/src/components/templates/Asd20WayfindingTemplate/index.vue +21 -27
  41. package/src/design/_template.scss +7 -5
package/src/components/templates/Asd20WayfindingImageTemplate/index.vue CHANGED
@@ -17,14 +17,12 @@
17
17
  </asd20-site-navigation>
18
18
 
19
19
  <!-- Banner Notifications -->
20
- <client-only>
21
- <asd20-notification-group
22
- :notifications="activeNotificationsByType.banner"
23
- group-type="banner"
24
- @dismiss="$emit('dismiss-notification', $event)"
25
- @toggle-all="$emit('toggle-all')"
26
- ></asd20-notification-group>
27
- </client-only>
20
+ <asd20-notification-group
21
+ :notifications="activeNotificationsByType.banner"
22
+ group-type="banner"
23
+ @dismiss="$emit('dismiss-notification', $event)"
24
+ @toggle-all="$emit('toggle-all')"
25
+ ></asd20-notification-group>
28
26
 
29
27
  <!-- Page Header -->
30
28
  <asd20-image-header
@@ -39,30 +37,26 @@
39
37
  >
40
38
  <!-- Floating Notifications -->
41
39
  <template #top>
42
- <client-only>
43
- <asd20-notification-group
44
- class="asd20-notification-group--floating"
45
- :notifications="activeNotificationsByType.floating"
46
- :total-dismissed-notifications="totalDismissedNotifications"
47
- group-type="floating"
48
- @dismiss="$emit('dismiss-notification', $event)"
49
- @toggle-all="$emit('toggle-all')"
50
- ></asd20-notification-group>
51
- </client-only>
40
+ <asd20-notification-group
41
+ class="asd20-notification-group--floating"
42
+ :notifications="activeNotificationsByType.floating"
43
+ :total-dismissed-notifications="totalDismissedNotifications"
44
+ group-type="floating"
45
+ @dismiss="$emit('dismiss-notification', $event)"
46
+ @toggle-all="$emit('toggle-all')"
47
+ ></asd20-notification-group>
52
48
  </template>
53
49
  <!-- <template #top><asd20-breadcrumb :links="breadcrumbLinks"></asd20-breadcrumb></template> -->
54
50
  </asd20-image-header>
55
51
 
56
52
  <!-- Inline-Notifications -->
57
- <client-only>
58
- <asd20-notification-group
59
- class="asd20-notification-group--inline"
60
- :notifications="activeNotificationsByType.inline"
61
- group-type="inline"
62
- @dismiss="$emit('dismiss-notification', $event)"
63
- @toggle-all="$emit('toggle-all')"
64
- ></asd20-notification-group>
65
- </client-only>
53
+ <asd20-notification-group
54
+ class="asd20-notification-group--inline"
55
+ :notifications="activeNotificationsByType.inline"
56
+ group-type="inline"
57
+ @dismiss="$emit('dismiss-notification', $event)"
58
+ @toggle-all="$emit('toggle-all')"
59
+ ></asd20-notification-group>
66
60
 
67
61
  <!-- Page Content -->
68
62
  <asd20-page-content
package/src/components/templates/Asd20WayfindingTemplate/index.vue CHANGED
@@ -17,14 +17,12 @@
17
17
  </asd20-site-navigation>
18
18
 
19
19
  <!-- Banner Notifications -->
20
- <client-only>
21
- <asd20-notification-group
22
- :notifications="activeNotificationsByType.banner"
23
- group-type="banner"
24
- @dismiss="$emit('dismiss-notification', $event)"
25
- @toggle-all="$emit('toggle-all')"
26
- ></asd20-notification-group>
27
- </client-only>
20
+ <asd20-notification-group
21
+ :notifications="activeNotificationsByType.banner"
22
+ group-type="banner"
23
+ @dismiss="$emit('dismiss-notification', $event)"
24
+ @toggle-all="$emit('toggle-all')"
25
+ ></asd20-notification-group>
28
26
 
29
27
  <!-- Page Header -->
30
28
  <asd20-page-header
@@ -39,30 +37,26 @@
39
37
  >
40
38
  <!-- Floating Notifications -->
41
39
  <template #top>
42
- <client-only>
43
- <asd20-notification-group
44
- class="asd20-notification-group--floating"
45
- :notifications="activeNotificationsByType.floating"
46
- :total-dismissed-notifications="totalDismissedNotifications"
47
- group-type="floating"
48
- @dismiss="$emit('dismiss-notification', $event)"
49
- @toggle-all="$emit('toggle-all')"
50
- ></asd20-notification-group>
51
- </client-only>
40
+ <asd20-notification-group
41
+ class="asd20-notification-group--floating"
42
+ :notifications="activeNotificationsByType.floating"
43
+ :total-dismissed-notifications="totalDismissedNotifications"
44
+ group-type="floating"
45
+ @dismiss="$emit('dismiss-notification', $event)"
46
+ @toggle-all="$emit('toggle-all')"
47
+ ></asd20-notification-group>
52
48
  </template>
53
49
  <!-- <template #top><asd20-breadcrumb :links="breadcrumbLinks"></asd20-breadcrumb></template> -->
54
50
  </asd20-page-header>
55
51
 
56
52
  <!-- Inline-Notifications -->
57
- <client-only>
58
- <asd20-notification-group
59
- class="asd20-notification-group--inline"
60
- :notifications="activeNotificationsByType.inline"
61
- group-type="inline"
62
- @dismiss="$emit('dismiss-notification', $event)"
63
- @toggle-all="$emit('toggle-all')"
64
- ></asd20-notification-group>
65
- </client-only>
53
+ <asd20-notification-group
54
+ class="asd20-notification-group--inline"
55
+ :notifications="activeNotificationsByType.inline"
56
+ group-type="inline"
57
+ @dismiss="$emit('dismiss-notification', $event)"
58
+ @toggle-all="$emit('toggle-all')"
59
+ ></asd20-notification-group>
66
60
 
67
61
  <!-- Page Content -->
68
62
  <asd20-page-content
package/src/design/_template.scss CHANGED
@@ -1,12 +1,14 @@
1
+ @use './variables';
2
+
1
3
  @mixin template {
2
4
  .page-enter-active, .page-leave-active {
3
5
  transition: opacity .5s;
4
6
  }
5
- .page-enter, .page-leave-to {
7
+ .page-enter, .page-enter-from, .page-leave-to {
6
8
  opacity: 0;
7
9
  }
8
10
  .notification-group--inline {
9
- margin: space(1);
11
+ margin: variables.space(1);
10
12
  }
11
13
 
12
14
  .asd20-widgets-section {
@@ -14,7 +16,7 @@
14
16
  // background-image: var(--website-texture__default);
15
17
  // background-position-y: top;
16
18
 
17
- padding: space(0.5);
19
+ padding: variables.space(0.5);
18
20
  }
19
21
  main .asd20-widgets-section {
20
22
  // margin-bottom: space(-1);
@@ -23,10 +25,10 @@
23
25
 
24
26
  @mixin template-desktop {
25
27
  .notification-group--inline {
26
- margin: space(1) space(3);
28
+ margin: variables.space(1) variables.space(3);
27
29
  }
28
30
  .asd20-widgets-section {
29
- padding: space(2);
31
+ padding: variables.space(2);
30
32
  margin: 0;
31
33
  // & > * {
32
34
  // padding: space(2) space(4) space(2) space(4);