@dpa-id-components/dpa-shared-components 8.13.1 → 9.1.0

package/dist/UseBreakpoints.stories.ts

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

package/dist/UseBreakpoints.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 useBreakpoints from "./useBreakpoints";
+import UiIconButton from "@/components/UiIconButton/UiIconButton.vue";
+import UiButton from "@/components/UiButton/UiButton.vue";
+
+const { lg } = useBreakpoints();
+</script>

package/dist/arrow-down-CXZjRrtS.mjs

@@ -0,0 +1,15 @@
+import { openBlock as e, createElementBlock as t, createElementVNode as o } from "vue";
+const n = {
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg"
+}, r = /* @__PURE__ */ o("path", { d: "M13 5V16.865L17.36 13.232C17.784 12.878 18.415 12.936 18.768 13.36C19.122 13.785 19.064 14.415 18.64 14.769L12.64 19.769C12.593 19.808 12.538 19.827 12.486 19.856C12.444 19.88 12.408 19.909 12.362 19.927C12.247 19.972 12.126 19.999 12.004 19.999L12 20L11.996 19.999C11.874 19.999 11.753 19.972 11.638 19.927C11.592 19.909 11.556 19.88 11.514 19.856C11.462 19.827 11.407 19.808 11.36 19.769L5.36 14.769C5.123 14.57 5 14.286 5 14C5 13.774 5.076 13.547 5.232 13.36C5.585 12.936 6.216 12.878 6.64 13.232L11 16.865V5C11 4.448 11.448 4 12 4C12.552 4 13 4.448 13 5Z" }, null, -1), C = [
+  r
+];
+function c(s, d) {
+  return e(), t("svg", n, [...C]);
+}
+const _ = { render: c };
+export {
+  _ as default,
+  c as render
+};

package/dist/arrow-up-BVeSs9Ls.mjs

@@ -0,0 +1,15 @@
+import { openBlock as e, createElementBlock as t, createElementVNode as o } from "vue";
+const n = {
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg"
+}, r = /* @__PURE__ */ o("path", { d: "M11 19V7.135L6.64 10.768C6.216 11.122 5.585 11.064 5.232 10.64C4.878 10.215 4.936 9.585 5.36 9.231L11.36 4.231C11.407 4.192 11.462 4.173 11.514 4.144C11.556 4.12 11.592 4.091 11.638 4.073C11.753 4.028 11.874 4.001 11.996 4.001L12 4L12.004 4.001C12.126 4.001 12.247 4.028 12.362 4.073C12.408 4.091 12.444 4.12 12.486 4.144C12.538 4.173 12.593 4.192 12.64 4.231L18.64 9.231C18.877 9.43 19 9.714 19 10C19 10.226 18.924 10.453 18.768 10.64C18.415 11.064 17.784 11.122 17.36 10.768L13 7.135V19C13 19.552 12.552 20 12 20C11.448 20 11 19.552 11 19Z" }, null, -1), C = [
+  r
+];
+function c(s, d) {
+  return e(), t("svg", n, [...C]);
+}
+const _ = { render: c };
+export {
+  _ as default,
+  c as render
+};

package/dist/components/UiButton/UiButton.stories.d.ts

