OHRM5X-1786: Bump version to 1.0.7 (#628)

* OHRM5X-1786: Remove unused assets

* OHRM5X-1786: OXD glass button fix icon not displaying issue

components/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oxd-components",
-  "version": "1.0.7-alpha.7",
+  "version": "1.0.7",
   "license": "GPL-3.0",
   "scripts": {
     "test:unit": "vue-cli-service test:unit",

components/src/core/components/Button/GlassButton.vue

@@ -21,8 +21,8 @@
 
 <template>
   <button type="button" :class="btnClasses" disabled>
-    <slot v-if="!iconSrc" name="icon"></slot>
-    <img v-else :src="iconSrc" :class="iconClasses" />
+    <span v-if="icon" :class="iconClasses"></span>
+    <slot v-else name="icon"></slot>
     {{ label }}
   </button>
 </template>
@@ -53,11 +53,6 @@ export default defineComponent({
   },
 
   computed: {
-    iconSrc(): string | null {
-      return this.icon
-        ? require(`../../../assets/images/${this.icon}.png`)
-        : null;
-    },
     btnClasses(): object {
       return {
         'oxd-glass-button': true,
@@ -67,7 +62,8 @@ export default defineComponent({
     iconClasses(): object {
       return {
         'oxd-glass-button-icon': true,
-        [`oxd-glass-button-icon--disabled`]: this.disabled,
+        'oxd-glass-button-icon--disabled': this.disabled,
+        [`oxd-glass-button-icon--${this.icon}`]: this.icon,
       };
     },
   },

components/src/core/components/Button/__tests__/__snapshots__/glass-button.spec.ts.snap

@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Button > GlassButton.vue should disable OXD glass button 1`] = `<button type="button" class="oxd-glass-button oxd-glass-button--disabled" disabled="" name="Post Photo"> </button>`;
+exports[`Button > GlassButton.vue should disable OXD glass button 1`] = `<button type="button" class="oxd-glass-button oxd-glass-button--disabled" disabled="" name="Post Photo"><span class="oxd-glass-button-icon oxd-glass-button-icon--disabled oxd-glass-button-icon--cameraglass"></span> </button>`;
 
-exports[`Button > GlassButton.vue should renders OXD glass button 1`] = `<button type="button" class="oxd-glass-button" disabled="" name="Post Video"> </button>`;
+exports[`Button > GlassButton.vue should renders OXD glass button 1`] = `<button type="button" class="oxd-glass-button" disabled="" name="Post Video"><span class="oxd-glass-button-icon oxd-glass-button-icon--videoglass"></span> </button>`;

components/src/core/components/Button/_variables.scss

@@ -475,3 +475,5 @@ $oxd-glass-button-font-color: $oxd-interface-gray-darken-2-color !default;
 $oxd-glass-button-font-color--disabled: $oxd-interface-gray-lighten-2-color !default;
 $oxd-glass-button-background-color--focus: $oxd-interface-gray-lighten-2-color !default;
 $oxd-glass-button-background-color--active: $oxd-interface-gray-lighten-2-color !default;
+$oxd-glass-button-icon-width: 2rem !default;
+$oxd-glass-button-icon-height: 2rem !default;

components/src/core/components/Button/glass-button.scss

@@ -54,9 +54,22 @@
   }
 
   &-icon {
-    width: 2.5rem;
+    background-size: contain;
+    background-position: center;
+    background-repeat: no-repeat;
+    width: $oxd-glass-button-icon-width;
+    height: $oxd-glass-button-icon-height;
     &--disabled {
       opacity: 0.5;
     }
+    &--videoglass {
+      background-image: url(~assets/images/videoglass.png);
+    }
+    &--cameraglass {
+      background-image: url(~assets/images/cameraglass.png);
+    }
+    &--thumbsupglass {
+      background-image: url(~assets/images/thumbsupglass.png);
+    }
   }
 }

components/src/styles/_icons.scss

@@ -22,73 +22,4 @@
   background-size: 22px 22px;
   display: inline-block;
   vertical-align: middle;
-  &.icon-search {
-    background-image: url(~assets/images/magnifying-icon.png);
-  }
-  &.icon-home {
-    background-image: url(~assets/images/home-icon.png);
-  }
-  &.icon-home-w {
-    background-image: url(~assets/images/home-icon-w.png);
-  }
-  &.icon-pim {
-    background-image: url(~assets/images/pim-icon.png);
-  }
-  &.icon-pim-w {
-    background-image: url(~assets/images/pim-icon-w.png);
-  }
-  &.icon-time {
-    background-image: url(~assets/images/time-icon.png);
-  }
-  &.icon-recruitment {
-    background-image: url(~assets/images/recruitment-icon.png);
-  }
-  &.icon-recruitment-w {
-    background-image: url(~assets/images/recruitment-icon-w.png);
-  }
-  &.icon-leave {
-    background-image: url(~assets/images/leave-icon.png);
-  }
-  &.icon-leave-w {
-    background-image: url(~assets/images/leave-icon-w.png);
-  }
-  &.icon-discipline {
-    background-image: url(~assets/images/discipline-icon.png);
-  }
-  &.icon-training {
-    background-image: url(~assets/images/training-icon.png);
-  }
-  &.icon-development {
-    background-image: url(~assets/images/development-icon.png);
-  }
-  &.icon-onboarding {
-    background-image: url(~assets/images/onboarding-icon.png);
-  }
-  &.icon-expences {
-    background-image: url(~assets/images/expences-icon.png);
-  }
-  &.icon-report {
-    background-image: url(~assets/images/report-icon.png);
-  }
-  &.icon-admin {
-    background-image: url(~assets/images/admin-icon.png);
-  }
-  &.icon-admin-w {
-    background-image: url(~assets/images/admin-icon-w.png);
-  }
-  &.icon-account-edit {
-    background-image: url(~assets/images/accountedit-icon.png);
-  }
-  &.icon-myinfo {
-    background-image: url(~assets/images/myinfo-icon.png);
-  }
-  &.icon-recent {
-    background-image: url(~assets/images/recent-icon.png);
-  }
-  &.icon-user {
-    background-image: url(~assets/images/user-icon.png);
-  }
-  &.icon-log {
-    background-image: url(~assets/images/log-icon.png);
-  }
 }

package.json

@@ -1,7 +1,7 @@
 {
   "name": "oxd",
   "license": "GPL-3.0",
-  "version": "1.0.7-alpha.7",
+  "version": "1.0.7",
   "private": true,
   "workspaces": [
     "components",