@dative-gpi/foundation-shared-components 0.0.10 → 0.0.11

package/components/FSButton.vue

@@ -1,10 +1,10 @@
 <template>
   <v-btn
-    v-if="!['icon'].includes($props.variant)"
+    v-if="!['icon'].includes(props.variant)"
     :ripple="false"
     :style="style"
     :class="classes"
-    :disabled="!$props.editable"
+    :disabled="!props.editable"
     v-bind="$attrs"
   >
     <FSRow
@@ -12,33 +12,33 @@
       width="hug"
       :wrap="false"
     >
-      <slot name="prepend" v-bind="{ color: $props.color, colors }">
+      <slot name="prepend" v-bind="{ color: props.color, colors }">
         <FSIcon
-          v-if="$props.prependIcon"
+          v-if="props.prependIcon"
           size="l"
         >
-          {{ $props.prependIcon }}
+          {{ props.prependIcon }}
         </FSIcon>
       </slot>
-      <slot v-bind="{ color: $props.color, colors }">
+      <slot v-bind="{ color: props.color, colors }">
         <FSSpan
-          v-if="$props.label"
+          v-if="props.label"
         >
-          {{ $props.label }}
+          {{ props.label }}
         </FSSpan>
       </slot>
-      <slot name="append" v-bind="{ color: $props.color, colors }">
+      <slot name="append" v-bind="{ color: props.color, colors }">
         <FSIcon
-          v-if="$props.appendIcon"
+          v-if="props.appendIcon"
           size="l"
         >
-          {{ $props.appendIcon }}
+          {{ props.appendIcon }}
         </FSIcon>
       </slot>
     </FSRow>
   </v-btn>
   <FSRow
-    v-else-if="$props.icon"
+    v-else-if="props.icon"
     align="center-center"
     width="hug"
     :style="style"
@@ -48,19 +48,20 @@
     <FSIcon
       size="l"
     >
-      {{ $props.icon }}
+      {{ props.icon }}
     </FSIcon>
     <FSSpan
-      v-if="$props.label"
+      v-if="props.label"
       font="text-overline"
     >
-      {{ $props.label }}
+      {{ props.label }}
     </FSSpan>
   </FSRow>
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, PropType } from "vue";
+import { computed, defineComponent, getCurrentInstance, PropType } from "vue";
+import { useDefaults } from "vuetify";
 
 import { useColors, useSlots } from "@dative-gpi/foundation-shared-components/composables";
 import { ColorBase, ColorEnum } from "@dative-gpi/foundation-shared-components/models";
@@ -119,6 +120,8 @@ export default defineComponent({
     }
   },
   setup(props) {
+    props = useDefaults(props, getCurrentInstance().type.name)
+
     const textColors = computed(() => useColors().getContrasts(props.color));
     const colors = computed(() => useColors().getColors(props.color));
     const lights = useColors().getColors(ColorEnum.Light);
@@ -202,6 +205,7 @@ export default defineComponent({
     });
 
     return {
+      props,
       colors,
       style,
       classes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dative-gpi/foundation-shared-components",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -9,8 +9,8 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@dative-gpi/foundation-shared-domain": "0.0.10",
-    "@dative-gpi/foundation-shared-services": "0.0.10",
+    "@dative-gpi/foundation-shared-domain": "0.0.11",
+    "@dative-gpi/foundation-shared-services": "0.0.11",
     "@fontsource/montserrat": "^5.0.16",
     "@lexical/history": "^0.12.5",
     "@lexical/link": "^0.12.5",
@@ -30,5 +30,5 @@
     "sass": "^1.69.5",
     "sass-loader": "^13.3.2"
   },
-  "gitHead": "765222a4eb6a5cdd690f64bc0ae3c5415081e0f0"
+  "gitHead": "4f28939e7d42ab1ef8319c614fbc210b1291fd79"
 }

package/styles/components/fs_calendar.scss

@@ -52,8 +52,8 @@
     @extend .text-body;
 
     border-radius: 4px !important;
-    height: 48px !important;
-    width: 48px !important;
+    height: 40px !important;
+    width: 40px !important;
 }
 
 .v-date-picker-month__days {