@propelinc/citrus-ui 0.3.8 → 0.3.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@propelinc/citrus-ui",
-  "version": "0.3.8",
+  "version": "0.3.10",
   "repository": {
     "type": "git",
     "url": "https://github.com/propelinc/citrus-ui"

package/src/components/CButton.vue

@@ -19,7 +19,7 @@
     rounded
     :block="block"
     :elevation="0"
-    :large="large"
+    :x-large="large"
     :ripple="false"
     :to="to"
     :text="tertiary"

package/src/components/CCard.vue

@@ -1,5 +1,13 @@
 <template>
-  <v-card flat class="card" :class="{ 'card--divided': divided }" :color="color">
+  <v-card
+    flat
+    :ripple="false"
+    class="card"
+    :class="{ 'card--divided': divided }"
+    :to="to"
+    :href="href"
+    :color="color"
+  >
     <c-card-header v-if="title">
       {{ title }}
     </c-card-header>
@@ -10,6 +18,7 @@
 
 <script lang="ts">
 import { Component, Vue, Prop } from 'vue-property-decorator';
+import { RawLocation } from 'vue-router';
 
 import CCardHeader from '@/components/CCardHeader.vue';
 
@@ -20,6 +29,8 @@ export default class CCard extends Vue {
   @Prop({ type: Boolean, default: false }) divided!: boolean;
   /** Sets background color */
   @Prop(String) color?: string;
+  @Prop([Object, String]) to?: RawLocation;
+  @Prop(String) href?: string;
 }
 </script>
 

package/src/components/CTextField.vue

@@ -16,7 +16,6 @@
       :value="value"
       :rules="rules"
       validate-on-blur
-      :hide-details="rules.length === 0"
       v-on="$listeners"
     >
       <template #append>
@@ -32,6 +31,9 @@
           </button>
         </slot>
       </template>
+      <template #message>
+        <slot name="message" />
+      </template>
     </v-text-field>
   </form-field>
 </template>