@dpa-id-components/dpa-shared-components 4.0.2 → 4.0.3

package/README.md

@@ -4,7 +4,7 @@ Collection of vue 3 components for usage across dpa projects.
 
 ## Pre-requirements
 
-This projects requires a node version >= 16.
+This project requires a node version of 16.x
 
 ### Notes
 

package/dist/UseTailwindBreakpoints.stories.ts

@@ -0,0 +1,22 @@
+import UseTailwindBreakpoints from "./UseTailwindBreakpoints.vue";
+import type { Meta, StoryObj } from "@storybook/vue3";
+
+const meta = {
+  title: "tailwind/useTailwindBreakpoints.ts",
+  component: UseTailwindBreakpoints,
+  argTypes: {},
+  parameters: {},
+} satisfies Meta<typeof UseTailwindBreakpoints>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  render: (args: any) => ({
+    setup() {
+      return { args };
+    },
+    components: { UseTailwindBreakpoints },
+    template: `<div><UseTailwindBreakpoints /></div>`,
+  }),
+};

package/dist/UseTailwindBreakpoints.vue

@@ -0,0 +1,12 @@
+<template>
+  <UiButton v-if="lg">Button for LG</UiButton>
+  <UiIconButton v-else icon-name="emoji" />
+</template>
+
+<script setup lang="ts">
+import useTailwindBreakpoints from "./useTailwindBreakpoints";
+import UiIconButton from "@/components/UiIconButton/UiIconButton.vue";
+import UiButton from "@/components/UiButton/UiButton.vue";
+
+const { lg } = useTailwindBreakpoints();
+</script>

package/dist/audio-inline-92256dc7.mjs

@@ -0,0 +1,19 @@
+import { openBlock as e, createElementBlock as o, createElementVNode as t } from "vue";
+const n = {
+  viewBox: "0 0 16 16",
+  xmlns: "http://www.w3.org/2000/svg"
+}, l = /* @__PURE__ */ t("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M12 6.66671C12.3687 6.66671 12.6667 6.96537 12.6667 7.33337C12.6667 9.68004 10.9247 11.6214 8.66668 11.9467V13.4708C8.66668 13.839 8.3682 14.1375 8.00001 14.1375C7.63182 14.1375 7.33334 13.839 7.33334 13.4708V11.9467C5.07534 11.6214 3.33334 9.68004 3.33334 7.33337C3.33334 6.96537 3.63134 6.66671 4.00001 6.66671C4.36868 6.66671 4.66668 6.96537 4.66668 7.33337C4.66668 9.17137 6.16201 10.6667 8.00001 10.6667C9.83801 10.6667 11.3333 9.17137 11.3333 7.33337C11.3333 6.96537 11.6313 6.66671 12 6.66671ZM10.1667 7.33337C10.1667 8.5279 9.19453 9.50004 8.00001 9.50004C6.80549 9.50004 5.83334 8.5279 5.83334 7.33337V5.00004C5.83334 3.80552 6.80549 2.83337 8.00001 2.83337C9.19453 2.83337 10.1667 3.80552 10.1667 5.00004V7.33337Z"
+}, null, -1), r = [
+  l
+];
+function C(c, d) {
+  return e(), o("svg", n, r);
+}
+const i = { render: C };
+export {
+  i as default,
+  C as render
+};

package/dist/dpa-shared-components.mjs

@@ -4792,7 +4792,7 @@ const Hd = (e, t) => {
       };
       return t.sizeClasses || i[t.size];
     });
-    return (i, o) => (T(), De(La(a.value), {
+    return (i, o) => (T(), De(La(a.value || "div"), {
       class: ue([n.value, "inline-flex fill-current"])
     }, null, 8, ["class"]));
   }