@dpa-id-components/dpa-shared-components 8.12.2 → 8.12.4

package/README.md

@@ -4,7 +4,8 @@ Collection of vue 3 components for usage across dpa projects.
 
 ## Pre-requirements
 
-This project requires a node version of 16.x or higher
+This project requires a node version of 16.x or higher. For Node environments such as nuxt.js Node v20 or higher is
+required to prevent errors from the missing `crypto` library, which is needed for uuid.
 
 You need to add and integrate the Inter font that can be found in `src/assets/fonts` to your project manually.
 An example how the CSS could look can be found in `src/tailwind/fonts.css`
@@ -44,7 +45,9 @@ export default {
     // ... your content globs ...
     './node_modules/@dpa-id-components/dpa-shared-components/**/*.{js,mjs,cjs}'
   ]
-} satisfies Config
+}
+satisfies
+Config
 ```
 
 The tailwind config is located at `./src/tailwind/tailwind.config.ts`.

package/dist/dpa-shared-components.mjs

@@ -5914,10 +5914,10 @@ const yi = /* @__PURE__ */ gi(Nh, [["render", Bh]]), Ih = ["checked", "aria-chec
           return `${s} text-blue-default bg-white border-[1px] border-gray-300 hover:text-blue-dark hover:border-gray-700`;
         case "gray":
           return `${s} text-white bg-gray-700 hover:bg-gray-800`;
-        case "disabled":
-          return r.disabledVariant === "primary" ? `${s} text-gray-400 bg-gray-300 cursor-not-allowed` : `${s} text-gray-400 bg-white cursor-not-allowed border border-gray-400`;
         case "light-gray":
           return `${s} text-gray-800 bg-gray-100`;
+        case "disabled":
+          return r.disabledVariant === "primary" ? `${s} text-gray-400 bg-gray-100 cursor-not-allowed` : `${s} text-gray-400 bg-white cursor-not-allowed border border-gray-400`;
         default:
           return `${s} text-white bg-blue-default hover:bg-blue-dark`;
       }
@@ -5958,7 +5958,7 @@ const yi = /* @__PURE__ */ gi(Nh, [["render", Bh]]), Ih = ["checked", "aria-chec
       _: 3
     }, 8, ["class", "disabled", "href"]));
   }
-}), qh = {}, Hh = { class: "flex [&>*:first-child]:rounded-l-full [&>*:last-child]:rounded-r-full [&>*:last-child]:border-r [&>*]:border [&>*]:border-r-0" };
+}), qh = {}, Hh = { class: "flex [&>*:first-child]:rounded-l-full [&>*:last-child]:rounded-r-full [&>*:last-child]:border-r [&>*]:border-[1px] [&>*]:border-r-0 [&>*]:border-gray-300" };
 function Vh(e, t) {
   return D(), I("div", Hh, [
     re(e.$slots, "default")