@dpa-id-components/dpa-shared-components 20.0.2 → 20.0.4

package/dist/src/components/UiCard/UiCard.stories.ts

@@ -4,6 +4,7 @@ import UiCard from "./UiCard.vue";
 
 const meta = {
   title: "UI/UiCard",
+  tags: ["deprecated"],
   component: UiCard,
 } satisfies Meta<typeof UiCard>;
 

package/dist/src/components/UiCard/UiCard.vue

@@ -5,3 +5,24 @@
     <slot></slot>
   </li>
 </template>
+<script lang="ts">
+import { onMounted } from "vue";
+
+/**
+ * @deprecated
+ * Please replace with your own component
+ */
+export default {
+  name: "UiCard",
+  setup() {
+    onMounted(() => {
+      if (window.location.origin.includes("local")) {
+        // eslint-disable-next-line
+        console.warn(
+          "UiCard is deprecated. It will be removed in a future update.",
+        );
+      }
+    });
+  },
+};
+</script>

package/dist/src/components/UiCheckBoxGroup/README.md

@@ -1,3 +1,5 @@
+# @deprecated
+Component will be removed in a future update
 # @dpa-shared-components/UiCheckBoxGroup
 
 ## Usage

package/dist/src/components/UiCheckBoxGroup/UiCheckBoxGroup.stories.ts

@@ -13,6 +13,7 @@ const meta = {
     firstEntryChecksAll: true,
     disabled: false,
   },
+  tags: ["deprecated"],
 } satisfies Meta<typeof UiCheckBoxGroup>;
 
 export default meta;

package/dist/src/components/UiCheckBoxGroup/UiCheckBoxGroup.vue

@@ -1,6 +1,6 @@
 <template>
-  <ui-list class="grid grid-cols-2 flex-wrap border-none pt-2 lg:flex lg:pt-0">
-    <ui-list-item
+  <UiList class="grid grid-cols-2 flex-wrap border-none pt-2 lg:flex lg:pt-0">
+    <UiListItem
       v-for="(entry, index) in checkboxItems"
       :key="entry.name"
       :is-checked="entry.isChecked"
@@ -11,12 +11,26 @@
       :icon-name="entry.iconName"
       @list-item-click="toggle(index)"
       >{{ entry.name }}
-    </ui-list-item>
-  </ui-list>
+    </UiListItem>
+  </UiList>
 </template>
+<script lang="ts">
+/**
+ * @deprecated
+ * Please replace with your own component
+ */
+export default {
+  name: "UiCheckBoxGroup",
+};
 
+export type CheckboxItem = {
+  name: string;
+  isChecked: boolean;
+  iconName?: UiIconName;
+};
+</script>
 <script setup lang="ts">
-import { computed, ref, watchEffect } from "vue";
+import { computed, onMounted, ref, watchEffect } from "vue";
 
 import type { UiIconName } from "../UiIcon/UiIcon.vue";
 import UiList from "../UiList/UiList.vue";
@@ -28,12 +42,6 @@ const emit = defineEmits<{
   "item-checked": [CheckboxItem];
 }>();
 
