@dative-gpi/foundation-shared-components 0.0.90 → 0.0.91

package/styles/components/fs_select_field.scss

@@ -35,18 +35,19 @@
 
 .v-overlay-container > .v-overlay > .v-select__content {
     box-shadow: 0px 5px 8px 0px #00000029;
+    max-width: none !important;
     border-radius: 4px;
 
     & > .v-list {
         @extend .fs-hide-y-scrollbar;
 
         background-color: var(--fs-select-field-background-color);
+        padding: 2px 8px 2px 16px;
         border-radius: 4px;
-        margin-top: 4px;
-        padding: 2px;
 
         & .v-list-item {
-            border-radius: 4px;
+            border-radius: 4px !important;
+            margin-top: 2px !important;
         }
     }
 }

package/styles/components/fs_text_area.scss

@@ -1,7 +1,6 @@
 .fs-text-area:not(.fs-text-area-auto-grow) {
     & > .v-input__control > .v-field {
         border: 1px solid var(--fs-text-area-border-color) !important;
-        padding: 0 !important;
 
         &--error {
             border-color: var(--fs-text-area-error-border-color) !important;

package/styles/components/index.scss

@@ -5,7 +5,6 @@
 @import "fs_button.scss";
 @import "fs_calendar.scss";
 @import "fs_card.scss";
-@import "fs_carousel.scss";
 @import "fs_checkbox.scss";
 @import "fs_chip.scss";
 @import "fs_clickable.scss";

package/styles/globals/overrides.scss

@@ -99,10 +99,6 @@
     display: none !important;
 }
 
-.v-overlay__content {
-    min-width: fit-content !important;
-}
-
 // No up / down buttons in input field of type number
 input[type=number] { 
     -moz-appearance: textfield;

package/themes/default.ts

@@ -3,7 +3,7 @@ import { ThemeDefinition } from "vuetify";
 export const DefaultTheme: ThemeDefinition = {
     dark: false,
     colors: {
-        "background": "#F9F9F9",
+        "background": "#FAFBFC",
         "light"     : "#E1E2E3", // hsv(216, 1,   89)
         "dark"      : "#3F4040", // hsv(211, 1,   25)
         "primary"   : "#0059E5", // hsv(217, 100, 90)

package/components/FSCarousel.vue

@@ -1,72 +0,0 @@
-<template>
-  <v-carousel
-    :hideDelimiters="true"
-    :class="classes"
-    :style="style"
-    v-bind="$attrs"
-  >
-    <template v-for="(_, name) in slots" v-slot:[name]="slotData">
-      <slot :name="name" v-bind="slotData" />
-    </template>
-    <v-carousel-item
-      v-for="(component, index) in getChildren('default')"
-      :value="value(component, index)"
-      :key="index"
-    >
-      <component
-        :is="component"
-      />
-    </v-carousel-item>
-  </v-carousel>
-</template>
-
-<script lang="ts">
-import { computed, defineComponent, PropType, VNode } from "vue";
-
-import { useColors, useSlots } from "@dative-gpi/foundation-shared-components/composables";
-import { ColorEnum } from "@dative-gpi/foundation-shared-components/models";
-import { sizeToVar } from "@dative-gpi/foundation-shared-components/utils";
-
-export default defineComponent({
-  name: "FSCarousel",
-  props: {
-    height: {
-      type: [Array, String, Number] as PropType<string[] | number[] | string | number>,
-      required: false,
-      default: "100%"
-    }
-  },
-  setup(props) {
-    const { slots, getChildren } = useSlots();
-    const { getColors } = useColors();
-    
-    delete slots.default;
-
-    const backgrounds = getColors(ColorEnum.Background);
-
-    const style = computed((): { [key: string] : string | undefined } => {
-      return {
-        "--fs-carousel-height"          : sizeToVar(props.height),
-        "--fs-carousel-background-color": backgrounds.base
-      };
-    });
-
-    const classes = computed((): string[] => {
-      const classNames = ["fs-carousel", "fs-background"];
-      return classNames;
-    });
-
-    const value = (component: VNode, index: number): any => {
-      return component?.props?.value ?? index;
-    };
-
-    return {
-      classes,
-      slots,
-      style,
-      getChildren,
-      value
-    };
-  }
-})
-</script>

package/styles/components/fs_carousel.scss

@@ -1,9 +0,0 @@
-.fs-carousel {
-    background-color: var(--fs-carousel-background-color);
-    transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
-    height: var(--fs-carousel-height) !important;
-
-    & > .v-window__container > .v-window-item {
-        cursor: inherit !important;
-    }
-}