@asd20/ui 3.2.1027 → 3.2.1029

package/package.json

@@ -5,7 +5,7 @@
     "*.scss",
     "*.vue"
   ],
-  "version": "3.2.1027",
+  "version": "3.2.1029",
   "private": false,
   "license": "MIT",
   "repository": {

package/src/components/molecules/Asd20Share/index.vue

@@ -2,7 +2,7 @@
   <div class="asd20-share">
     <asd20-button
       icon="share-alt"
-      size="sm"
+      size="md"
       label="Share"
       horizontal
       hide-label

package/src/components/organisms/Asd20ImageHeader/index.vue

@@ -213,14 +213,8 @@ export default {
     isDetailPage() {
       if (typeof window === 'undefined') return false
       return (
-        window.location.pathname
-          .replace(/\/$/, '')
-          .split('/')
-          .pop() ===
-        this.detailLink
-          .replace(/\/$/, '')
-          .split('/')
-          .pop()
+        window.location.pathname.replace(/\/$/, '').split('/').pop() ===
+        this.detailLink.replace(/\/$/, '').split('/').pop()
       )
     },
     styles() {
@@ -314,6 +308,12 @@ export default {
         font-size: 0.875em !important;
         padding-right: 0.5rem;
       }
+      &::v-deep .asd20-icon {
+        width: 32px !important;
+        height: 32px !important;
+        --line-color: var(--website-icon__icon-line-color) !important;
+        --fill-color: var(--website-menu__icon-fill-color) !important;
+      }
       &:hover,
       &:focus {
         color: var(--website-button__foreground-color);
@@ -327,17 +327,18 @@ export default {
       padding: 0 1em 0 0.5em;
       &::v-deep .asd20-select-input {
         color: var(--website-page__foreground-color) !important;
+        .asd20-icon {
+          width: 32px !important;
+          height: 32px !important;
+          --line-color: var(--website-icon__icon-line-color) !important;
+          --fill-color: var(--website-menu__icon-fill-color) !important;
+        }
       }
     }
     .asd20-language-loader {
       order: 1;
     }
-    &::v-deep .asd20-icon {
-      width: 32px !important;
-      height: 32px !important;
-      --line-color: var(--website-icon__icon-line-color) !important;
-      --fill-color: var(--website-menu__icon-fill-color) !important;
-    }
+
     &::v-deep .asd20-select-input {
       margin-bottom: 0;
     }

package/src/components/organisms/Asd20NotificationGroup/index.vue

@@ -292,7 +292,7 @@ export default {
       // color: #000000;
       // fill: #80B3C0;
       // fill: var(--color__accent);
-      color: var(--website-menu__icon-line-color) !important;
+      color: var(--website-icon__icon-line-color) !important;
       fill: var(--website-menu__icon-fill-color) !important;
     }
 

package/src/components/organisms/Asd20PageHeader/index.vue

@@ -338,6 +338,12 @@ export default {
           font-size: 0.875em !important;
           padding-right: 0.5rem;
         }
+        &::v-deep .asd20-icon {
+          width: 32px !important;
+          height: 32px !important;
+          --line-color: var(--website-icon__icon-line-color) !important;
+          --fill-color: var(--website-menu__icon-fill-color) !important;
+        }
         &:hover,
         &:focus {
           color: var(--website-button__foreground-color);
@@ -349,12 +355,15 @@ export default {
         background: rgba(255, 255, 255, 0.9);
         border-radius: 3rem;
         padding: 0 1em 0 0.5em;
-      }
-      &::v-deep .asd20-icon {
-        width: 32px !important;
-        height: 32px !important;
-        --line-color: var(--website-icon__icon-line-color) !important;
-        --fill-color: var(--website-menu__icon-fill-color) !important;
+        &::v-deep .asd20-select-input {
+          color: var(--website-page__foreground-color) !important;
+          .asd20-icon {
+            width: 32px !important;
+            height: 32px !important;
+            --line-color: var(--website-icon__icon-line-color) !important;
+            --fill-color: var(--website-menu__icon-fill-color) !important;
+          }
+        }
       }
     }
 

package/src/components/templates/Asd20ArticleDigestCompactTemplate/index.vue

@@ -298,11 +298,8 @@ export default {
     Asd20PageFooter,
     Asd20SiteNavigation,
     Asd20WidgetsSection,
-    Asd20FeedsSection,
     Asd20NotificationGroup,
     Asd20QuicklinksMenu,
-    Asd20SearchField,
-    Asd20MultiselectInput,
     Asd20Card,
     Asd20Button,
     Intersect,
@@ -506,7 +503,7 @@ export default {
     margin-top: 0;
     .asd20-notification-group--floating {
       position: absolute;
-      top: space(1);
+      top: space(0.75);
     }
     .notification-group--inline {
       margin: space(2) space(3) space(1) space(3);

package/src/components/templates/Asd20ArticleDigestTemplate/index.vue

@@ -424,20 +424,6 @@ export default {
   .asd20-notification-group--floating {
     position: absolute;
     top: space(2.0375);
-    // .bell {
-    //   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
-    //   svg {
-    //     fill: var(--color__accent) !important;
-    //   }
-    //   span {
-    //     background: var(--color__accent) !important;
-    //     top: inherit !important;
-    //     right: inherit !important;
-    //     width: 1.2rem !important;
-    //     height: 1.2rem !important;
-    //     font-size: 0.75rem !important;
-    //   }
-    // }
   }
   .notification-group--inline {
     margin: space(2) space(1) space(1) space(1);
@@ -448,12 +434,6 @@ export default {
     }
     .asd20-card {
       margin: space(1) space(1) space(2) space(1);
-      // &__date-time {
-      //   display: none;
-      // }
-      // &__description {
-      //   display: none;
-      // }
     }
 
     .article-pagination {
@@ -530,14 +510,7 @@ export default {
     margin-top: 0;
     .asd20-notification-group--floating {
       position: absolute;
-      top: space(1);
-      // .bell {
-      //   span {
-      //     background: var(--color__accent);
-      //     top: -0.6em !important;
-      //     right: -0.6em !important;
-      //   }
-      // }
+      top: space(0.75);
     }
     .notification-group--inline {
       margin: space(2) space(3) space(1) space(3);

package/src/components/templates/Asd20ArticleListTemplate/index.vue

@@ -467,20 +467,6 @@ export default {
   .asd20-notification-group--floating {
     position: absolute;
     top: space(2.0375);
-    // .bell {
-    //   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
-    //   svg {
-    //     fill: var(--color__accent) !important;
-    //   }
-    //   span {
-    //     background: var(--color__accent) !important;
-    //     top: inherit !important;
-    //     right: inherit !important;
-    //     width: 1.2rem !important;
-    //     height: 1.2rem !important;
-    //     font-size: 0.75rem !important;
-    //   }
-    // }
   }
   .feed-title {
     margin: space(1) 0 0 0;
@@ -591,14 +577,7 @@ export default {
     margin-top: 0;
     .asd20-notification-group--floating {
       position: absolute;
-      top: space(1);
-      // .bell {
-      //   span {
-      //     background: var(--color__accent);
-      //     top: -0.6em !important;
-      //     right: -0.6em !important;
-      //   }
-      // }
+      top: space(0.75);
     }
     .feed-title {
       margin-left: 0;

package/src/components/templates/Asd20ArticleTemplate/index.vue

@@ -161,7 +161,6 @@ export default {
     Asd20PageFooter,
     Asd20SiteNavigation,
     Asd20WidgetsSection,
-    Asd20FeedsSection,
     Asd20NotificationGroup,
     Asd20QuicklinksMenu,
     Asd20MediaSection,
@@ -192,24 +191,7 @@ export default {
   .asd20-notification-group--floating {
     position: absolute;
     top: space(2.0375);
-    // .bell {
-    //   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
-    //   svg {
-    //     fill: var(--color__accent) !important;
-    //   }
-    //   span {
-    //     background: var(--color__accent) !important;
-    //     top: inherit !important;
-    //     right: inherit !important;
-    //     width: 1.2rem !important;
-    //     height: 1.2rem !important;
-    //     font-size: 0.75rem !important;
-    //   }
-    // }
   }
-  // .asd20-page-content h2 {
-  //   font-size: 20.8px !important;
-  // }
 }
 
 @media (min-width: 1024px) {
@@ -219,14 +201,7 @@ export default {
     margin-top: 0;
     .asd20-notification-group--floating {
       position: absolute;
-      top: space(1);
-      // .bell {
-      //   span {
-      //     background: var(--color__accent);
-      //     top: -0.6em !important;
-      //     right: -0.6em !important;
-      //   }
-      // }
+      top: space(0.75);
     }
     .notification-group--inline {
       margin: space(2) space(3) space(1) space(3);

package/src/components/templates/Asd20CampusDetailTemplate/index.vue

@@ -146,16 +146,9 @@
 // Components
 import Asd20SkipTo from '../../../components/atoms/Asd20SkipTo'
 import Asd20PageHeader from '../../../components/organisms/Asd20PageHeader'
-
-// import Asd20SiteNavigation from '../../../components/organisms/Asd20SiteNavigation'
 import Asd20PageContent from '../../../components/organisms/Asd20PageContent'
-
-// import Asd20WidgetsSection from '../../../components/organisms/Asd20WidgetsSection'
-// import Asd20FeedsSection from '../../../components/organisms/Asd20FeedsSection'
 import Asd20MediaSection from '../../../components/organisms/Asd20MediaSection'
-
 import Asd20PageFooter from '../../../components/organisms/Asd20PageFooter'
-// import Asd20QuicklinksMenu from '../../../components/organisms/Asd20QuicklinksMenu'
 import Asd20NotificationGroup from '../../../components/organisms/Asd20NotificationGroup'
 
 // Mixins
@@ -169,11 +162,7 @@ export default {
     Asd20SkipTo,
     Asd20PageHeader,
     Asd20PageFooter,
-    // Asd20SiteNavigation,
-    // Asd20WidgetsSection,
-    // Asd20FeedsSection,
     Asd20NotificationGroup,
-    // Asd20QuicklinksMenu,
     Asd20MediaSection,
   },
 }
@@ -213,16 +202,9 @@ export default {
       justify-content: space-between;
       align-items: stretch;
       flex-wrap: wrap;
-    //   .asd20-widgets-section {
-    //     flex-basis: 25%;
-    //     padding: space(2) space(3) 0 0;
-    //     background: none;
-    //   }
+
     }
-    // .notification-group--inline {
-    //   flex-basis: 100%;
-    //   margin-bottom: 0 !important;
-    // }
+
     .primary-messaging-section {
       max-width: 50vw;
     }

package/src/components/templates/Asd20ClubsTemplate/index.vue

@@ -354,33 +354,7 @@ export default {
         .filter(s => !s.categories.some(c => c.includes('Clubs:')))
         .slice(0, 10)
     },
-    // categoryOptions() {
-    //   // get a unique array of categories with duplicates removed
-    //   return [
-    //     ...new Set(
-    //       this.cards.reduce((a, c) => a.concat(c.categories || []), []).sort()
-    //     ),
-    //   ]
-    // },
-    // computedCategoryOptions() {
-    //   // get a unique array of categories with duplicates removed
-    //   if (this.categoryOptions.length === 0) {
-    //     return [
-    //       ...new Set(
-    //         this.cards.reduce((a, c) => a.concat(c.categories || []), []).sort()
-    //       ),
-    //     ]
-    //   }
-    //   return this.categoryOptions
-    // },
   },
-  // watch: {
-  //   selectedCategories: function(newVal, oldVal) {
-  //     if (newVal !== oldVal) {
-  //       this.reset()
-  //     }
-  //   },
-  // },
   mounted() {
     this.$nextTick(() => {
       this.$emit('announcements-in-view')
@@ -524,7 +498,7 @@ export default {
     margin-top: 0;
     .asd20-notification-group--floating {
       position: absolute;
-      top: space(1);
+      top: space(0.75);
     }
     .feed-title-wrapper {
       margin-left: 0;

package/src/components/templates/Asd20DetailAlternateTemplate/index.vue

@@ -282,7 +282,7 @@ export default {
     margin-top: 0;
     .asd20-notification-group--floating {
       position: absolute;
-      top: space(1);
+      top: space(0.75);
     }
     .notification-group--inline {
       flex-basis: 100%;

package/src/components/templates/Asd20DetailImageFullTemplate/index.vue

@@ -265,7 +265,7 @@ export default {
     margin-top: 0;
     .asd20-notification-group--floating {
       position: absolute;
-      top: space(1);
+      top: space(0.75);
     }
     .notification-group--inline {
       margin: space(2) space(3) space(1) space(3);

package/src/components/templates/Asd20DetailImageTemplate/index.vue

@@ -258,7 +258,7 @@ export default {
     margin-top: 0;
     .asd20-notification-group--floating {
       position: absolute;
-      top: space(1);
+      top: space(0.75);
     }
     .notification-group--inline {
       margin: space(2) space(3) space(1) space(3);

package/src/components/templates/Asd20DetailTemplate/index.vue

@@ -252,7 +252,7 @@ export default {
     margin-top: 0;
     .asd20-notification-group--floating {
       position: absolute;
-      top: space(1);
+      top: space(0.75);
     }
     .notification-group--inline {
       margin: space(2) space(3) space(1) space(3);

package/src/components/templates/Asd20FileListPageTemplate/index.vue

@@ -200,20 +200,6 @@ export default {
   .asd20-notification-group--floating {
     position: absolute;
     top: space(2.0375);
-    // .bell {
-    //   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
-    //   svg {
-    //     fill: var(--color__accent) !important;
-    //   }
-    //   span {
-    //     background: var(--color__accent) !important;
-    //     top: inherit !important;
-    //     right: inherit !important;
-    //     width: 1.2rem !important;
-    //     height: 1.2rem !important;
-    //     font-size: 0.75rem !important;
-    //   }
-    // }
   }
   .fileList {
     padding: space(1);
@@ -233,23 +219,6 @@ export default {
     }
   }
 }
-// @media (max-width: 1023px) {
-//   .asd20-template-file-list {
-//     .fileList {
-//       flex-direction: row;
-//       &::v-deep .asd20-list__header {
-//         padding: 0 space(0.75);
-//       }
-//       &::v-deep .asd20-list-category {
-//         padding-left: space(1);
-//       }
-//       &::v-deep .asd20-list-item {
-//         padding-left: space(1);
-//         padding-right: space(1);
-//       }
-//     }
-//   }
-// }
 
 @media (min-width: 1024px) {
   .asd20-template-file-list {
@@ -258,14 +227,7 @@ export default {
     margin-top: 0;
     .asd20-notification-group--floating {
       position: absolute;
-      top: space(1);
-      // .bell {
-      //   span {
-      //     background: var(--color__accent);
-      //     top: -0.6em !important;
-      //     right: -0.6em !important;
-      //   }
-      // }
+      top: space(0.75);
     }
     .notification-group--inline {
       margin: space(2) space(3) space(1) space(3);

package/src/components/templates/Asd20LoginsTemplate/index.vue

@@ -374,20 +374,6 @@ export default {
     right: space(0.85);
     top: space(2.0375);
     z-index: 101;
-    // .bell {
-    //   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
-    //   svg {
-    //     fill: var(--color__accent) !important;
-    //   }
-    //   span {
-    //     background: var(--color__accent) !important;
-    //     top: inherit !important;
-    //     right: inherit !important;
-    //     width: 1.2rem !important;
-    //     height: 1.2rem !important;
-    //     font-size: 0.75rem !important;
-    //   }
-    // }
   }
   .notification-group--inline {
     margin: space(1);
@@ -416,11 +402,6 @@ export default {
 }
 @media (min-width: 450px) {
   .asd20-template-logins {
-    // .notification-group--floating {
-    //   position: absolute;
-    //   right: space(0.85);
-    //   top: space(4.25);
-    // }
     .logins-list {
       display: flex;
       flex-direction: row;
@@ -438,14 +419,7 @@ export default {
     .notification-group--floating {
       position: absolute;
       right: space(1.85);
-      top: space(1);
-      // .bell {
-      //   span {
-      //     background: var(--color__accent);
-      //     top: -0.6em !important;
-      //     right: -0.6em !important;
-      //   }
-      // }
+      top: space(0.75);
     }
     .notification-group--inline {
       margin: space(2) space(3) space(1) space(3);

package/src/components/templates/Asd20SchoolHomeVideoTemplate/index.vue

@@ -252,14 +252,11 @@ export default {
       border: 1px solid var(--website-page__alternate-background-color);
       margin: 0 0.05rem;
       height: 2.75rem;
-      .asd20-select-input {
+      &::v-deep .asd20-select-input {
         padding: 0.375rem 0.375rem;
         color: currentColor;
         font-family: Arial, Helvetica, sans-serif;
-        &__overlay-label {
-          // display: none;
-        }
-        &::v-deep .asd20-icon {
+        .asd20-icon {
           width: 32px !important;
           height: 32px !important;
           --line-color: var(--website-icon__icon-line-color) !important;

package/src/components/templates/Asd20WayfindingAccessibilityTemplate/index.vue

@@ -282,7 +282,7 @@ export default {
   .asd20-template-wayfinding-accessibility {
     .asd20-notification-group--floating {
       position: absolute;
-      top: space(1);
+      top: space(0.75);
     }
     @include template-desktop;
     margin-left: space(3);

package/src/components/templates/Asd20WayfindingAlternateTemplate/index.vue

@@ -222,20 +222,6 @@ export default {
   .asd20-notification-group--floating {
     position: absolute;
     top: space(2.0375);
-    // .bell {
-    //   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
-    //   svg {
-    //     fill: var(--color__accent) !important;
-    //   }
-    //   span {
-    //     background: var(--color__accent) !important;
-    //     top: inherit !important;
-    //     right: inherit !important;
-    //     width: 1.2rem !important;
-    //     height: 1.2rem !important;
-    //     font-size: 0.75rem !important;
-    //   }
-    // }
   }
   .asd20-notification-group--inline {
     margin-top: space(2) !important;
@@ -295,14 +281,7 @@ export default {
   .asd20-template-wayfinding-alternate {
     .asd20-notification-group--floating {
       position: absolute;
-      top: space(1);
-      // .bell {
-      //   span {
-      //     background: var(--color__accent);
-      //     top: -0.6em !important;
-      //     right: -0.6em !important;
-      //   }
-      // }
+      top: space(0.75);
     }
     @include template-desktop;
     margin-left: space(3);
@@ -310,9 +289,6 @@ export default {
     .asd20-page-content {
       margin-top: space(0);
     }
-    // .intro-message {
-    //   width: 90%;
-    // }
   }
 }
 @media (min-width: 1790px) {

package/src/components/templates/Asd20WayfindingImageTemplate/index.vue

@@ -302,7 +302,7 @@ export default {
     margin-top: space(0);
     .asd20-notification-group--floating {
       position: absolute;
-      top: space(1);
+      top: space(0.75);
     }
     .asd20-page-content {
       padding: space(1);

package/src/components/templates/Asd20WayfindingTemplate/index.vue

@@ -218,20 +218,6 @@ export default {
   .asd20-notification-group--floating {
     position: absolute;
     top: space(2.0375);
-    // .bell {
-    //   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
-    //   svg {
-    //     fill: var(--color__accent) !important;
-    //   }
-    //   span {
-    //     background: var(--color__accent) !important;
-    //     top: inherit !important;
-    //     right: inherit !important;
-    //     width: 1.2rem !important;
-    //     height: 1.2rem !important;
-    //     font-size: 0.75rem !important;
-    //   }
-    // }
   }
   .asd20-notification-group--inline {
     margin-top: space(2) !important;
@@ -250,7 +236,6 @@ export default {
     }
 
     p {
-      // font-family: var(--website-typography__font-family-headlines);
       font-size: 1rem !important;
       line-height: 1.5;
       font-family: var(--website-typography__font-family-headlines);
@@ -263,27 +248,15 @@ export default {
         700
       );
       font-family: var(--website-typography__font-family-headlines);
-      // font-size: 36px !important;
     }
   }
-  // .asd20-messaging {
-  //   padding-bottom: space(2);
-  //   border-bottom: 10px solid var(--color__tertiary);
-  // }
 }
 
 @media (min-width: 1024px) {
   .asd20-template-wayfinding {
     .asd20-notification-group--floating {
       position: absolute;
-      top: space(1);
-      // .bell {
-      //   span {
-      //     background: var(--color__accent);
-      //     top: -0.6em !important;
-      //     right: -0.6em !important;
-      //   }
-      // }
+      top: space(0.75);
     }
     @include template-desktop;
     margin-left: space(3);
@@ -291,9 +264,6 @@ export default {
     .asd20-page-content {
       margin-top: space(0);
     }
-    // .intro-message {
-    //   width: 90%;
-    // }
   }
 }