@dpa-id-components/dpa-shared-components 8.9.3 → 8.9.5

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

@@ -881,14 +881,14 @@ declare const meta: {
                         text: string;
                         small: boolean;
                         trim: boolean;
-                        color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green";
+                        color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green";
                         iconName: string | null;
                         mobileTrim: boolean;
                         screenReaderText: string;
                     }> & Omit<{
                         readonly small: boolean;
                         readonly trim: boolean;
-                        readonly color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green";
+                        readonly color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green";
                         readonly iconName: string | null;
                         readonly mobileTrim: boolean;
                         readonly screenReaderText: string;
@@ -907,7 +907,7 @@ declare const meta: {
                             default: boolean;
                         };
                         color: {
-                            type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green">;
+                            type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green">;
                             default: string;
                         };
                         iconName: {
@@ -950,7 +950,7 @@ declare const meta: {
                             default: boolean;
                         };
                         color: {
-                            type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green">;
+                            type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green">;
                             default: string;
                         };
                         iconName: {
@@ -969,7 +969,7 @@ declare const meta: {
                         text: string;
                         small: boolean;
                         trim: boolean;
-                        color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green";
+                        color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green";
                         iconName: string | null;
                         mobileTrim: boolean;
                         screenReaderText: string;
@@ -1007,7 +1007,7 @@ declare const meta: {
                         default: boolean;
                     };
                     color: {
-                        type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green">;
+                        type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green">;
                         default: string;
                     };
                     iconName: {
@@ -1040,7 +1040,7 @@ declare const meta: {
                     default: boolean;
                 };
                 color: {
-                    type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green">;
+                    type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green">;
                     default: string;
                 };
                 iconName: {
@@ -1059,7 +1059,7 @@ declare const meta: {
                 text: string;
                 small: boolean;
                 trim: boolean;
-                color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green";
+                color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green";
                 iconName: string | null;
                 mobileTrim: boolean;
                 screenReaderText: string;

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

@@ -9,14 +9,14 @@ declare const meta: {
                 text: string;
                 small: boolean;
                 trim: boolean;
-                color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green";
+                color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green";
                 iconName: string | null;
                 mobileTrim: boolean;
                 screenReaderText: string;
             }> & Omit<{
                 readonly small: boolean;
                 readonly trim: boolean;
-                readonly color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green";
+                readonly color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green";
                 readonly iconName: string | null;
                 readonly mobileTrim: boolean;
                 readonly screenReaderText: string;
@@ -35,7 +35,7 @@ declare const meta: {
                     default: boolean;
                 };
                 color: {
-                    type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green">;
+                    type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green">;
                     default: string;
                 };
                 iconName: {
@@ -78,7 +78,7 @@ declare const meta: {
                     default: boolean;
                 };
                 color: {
-                    type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green">;
+                    type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green">;
                     default: string;
                 };
                 iconName: {
@@ -97,7 +97,7 @@ declare const meta: {
                 text: string;
                 small: boolean;
                 trim: boolean;
-                color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green";
+                color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green";
                 iconName: string | null;
                 mobileTrim: boolean;
                 screenReaderText: string;
@@ -135,7 +135,7 @@ declare const meta: {
                 default: boolean;
             };
             color: {
-                type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green">;
+                type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green">;
                 default: string;
             };
             iconName: {
@@ -168,7 +168,7 @@ declare const meta: {
             default: boolean;
         };
         color: {
-            type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green">;
+            type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green">;
             default: string;
         };
         iconName: {
@@ -187,7 +187,7 @@ declare const meta: {
         text: string;
         small: boolean;
         trim: boolean;
-        color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green";
+        color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green";
         iconName: string | null;
         mobileTrim: boolean;
         screenReaderText: string;

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

@@ -1,6 +1,6 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     text?: string | undefined;
-    color?: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | undefined;
+    color?: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green" | undefined;
     iconName?: string | null | undefined;
     mobileTrim?: boolean | undefined;
     trim?: boolean | undefined;
@@ -16,7 +16,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     screenReaderText: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     text?: string | undefined;
-    color?: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | undefined;
+    color?: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green" | undefined;
     iconName?: string | null | undefined;
     mobileTrim?: boolean | undefined;
     trim?: boolean | undefined;
@@ -34,7 +34,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     text: string;
     small: boolean;
     trim: boolean;
-    color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green";
+    color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green";
     iconName: string | null;
     mobileTrim: boolean;
     screenReaderText: string;

package/dist/dpa-shared-components.mjs

@@ -5004,7 +5004,8 @@ const rf = (e, t) => {
       "gray-800": "bg-gray-800 text-white",
       "gray-600": "bg-gray-600 text-white",
       black: "bg-black text-white",
-      "neon-green": "bg-neon-green text-white"
+      "neon-green": "bg-neon-green text-white",
+      "primary-green": "bg-primary-green text-white"
     })[t.color]);
     return (r, n) => (T(), I("div", {
       class: ie(["group relative inline-block rounded-full px-2", [
@@ -5706,7 +5707,7 @@ const Ho = /* @__PURE__ */ qo(kp, [["render", xp]]), Sp = ["checked", "aria-chec
       }, null, 42, Sp),
       Y("span", {
         class: ie(["flex items-center before:box-border before:inline-block before:shrink-0 before:border-2 before:transition-colors before:content-[''] after:absolute after:block peer-checked:opacity-100 peer-checked:after:content-[url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyMCAyMCcgZmlsbD0nbm9uZSc+PHJlY3QgLz48cGF0aCBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGNsaXAtcnVsZT0nZXZlbm9kZCcgZD0nTTguMjE5NjUgMTVDNy45ODk2NSAxNSA3Ljc2OTY1IDE0LjkwNSA3LjYxMjE1IDE0LjczNzVMMy41NTk2NSAxMC40MjE3QzMuMjQzODEgMTAuMDg2NyAzLjI2MTMxIDkuNTU5MTggMy41OTYzMSA5LjI0NDE4QzMuOTMyMTUgOC45MjkxOCA0LjQ1OTY1IDguOTQ1ODUgNC43NzM4MSA5LjI4MDg1TDguMjExMzEgMTIuOTRMMTUuMjE4IDUuMjcxNjhDMTUuNTI5NiA0LjkzMDg1IDE2LjA1NjMgNC45MDgzNSAxNi4zOTYzIDUuMjE4MzVDMTYuNzM1NSA1LjUyODM1IDE2Ljc1ODggNi4wNTU4NSAxNi40NDg4IDYuMzk1MDFMOC44MzQ2NSAxNC43MjgzQzguNjc4ODEgMTQuOSA4LjQ1NzE1IDE0Ljk5ODMgOC4yMjU0OCAxNUg4LjIxOTY1WicgZmlsbD0nd2hpdGUnLz48L3N2Zz4=)]", {
-          "before:h-5 before:w-5 after:h-5 after:w-5": n.size === "medium",
+          "before:h-5 before:w-5 after:mb-1 after:h-5 after:w-5": n.size === "medium",
           "before:h-4 before:w-4 after:h-4 after:w-4": n.size === "small",
           "before:border-blue-default peer-checked:before:bg-blue-default peer-hover:before:border-blue-dark peer-hover:peer-checked:before:bg-blue-dark": n.color === "blue",
           "before:border-gray-800 peer-checked:before:bg-gray-800 peer-hover:before:border-gray-900 peer-hover:peer-checked:before:bg-gray-900": n.color === "gray",