@worksafevictoria/wcl7.5 1.6.0 → 1.7.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@worksafevictoria/wcl7.5",
-  "version": "1.6.0",
+  "version": "1.7.0",
   "main": "src/index.js",
   "license": "MIT",
   "repository": {
@@ -49,7 +49,8 @@
     "storybook-addon-deep-controls": "^0.6.2",
     "vue": "^3.3.4",
     "vue-google-charts": "^1.1.0",
-    "vue-scrollto": "^2.20.0"
+    "vue-scrollto": "^2.20.0",
+    "vue3-google-map": "^0.21.1"
   },
   "resolutions": {
     "formiojs": "4.13.13"

package/src/components/Common/CardGridItem/card-grid-item-icon.vue

@@ -23,26 +23,11 @@
         [`card-grid-item-icon--icon-bordered-${iconSize}`]: iconIsBordered
       }"
       :glyph="glyphSrc"
+      :key="computedIconSize"
       icon-alt="alt"
-      :height="
-        iconSize === 'xsmall'
-          ? 16
-          : iconSize === 'small'
-          ? 32
-          : iconSize === 'medium'
-          ? 64
-          : 80
-      "
-      :width="
-        iconSize === 'xsmall'
-          ? 16
-          : iconSize === 'small'
-          ? 32
-          : iconSize === 'medium'
-          ? 64
-          : 80
-      "
       :bordered="iconIsBordered"
+      :height="computedIconSize"
+      :width="computedIconSize"
     />
     <component
       :is="glyphComponent"
@@ -98,6 +83,17 @@ export default {
       type: Boolean
     }
   },
+  computed: {
+    computedIconSize() {
+      return this.iconSize === 'xsmall'
+        ? 16
+        : this.iconSize === 'small'
+        ? 32
+        : this.iconSize === 'medium'
+        ? 64
+        : 80;
+    }
+  },
   data() {
     return {
       arrowRight,
@@ -119,7 +115,7 @@ export default {
     border-radius: 8px;
     width: 100%;
     height: 170px;
-    background-size: cover;
+    background-size: contain;
     background-position: center center;
 
     &-lg {

package/src/components/Global/AppFooter/styles.scss

@@ -257,6 +257,9 @@ $whitesmoke: #f3f3f3 !default;
         :deep(path) {
           fill: white;
         }
+        :deep(.icon) {
+          filter: invert(100%) sepia(5%) saturate(49%) hue-rotate(165deg) brightness(119%) contrast(100%);
+        }
       }
 
       @media screen and (max-width: 767px) {

package/src/components/Global/DirectoryFilters/index.vue

@@ -27,6 +27,8 @@
           @cleared="$emit('locationCleared')"
         />
       </column>
+      <span class="d-none">{{ filters }}</span>
+      <span class="d-none">{{ filters.taxonomies.map(taxonomy => taxonomy.name).join(', ') }}</span>
       <column
         :md="!bundle ? 12 : bundle === 'isp' ? 4 : 8"
         :sm="!bundle ? 12 : bundle === 'isp' ? 6 : 12"
@@ -163,6 +165,7 @@ export default {
     background-position: 96% 12px;
     margin-bottom: 16px;
     transition: none;
+    background-image: url('./../../../assets/icons/search.svg')
   }
   &__filterButton {
     display: inline-block;