toggle-components-library 1.39.9 → 1.39.10-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "toggle-components-library",
-    "version": "1.39.9",
+    "version": "1.39.10-beta.1",
     "private": false,
     "scripts": {
         "serve": "vue-cli-service serve",

package/src/assets/icons/airship-journey-icon-hover.svg

@@ -0,0 +1,3 @@
+<svg width="60" height="57" viewBox="0 0 60 57"  xmlns="http://www.w3.org/2000/svg">
+<path d="M59.2687 4.3532C58.2487 16.7206 48.634 26.3174 36.7882 27.7708C36.4326 21.0492 33.9401 14.8194 29.9176 9.82267C35.0761 3.27941 43.3133 -0.648646 52.2485 0.0882839L55.9096 0.390227C57.9346 0.557239 59.4357 2.32819 59.2687 4.3532ZM0.0883121 6.84417C0.255324 4.81916 2.02628 3.31807 4.05128 3.48508L7.71231 3.78703C21.8645 4.95422 32.3931 17.3757 31.2259 31.5278L29.4143 53.494C29.2472 55.519 27.4763 57.0201 25.4513 56.8531C23.4263 56.6861 21.9252 54.9151 22.0922 52.8901L23.6019 34.585C9.44975 33.4178 -1.07889 20.9963 0.0883121 6.84417Z" fill="#477ef6"/>
+</svg>

package/src/assets/icons/airship-journey-icon.svg

@@ -0,0 +1,3 @@
+<svg width="60" height="57" viewBox="0 0 60 57" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M59.2687 4.3532C58.2487 16.7206 48.634 26.3174 36.7882 27.7708C36.4326 21.0492 33.9401 14.8194 29.9176 9.82267C35.0761 3.27941 43.3133 -0.648646 52.2485 0.0882839L55.9096 0.390227C57.9346 0.557239 59.4357 2.32819 59.2687 4.3532ZM0.0883121 6.84417C0.255324 4.81916 2.02628 3.31807 4.05128 3.48508L7.71231 3.78703C21.8645 4.95422 32.3931 17.3757 31.2259 31.5278L29.4143 53.494C29.2472 55.519 27.4763 57.0201 25.4513 56.8531C23.4263 56.6861 21.9252 54.9151 22.0922 52.8901L23.6019 34.585C9.44975 33.4178 -1.07889 20.9963 0.0883121 6.84417Z" fill="#354C63"/>
+</svg>

package/src/components/forms/ToggleColourPicker.vue

@@ -8,7 +8,12 @@
                 <span class="toggle-color-picker-current-color" :style="'background-color: ' + borderColour" @click="togglePicker()"></span>
             </div>
 
-            <chrome-picker class="toggle-chrome-picker" :value="colors" v-if="displayPicker"  @input="updateFromPicker"/>
+            <chrome-picker class="toggle-chrome-picker" 
+                :disableAlpha="disableAlpha"
+                :value="colors" 
+                v-if="displayPicker"  
+                @input="updateFromPicker"
+            />
 
             <label
                 class="toggle-input-label-error" 
@@ -68,6 +73,11 @@ export default {
                 type: String,
                 required: false
             },
+            disableAlpha: {
+                type: Boolean,
+                required: false,
+                default: false
+            }
         },  
         data : function(){
             return {

package/src/sass/includes/_as_navs.scss

@@ -541,6 +541,16 @@
                   animation: tilt-shake 0.4s;
                   background-image: url("../assets/icons/airship-rewards-icon-hover.svg");
                 }
+        &.airship-journey-icon a::before,
+        &.airship-journey-icon span::before {
+          background-image: url("../assets/icons/airship-journey-icon.svg");
+        }
+
+                &.airship-journey-icon a:hover::before,
+                &.airship-journey-icon span:hover::before {
+                  animation: tilt-shake 0.4s;
+                  background-image: url("../assets/icons/airship-journey-icon-hover.svg");
+                }
       }
     }