@fishawack/lab-velocity 0.3.4 → 0.3.6

package/components/_breadcrumbs.scss

@@ -1,37 +1,39 @@
 @import "element-plus/theme-chalk/el-breadcrumb";
 @import "element-plus/theme-chalk/el-breadcrumb-item";
+.vel-breadcrumb {
 
-.el-breadcrumb__separator {
-    display: none;
-    margin:0px $spacing;
-}
-
-.el-breadcrumb__separator,
-.el-breadcrumb__inner {
-    font-size: get-ratio(16px);
-    line-height: get-ratio(24px);
-}
-
-.el-breadcrumb__inner {
-    &.is-link {
-        text-decoration: underline;
-        font-weight: 500;
-        color: $color2;
-        text-transform: capitalize;
-
-        &:hover {
-            color:$color12;
+    .el-breadcrumb__separator {
+        display: none;
+        margin:0px $spacing;
+    }
+    
+    .el-breadcrumb__separator,
+    .el-breadcrumb__inner {
+        font-size: get-ratio(16px);
+        line-height: get-ratio(24px);
+    }
+    
+    .el-breadcrumb__inner {
+        &.is-link {
+            text-decoration: underline;
+            font-weight: 500;
+            color: $color2;
+            text-transform: capitalize;
+    
+            &:hover {
+                color:$color12;
+            }
         }
     }
-}
-
-.el-breadcrumb__item {
-    &:last-child {
-        .el-breadcrumb__inner {
-            &.is-link {
-                color: $color2;
-                font-weight: 400;
-                text-decoration: none;
+    
+    .el-breadcrumb__item {
+        &:last-child {
+            .el-breadcrumb__inner {
+                &.is-link {
+                    color: $color2;
+                    font-weight: 400;
+                    text-decoration: none;
+                }
             }
         }
     }

package/components/_header.scss

@@ -1,4 +1,4 @@
-header {
+.vel-header {
     border-bottom: solid get-ratio(1px) $color4;
     background-color: $color0;
     width: 100%;
@@ -13,7 +13,7 @@ header {
     }
 }
 
-.header--list {
+.vel-header__list {
     > div {
         align-items: center;
         &:not(:last-child) {

package/components/{_navigation.scss → _menu.scss}

@@ -8,7 +8,7 @@ ul.el-menu--vertical {
     }
 
     a {
-        padding: 1.5* $spacing 2.5 $spacing;
+        padding: 1.5 * $spacing 2.5 * $spacing;
         height: 100%;
         width: 100%;
         border-left: solid .5 * $spacing $color8;

package/components/_pageTitle.scss

@@ -1,4 +1,4 @@
-.page-title {
+.vel-page-title {
     padding: 2.5 * $spacing 3 * $spacing;
     background-color: $color0;
     border-bottom: .5 * $spacing solid;

package/components/_sidebar.scss

@@ -1,4 +1,4 @@
-.side-bar {
+.vel-side-bar {
     flex-basis: $spacing * 7.5;
     display: flex;
     flex-direction: column;
@@ -30,7 +30,7 @@
     }
 }
 
-.side-bar__button {
+.vel-side-bar__button {
     outline: none;
     background-color: transparent;
     border: none;

package/form/Select.vue

@@ -97,9 +97,6 @@ export default {
                 return parseInt(value);
             }
             return value;
-        },
-        handleInput(value, $event) {
-            this.$emit('change', value);
         }
     },
     

package/form/wysiwyg.vue

@@ -24,6 +24,10 @@ export default {
             type: Boolean,
             default: false,
         },
+        baseClass: {
+            type: String,
+            default: "vel-wysiwyg",
+        },
     },
 
     data: () => ({

package/general.scss

@@ -18,7 +18,7 @@
 @import "./components/_sidebar.scss";
 @import "./components/_typography.scss";
 @import "./components/_footer.scss";
-@import "./components/_navigation.scss";
+@import "./components/_menu.scss";
 @import "./components/_header.scss";
 @import "./components/_pageTitle.scss";
 @import "./components/_form.scss";

package/layout/Footer.vue

@@ -1,5 +1,5 @@
 <template>
-    <footer>
+    <footer class="vel-footer">
         <div>
             <h5 class="color-0 flex items-center">
                 <slot/>

package/layout/Header.vue

@@ -1,8 +1,8 @@
 <template>
-    <header class="header grid justify-between items-center justify-end-dive grid--1/2 p-1.5">
+    <header class="vel-header grid justify-between items-center justify-end-dive grid--1/2 p-1.5">
         <slot/>
         
-        <div class="grid pr-1.5 grid--gutters-x-1.5 header--list">
+        <div class="grid pr-1.5 grid--gutters-x-1.5 vel-header__list">
             <slot name="links"/>
         </div>
     </header>

package/layout/pageTitle.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="page-title">
+    <div class="vel-page-title">
         <h2 class="h1" v-html="title" />
     </div>
 </template>

package/layout/sideBar.vue

@@ -1,11 +1,11 @@
 <template>
-    <div class="side-bar" :class="{ active: active }">
+    <div class="vel-side-bar" :class="{ active: active }">
         <div>
             <slot name="navigation" />
         </div>
 
         <div class="flex justify-end border-t-color-1 border-t-solid py px-1.5">
-            <button class="side-bar__button pointer" @click="active = !active">
+            <button class="vel-side-bar__button pointer" @click="active = !active">
                 <slot name="expand">
                     >
                 </slot>

package/navigation/Breadcrumbs.vue

@@ -1,5 +1,5 @@
 <template>
-    <el-breadcrumb :seperator="''">
+    <el-breadcrumb class="vel-breadcrumb" :seperator="''">
         <slot name="default">
             <template v-for="(crumb,index) in crumbs">
                 <el-breadcrumb-item :to="crumb.href">{{ crumb.text }} </el-breadcrumb-item> 

package/navigation/Menu.vue

@@ -1,5 +1,6 @@
 <template>
   <el-menu
+    class="vel-menu"
     @open="handleOpen"
     @close="handleClose"
   >           

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fishawack/lab-velocity",
-  "version": "0.3.4",
+  "version": "0.3.6",
   "description": "Avalere Health branded style system",
   "scripts": {
     "setup": "npm ci || npm i && npm run content",