@@ -8,7 +8,7 @@ declare const meta: {
                 default: string;
             };
             color: {
-                type: import("vue").PropType<"blue" | "white" | "gray" | "transparent" | "light-gray">;
+                type: import("vue").PropType<"blue" | "white" | "primary-green" | "gray" | "transparent" | "light-gray">;
                 default: string;
             };
             iconName: {
@@ -41,7 +41,7 @@ declare const meta: {
                 default: string;
             };
             color: {
-                type: import("vue").PropType<"blue" | "white" | "gray" | "transparent" | "light-gray">;
+                type: import("vue").PropType<"blue" | "white" | "primary-green" | "gray" | "transparent" | "light-gray">;
                 default: string;
             };
             iconName: {
@@ -68,7 +68,7 @@ declare const meta: {
             onClick?: (() => any) | undefined;
         }, {
             size: "xs" | "small" | "medium" | "large";
-            color: "blue" | "white" | "gray" | "transparent" | "light-gray";
+            color: "blue" | "white" | "primary-green" | "gray" | "transparent" | "light-gray";
             iconName: string | null;
             disabled: boolean;
             rounded: boolean;
@@ -87,7 +87,7 @@ declare const meta: {
                 default: string;
             };
             color: {
-                type: import("vue").PropType<"blue" | "white" | "gray" | "transparent" | "light-gray">;
+                type: import("vue").PropType<"blue" | "white" | "primary-green" | "gray" | "transparent" | "light-gray">;
                 default: string;
             };
             iconName: {
@@ -114,7 +114,7 @@ declare const meta: {
             onClick?: (() => any) | undefined;
         }, {}, {}, {}, {}, {
             size: "xs" | "small" | "medium" | "large";
-            color: "blue" | "white" | "gray" | "transparent" | "light-gray";
+            color: "blue" | "white" | "primary-green" | "gray" | "transparent" | "light-gray";
             iconName: string | null;
             disabled: boolean;
             rounded: boolean;
@@ -130,7 +130,7 @@ declare const meta: {
             default: string;
         };
         color: {
-            type: import("vue").PropType<"blue" | "white" | "gray" | "transparent" | "light-gray">;
+            type: import("vue").PropType<"blue" | "white" | "primary-green" | "gray" | "transparent" | "light-gray">;
             default: string;
         };
         iconName: {
@@ -159,7 +159,7 @@ declare const meta: {
         click: () => void;
     }, string, {
         size: "xs" | "small" | "medium" | "large";
-        color: "blue" | "white" | "gray" | "transparent" | "light-gray";
+        color: "blue" | "white" | "primary-green" | "gray" | "transparent" | "light-gray";
         iconName: string | null;
         disabled: boolean;
         rounded: boolean;

package/dist/components/UiButton/UiButton.vue.d.ts

@@ -1,7 +1,7 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     iconName?: string | null | undefined;
     size?: "xs" | "small" | "medium" | "large" | undefined;
-    color?: "blue" | "white" | "gray" | "transparent" | "light-gray" | undefined;
+    color?: "blue" | "white" | "primary-green" | "gray" | "transparent" | "light-gray" | undefined;
     disabledVariant?: "primary" | "secondary" | undefined;
     disabled?: boolean | undefined;
     href?: string | undefined;
@@ -19,7 +19,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     iconName?: string | null | undefined;
     size?: "xs" | "small" | "medium" | "large" | undefined;
-    color?: "blue" | "white" | "gray" | "transparent" | "light-gray" | undefined;
+    color?: "blue" | "white" | "primary-green" | "gray" | "transparent" | "light-gray" | undefined;
     disabledVariant?: "primary" | "secondary" | undefined;
     disabled?: boolean | undefined;
     href?: string | undefined;
@@ -36,7 +36,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onClick?: (() => any) | undefined;
 }, {
     size: "xs" | "small" | "medium" | "large";
-    color: "blue" | "white" | "gray" | "transparent" | "light-gray";
+    color: "blue" | "white" | "primary-green" | "gray" | "transparent" | "light-gray";
     iconName: string | null;
     disabled: boolean;
     rounded: boolean;

package/dist/components/UiInfoContent/UiInfoContent.stories.d.ts

@@ -273,7 +273,7 @@ declare const meta: {
                         default: string;
                     };
                     color: {
-                        type: import("vue").PropType<"blue" | "white" | "gray" | "transparent" | "light-gray">;
+                        type: import("vue").PropType<"blue" | "white" | "primary-green" | "gray" | "transparent" | "light-gray">;
                         default: string;
                     };
                     iconName: {
@@ -306,7 +306,7 @@ declare const meta: {
                         default: string;
                     };
                     color: {
-                        type: import("vue").PropType<"blue" | "white" | "gray" | "transparent" | "light-gray">;
+                        type: import("vue").PropType<"blue" | "white" | "primary-green" | "gray" | "transparent" | "light-gray">;
                         default: string;
                     };
                     iconName: {
@@ -333,7 +333,7 @@ declare const meta: {
                     onClick?: (() => any) | undefined;
                 }, {
                     size: "xs" | "small" | "medium" | "large";
-                    color: "blue" | "white" | "gray" | "transparent" | "light-gray";
+                    color: "blue" | "white" | "primary-green" | "gray" | "transparent" | "light-gray";
                     iconName: string | null;
                     disabled: boolean;
                     rounded: boolean;
@@ -352,7 +352,7 @@ declare const meta: {
                         default: string;
                     };
                     color: {
-                        type: import("vue").PropType<"blue" | "white" | "gray" | "transparent" | "light-gray">;
+                        type: import("vue").PropType<"blue" | "white" | "primary-green" | "gray" | "transparent" | "light-gray">;
                         default: string;
                     };
                     iconName: {
@@ -379,7 +379,7 @@ declare const meta: {
                     onClick?: (() => any) | undefined;
                 }, {}, {}, {}, {}, {
                     size: "xs" | "small" | "medium" | "large";
-                    color: "blue" | "white" | "gray" | "transparent" | "light-gray";
+                    color: "blue" | "white" | "primary-green" | "gray" | "transparent" | "light-gray";
                     iconName: string | null;
                     disabled: boolean;
                     rounded: boolean;
@@ -395,7 +395,7 @@ declare const meta: {
                     default: string;
                 };
                 color: {
-                    type: import("vue").PropType<"blue" | "white" | "gray" | "transparent" | "light-gray">;
+                    type: import("vue").PropType<"blue" | "white" | "primary-green" | "gray" | "transparent" | "light-gray">;
                     default: string;
                 };
                 iconName: {
@@ -424,7 +424,7 @@ declare const meta: {
                 click: () => void;
             }, string, {
                 size: "xs" | "small" | "medium" | "large";
-                color: "blue" | "white" | "gray" | "transparent" | "light-gray";
+                color: "blue" | "white" | "primary-green" | "gray" | "transparent" | "light-gray";
                 iconName: string | null;
                 disabled: boolean;
                 rounded: boolean;

package/dist/components/UiSearchBar/UiSearchBar.stories.d.ts

@@ -527,7 +527,7 @@ export declare const WithChips: {
                         default: string;
                     };
                     color: {
-                        type: import("vue").PropType<"blue" | "white" | "gray" | "transparent" | "light-gray">;
+                        type: import("vue").PropType<"blue" | "white" | "primary-green" | "gray" | "transparent" | "light-gray">;
                         default: string;
                     };
                     iconName: {
@@ -560,7 +560,7 @@ export declare const WithChips: {
                         default: string;
                     };
                     color: {
-                        type: import("vue").PropType<"blue" | "white" | "gray" | "transparent" | "light-gray">;
+                        type: import("vue").PropType<"blue" | "white" | "primary-green" | "gray" | "transparent" | "light-gray">;
                         default: string;
                     };
                     iconName: {
@@ -587,7 +587,7 @@ export declare const WithChips: {
                     onClick?: (() => any) | undefined;
                 }, {
                     size: "xs" | "small" | "medium" | "large";
-                    color: "blue" | "white" | "gray" | "transparent" | "light-gray";
+                    color: "blue" | "white" | "primary-green" | "gray" | "transparent" | "light-gray";
                     iconName: string | null;
                     disabled: boolean;
                     rounded: boolean;
@@ -606,7 +606,7 @@ export declare const WithChips: {
                         default: string;
                     };
                     color: {
-                        type: import("vue").PropType<"blue" | "white" | "gray" | "transparent" | "light-gray">;
+                        type: import("vue").PropType<"blue" | "white" | "primary-green" | "gray" | "transparent" | "light-gray">;
                         default: string;
                     };
                     iconName: {
@@ -633,7 +633,7 @@ export declare const WithChips: {
                     onClick?: (() => any) | undefined;
                 }, {}, {}, {}, {}, {
                     size: "xs" | "small" | "medium" | "large";
-                    color: "blue" | "white" | "gray" | "transparent" | "light-gray";
+                    color: "blue" | "white" | "primary-green" | "gray" | "transparent" | "light-gray";
                     iconName: string | null;
                     disabled: boolean;
                     rounded: boolean;
@@ -649,7 +649,7 @@ export declare const WithChips: {
                     default: string;
                 };
                 color: {
-                    type: import("vue").PropType<"blue" | "white" | "gray" | "transparent" | "light-gray">;
+                    type: import("vue").PropType<"blue" | "white" | "primary-green" | "gray" | "transparent" | "light-gray">;
                     default: string;
                 };
                 iconName: {
@@ -678,7 +678,7 @@ export declare const WithChips: {
                 click: () => void;
             }, string, {
                 size: "xs" | "small" | "medium" | "large";
-                color: "blue" | "white" | "gray" | "transparent" | "light-gray";
+                color: "blue" | "white" | "primary-green" | "gray" | "transparent" | "light-gray";
                 iconName: string | null;
                 disabled: boolean;
                 rounded: boolean;