@zap-wunschlachen/wl-shared-components 1.0.41 → 1.0.43

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zap-wunschlachen/wl-shared-components",
-  "version": "1.0.41",
+  "version": "1.0.43",
   "type": "module",
   "scripts": {
     "dev": "vite",

package/src/components/Icons/MiniLogo.vue

@@ -12,22 +12,9 @@
 </template>
 
 <script setup lang="ts">
-import { siteColors } from "../../utils/index";
+import { siteColors, getColorsForDomain } from "../../utils/index";
 import { computed, inject } from "vue";
 
-// Inject theme colors from ThemeProvider, fallback to global siteColors
-const injectedThemeColors = inject('themeColors', null);
-const colors = computed(() => {
-    if (injectedThemeColors) {
-        return injectedThemeColors.value;
-    }
-    return siteColors;
-});
-
-const currentDomain = computed(() => {
-    return props.domain || colors.value['domain'] || "domain-dental";
-});
-
 const props = defineProps({
     width: {
         type: String,
@@ -42,4 +29,25 @@ const props = defineProps({
         default: "",
     },
 });
+
+// Inject theme colors from ThemeProvider, fallback to global siteColors
+const injectedThemeColors = inject('themeColors', null);
+
+// When domain prop is explicitly set, use that domain's colors (for brand consistency)
+// Otherwise fall back to injected theme colors or global siteColors
+const colors = computed(() => {
+    // If domain is explicitly passed, use that domain's fixed brand colors
+    if (props.domain) {
+        return getColorsForDomain(props.domain);
+    }
+    // Otherwise use theme colors (injected or global)
+    if (injectedThemeColors) {
+        return injectedThemeColors.value;
+    }
+    return siteColors;
+});
+
+const currentDomain = computed(() => {
+    return props.domain || colors.value['domain'] || "domain-dental";
+});
 </script>

package/src/components/Laboratory/AppointmentCard/AppointmentCard.vue

@@ -44,7 +44,7 @@
 </template>
 
 <script setup>
-import TagLabel from '@components/Laboratory/TagLabel/TagLabel.vue';
+import TagLabel from '../TagLabel/TagLabel.vue';
 import { defineProps } from 'vue';
 import './AppointmentCard.css';
 

package/src/components/Laboratory/ChatBoxImage/ChatBoxImage.vue

@@ -45,7 +45,7 @@
 </template>
 
 <script setup>
-import Button from '@components/Button/Button.vue';
+import Button from '../../Button/Button.vue';
 import { defineProps } from 'vue';
 
 // Define props for the paragraph text and an array of image sources

package/src/components/Laboratory/ChatNotification/ChatNotification.vue

@@ -97,7 +97,7 @@
 <script setup>
 import { defineProps, defineEmits, computed } from 'vue';
 import TagLabel from '../TagLabel/TagLabel.vue';
-import Button from '@components/Button/Button.vue';
+import Button from '../../Button/Button.vue';
 
 // Define event emitters with the specific format like "click:start", "click:cancel", etc.
 const emit = defineEmits([

package/src/components/Laboratory/DocumentCard/DocumentCard.vue

@@ -24,7 +24,7 @@
 <script setup>
 import './DocumentCard.css';
 import { defineProps, defineEmits } from 'vue';
-import Button from '@components/Button/Button.vue';
+import Button from '../../Button/Button.vue';
 
 // Define props for the DocumentCard component
 const props = defineProps({

package/src/components/Laboratory/DocumentCard/DocumentCardItem.vue

@@ -18,7 +18,7 @@
 
 <script setup>
 import { defineProps, defineEmits } from 'vue';
-import NotificationBubble from '@components/NotificationBubble/NotificationBubble.vue';
+import NotificationBubble from '../../NotificationBubble/NotificationBubble.vue';
 
 // Define props for the component
 const props = defineProps({

package/src/components/Laboratory/ProgressLinear/ProgressLinear.vue

@@ -38,9 +38,9 @@
 
 <script setup>
 import { defineProps } from 'vue';
-import TagLabel from '@components/Laboratory/TagLabel/TagLabel.vue';
-import SolidArrowRight from '@components/Icons/SolidArrowRight.vue';
-import Circle from '@components/Icons/Circle.vue';
+import TagLabel from '../TagLabel/TagLabel.vue';
+import SolidArrowRight from '../../Icons/SolidArrowRight.vue';
+import Circle from '../../Icons/Circle.vue';
 import './ProgressLinear.css';
 
 // Define props for date, progress value, and status

package/src/components/Laboratory/TicketCard/TicketCard.vue

@@ -65,10 +65,10 @@
 <script setup>
 import './TicketCard.css';
 
-import TagLabel from '@components/Laboratory/TagLabel/TagLabel.vue';
-import NotificationBubble from '@components/NotificationBubble/NotificationBubble.vue';
+import TagLabel from '../TagLabel/TagLabel.vue';
+import NotificationBubble from '../../NotificationBubble/NotificationBubble.vue';
 import { defineProps } from 'vue';
-import Button from '@components/Button/Button.vue';
+import Button from '../../Button/Button.vue';
 
 // Define props to make the component generic
 defineProps({

package/src/components/Laboratory/TimeLine/Timeline.vue

@@ -13,7 +13,7 @@
 </template>
 
 <script setup>
-import TagLabel from '@components/Laboratory/TagLabel/TagLabel.vue';
+import TagLabel from '../TagLabel/TagLabel.vue';
 
 // Define props for the component
 const props = defineProps({