-export type CheckboxItem = {
-  name: string;
-  isChecked: boolean;
-  iconName?: UiIconName;
-};
-
 const props = withDefaults(
   defineProps<{
     item?: CheckboxItem[];
@@ -87,4 +95,13 @@ const toggle = (index: number) => {
   emit("item-checked", checkboxItems.value[index]);
   emit("input", checkboxItems.value);
 };
+
+onMounted(() => {
+  if (window.location.origin.includes("local")) {
+    // eslint-disable-next-line
+    console.warn(
+      "UiCheckBoxGroup is deprecated. It will be removed in a future update.",
+    );
+  }
+});
 </script>

package/dist/src/components/UiCollapseNavigation/README.md

@@ -1,3 +1,5 @@
+# @deprecated
+Component will be removed in a future update
 # @dpa-shared-components/UiCollapseNavigation
 
 ## Usage

package/dist/src/components/UiCollapseNavigation/UiCollapseNavigation.stories.ts

@@ -22,6 +22,7 @@ const meta = {
     hasBorderTop: true,
     openAsDefault: true,
   },
+  tags: ["deprecated"],
 } satisfies Meta<typeof UiCollapseNavigation>;
 
 export default meta;

package/dist/src/components/UiCollapseNavigation/UiCollapseNavigation.vue

@@ -27,8 +27,17 @@
     </div>
   </transition>
 </template>
+<script lang="ts">
+/**
+ * @deprecated
+ * Please replace with your own component
+ */
+export default {
+  name: "UiCollapseNavigation",
+};
+</script>
 <script setup lang="ts">
-import { ref, watchEffect } from "vue";
+import { onMounted, ref, watchEffect } from "vue";
 
 import UiButton from "../UiButton/UiButton.vue";
 import UiIcon from "../UiIcon/UiIcon.vue";
@@ -56,5 +65,13 @@ const toggleMenuHandler = () => {
   openMenu.value = !openMenu.value;
 };
 
+onMounted(() => {
+  if (window.location.origin.includes("local")) {
+    // eslint-disable-next-line
+    console.warn(
+      "UiCollapseNavigation is deprecated. It will be removed in a future update.",
+    );
+  }
+});
 defineExpose({ openMenu });
 </script>

package/dist/src/components/UiOverlay/README.md

@@ -1,3 +1,5 @@
+# @deprecated
+Component will be removed in a future update
 # @dpa-shared-components/UiOverlay
 
 ## Usage

package/dist/src/components/UiOverlay/UiOverlay.stories.ts

@@ -13,6 +13,7 @@ const meta = {
     template:
       "<UiOverlay v-bind='args'><div class='grid place-items-center'><span class='text-white'>Here is a Overlay</span></div></UiOverlay>",
   }),
+  tags: ["deprecated"],
 } satisfies Meta<typeof UiOverlay>;
 
 export default meta;

package/dist/src/components/UiOverlay/UiOverlay.vue

@@ -9,9 +9,28 @@
     <slot />
   </div>
 </template>
-
+<script lang="ts">
+/**
+ * @deprecated
+ * Please replace with your own component
+ */
+export default {
+  name: "UiOverlay",
+};
+</script>
 <script setup lang="ts">
+import { onMounted } from "vue";
+
 const emit = defineEmits<{
   close: [];
 }>();
+
+onMounted(() => {
+  if (window.location.origin.includes("local")) {
+    // eslint-disable-next-line
+    console.warn(
+      "UiOverlay is deprecated. It will be removed in a future update.",
+    );
+  }
+});
 </script>

package/dist/src/components/UiOverlayMenu/README.md

@@ -1,3 +1,5 @@
+# @deprecated
+Component will be removed in a future update
 # @dpa-shared-components/UiOverlayMenu
 
 ## Usage

package/dist/src/components/UiOverlayMenu/UiOverlayMenu.stories.ts

@@ -30,6 +30,7 @@ const meta = {
       "</UiList>" +
       "</UiOverlayMenu>",
   }),
+  tags: ["deprecated"],
 } satisfies Meta<typeof UiOverlayMenu>;
 
 export default meta;

package/dist/src/components/UiOverlayMenu/UiOverlayMenu.vue

@@ -11,7 +11,18 @@
     </div>
   </div>
 </template>
+<script lang="ts">
+/**
+ * @deprecated
+ * Please replace with your own component
+ */
+export default {
+  name: "UiOverlayMenu",
+};
+</script>
 <script setup lang="ts">
+import { onMounted } from "vue";
+
 import { vClickAway } from "../../directives/vClickAway.js";
 
 withDefaults(
@@ -28,4 +39,13 @@ const emit = defineEmits<{
 const close = (): void => {
   emit("close");
 };
+
+onMounted(() => {
+  if (window.location.origin.includes("local")) {
+    // eslint-disable-next-line
+    console.warn(
+      "UiOverlayMenu is deprecated. It will be removed in a future update.",
+    );
+  }
+});
 </script>

package/dist/src/components/UiRadioInputGroup/README.md

@@ -1,3 +1,5 @@
+# @deprecated
+Component will be removed in a future update
 # @dpa-id-components/UiRadioInputGroup
 
 ## Usage

package/dist/src/components/UiRadioInputGroup/UiRadioInputGroup.stories.ts

@@ -60,11 +60,11 @@ const meta = {
       "<UiRadioInputGroup v-bind='args' @input='input'></UiRadioInputGroup>",
     methods: { input: action("input") },
   }),
+  tags: ["deprecated"],
 } satisfies Meta<typeof UiRadioInputGroup>;
 
 export default meta;
 type Story = StoryObj<typeof meta>;
-
 // TODO: Remove this again once possible.
-// @ts-expect-error Bogus TypeScript error
+// @ts-ignore Bogus TypeScript error
 export const Default: Story = {};

package/dist/src/components/UiRadioInputGroup/UiRadioInputGroup.vue

@@ -30,9 +30,17 @@
     </li>
   </ul>
 </template>
-
+<script lang="ts">
+/**
+ * @deprecated
+ * Please replace with your own component
+ */
+export default {
+  name: "UiRadioInputGroup",
+};
+</script>
 <script setup lang="ts" generic="T extends string | number">
-import { computed } from "vue";
+import { computed, onMounted } from "vue";
 
 import { cn } from "../../utils/cn.js";
 import UiLabel from "../UiLabel/UiLabel.vue";
@@ -81,4 +89,13 @@ const internalOptions = computed(() => {
     };
   });
 });
+
+onMounted(() => {
+  if (window.location.origin.includes("local")) {
+    // eslint-disable-next-line
+    console.warn(
+      "UiRadioInputGroup is deprecated. It will be removed in a future update.",
+    );
+  }
+});
 </script>

package/dist/src/components/UiSection/README.md

@@ -1,3 +1,5 @@
+# @deprecated
+Component will be removed in a future update
 # @dpa-shared-components/UiSection
 
 ## Usage

package/dist/src/components/UiSection/UiSection.stories.ts

@@ -30,6 +30,7 @@ const meta = {
   parameters: {
     backgrounds: { default: "gray-100" },
   },
+  tags: ["deprecated"],
 } satisfies Meta<typeof UiSection>;
 
 export default meta;

package/dist/src/components/UiSection/UiSection.vue

@@ -8,8 +8,17 @@
     </div>
   </section>
 </template>
+<script lang="ts">
+/**
+ * @deprecated
+ * Please replace with your own component
+ */
+export default {
+  name: "UiSection",
+};
+</script>
 <script setup lang="ts">
-import { computed } from "vue";
+import { computed, onMounted } from "vue";
 
 const props = withDefaults(
   defineProps<{
@@ -42,4 +51,13 @@ const borderClass = computed(() => {
   const borderBottomClass = props.borderBottom ? "border-b" : "";
   return `${borderTopClass} ${borderBottomClass}`;
 });
+
+onMounted(() => {
+  if (window.location.origin.includes("local")) {
+    // eslint-disable-next-line
+    console.warn(
+      "UiSection is deprecated. It will be removed in a future update.",
+    );
+  }
+});
 </script>

package/dist/src/components/UiSectionDivider/README.md

@@ -1,3 +1,5 @@
+# @deprecated
+Component will be removed in a future update
 # @dpa-shared-components/UiSectionDivider
 
 ## Usage

package/dist/src/components/UiSectionDivider/UiSectionDivider.stories.ts

@@ -16,6 +16,7 @@ const meta = {
   args: {
     size: "large",
   },
+  tags: ["deprecated"],
 } satisfies Meta<typeof UiSectionDivider>;
 
 export default meta;

package/dist/src/components/UiSectionDivider/UiSectionDivider.vue

@@ -1,9 +1,17 @@
 <template>
   <div :class="[sizeClass, customClasses]" class="bg-gray-100" />
 </template>
-
+<script lang="ts">
+/**
+ * @deprecated
+ * Please replace with your own component
+ */
+export default {
+  name: "UiSectionDivider",
+};
+</script>
 <script lang="ts" setup>
-import { computed } from "vue";
+import { computed, onMounted } from "vue";
 
 const props = withDefaults(
   defineProps<{
@@ -24,4 +32,13 @@ const sizeClasses: Record<string, string> = {
 const sizeClass = computed(() => {
   return sizeClasses[props.size];
 });
+
+onMounted(() => {
+  if (window.location.origin.includes("local")) {
+    // eslint-disable-next-line
+    console.warn(
+      "UiSectionDivider is deprecated. It will be removed in a future update.",
+    );
+  }
+});
 </script>

package/dist/src/components/UiTooltip/README.md

@@ -6,12 +6,12 @@
 <!-- SomeComponent.vue using UiTooltip -->
 <template>
   <div style="margin: 50px; max-width: max-content;">
-    <ui-tooltip>
+    <UiTooltip>
       <template v-slot:activator>
         <button>Target</button>
       </template>
       Tooltip Content
-    </ui-tooltip>
+    </UiTooltip>
   </div>
 </template>
 

package/dist/src/components/UiTooltip/UiTooltip.spec.ts

@@ -43,7 +43,7 @@ describe("UiTooltip", () => {
     expect(secondEl.text()).toBe("RessortWirtschaft");
   });
 
-  it("is not rendered without mouseover", async () => {
+  it("is not rendered without mouseover", () => {
     const wrapper = mount(UiTooltip, {
       props: {
         fixed: false,

package/dist/src/components/UiTooltip/UiTooltip.stories.ts

@@ -60,12 +60,12 @@ const meta = {
     components: { UiTooltip },
     template: `
       <div style="margin-top: 50px; margin-left: 120px; max-width: max-content;">
-      <ui-tooltip v-bind="args">
-        <template v-slot:activator>
-          <button>Target</button>
-        </template>
-        Tooltip Content
-      </ui-tooltip>
+        <UiTooltip v-bind="args">
+          <template v-slot:activator>
+            <button>Target</button>
+          </template>
+          Tooltip Content
+        </UiTooltip>
       </div>
     `,
   }),

package/dist/{standard-view-DcrSByBu.js → standard-view-Dxki5peq.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as o, createElementVNode as r } from "vue";
-import { _ as n } from "./index-DPz8-bsE.js";
+import { _ as n } from "./index-FTIb4npT.js";
 const s = {}, c = {
   width: "18",
   height: "18",

package/dist/{star-Djtif5jf.js → star-C1PxgOY0.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as L, createElementVNode as o } from "vue";
-import { _ as r } from "./index-DPz8-bsE.js";
+import { _ as r } from "./index-FTIb4npT.js";
 const C = {}, n = {
   width: "24",
   height: "24",

package/dist/{star-fill-c2GuaPb-.js → star-fill-Cu3OHX26.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as o, createElementVNode as r } from "vue";
-import { _ as n } from "./index-DPz8-bsE.js";
+import { _ as n } from "./index-FTIb4npT.js";
 const l = {}, s = {
   width: "24",
   height: "24",

package/dist/{star-filled-Df-P9ENL.js → star-filled-DwmVr3-K.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as o, createElementVNode as r } from "vue";
-import { _ as n } from "./index-DPz8-bsE.js";
+import { _ as n } from "./index-FTIb4npT.js";
 const s = {}, c = {
   width: "24",
   height: "24",

package/dist/{stop-CCfNE8Q5.js → stop-a1HFFTYT.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as o, createElementVNode as r } from "vue";
-import { _ as n } from "./index-DPz8-bsE.js";
+import { _ as n } from "./index-FTIb4npT.js";
 const s = {}, c = {
   width: "24",
   height: "24",

package/dist/{story-HC9i5RLI.js → story-cFfb6U5M.js}

@@ -1,5 +1,5 @@
 import { openBlock as t, createElementBlock as e, createElementVNode as o } from "vue";
-import { _ as r } from "./index-DPz8-bsE.js";
+import { _ as r } from "./index-FTIb4npT.js";
 const n = {}, s = {
   width: "24",
   height: "24",