@digitalservicebund/ris-ui 2.0.0 → 3.0.0

package/dist/tailwind/index.js

@@ -1,364 +1 @@
-function h(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
-}
-var a, c;
-function m() {
-  return c || (c = 1, a = {
-    theme: {
-      colors: {
-        inherit: "inherit",
-        current: "currentColor",
-        transparent: "transparent",
-        black: "#0b0c0c",
-        blue: {
-          100: "#f2f6f8",
-          200: "#ecf1f4",
-          300: "#dce8ef",
-          400: "#ccdbe4",
-          500: "#b3c9d6",
-          600: "#6693ad",
-          700: "#336f91",
-          800: "#004b76",
-          900: "#003350"
-        },
-        gray: {
-          100: "#f6f7f8",
-          200: "#eff2f4",
-          300: "#edeef0",
-          400: "#dcdee1",
-          500: "#cacdd2",
-          600: "#b8bdc3",
-          700: "#a6acb5",
-          800: "#6f7785",
-          900: "#4e596a"
-        },
-        green: {
-          100: "#e8f7f0",
-          200: "#ccebdd",
-          300: "#b0d8c6",
-          400: "#97ccb4",
-          500: "#65b491",
-          600: "#349d6e",
-          700: "#01854a",
-          800: "#006538",
-          900: "#003e22"
-        },
-        orange: {
-          100: "#fef7e8",
-          200: "#fae5bb",
-          300: "#f9d791",
-          400: "#f8c967",
-          500: "#f7bb3d",
-          600: "#e9aa26",
-          700: "#d79815",
-          800: "#c18509",
-          900: "#ad7500"
-        },
-        red: {
-          100: "#fcf2f5",
-          200: "#f9e5ec",
-          300: "#f2ccd8",
-          400: "#ecb3c5",
-          500: "#e699b1",
-          600: "#d9668b",
-          700: "#c61a50",
-          800: "#b0243f",
-          900: "#8e001b"
-        },
-        white: "#fff",
-        yellow: {
-          100: "#fefcef",
-          200: "#fff9d2",
-          300: "#f9ec9e",
-          400: "#f7e67d",
-          500: "#f5e05d",
-          600: "#f2dc5d",
-          700: "#e5ce5c",
-          800: "#dac23c",
-          900: "#c3a91e"
-        }
-      },
-      fontFamily: {
-        "font-family-sans": [
-          "BundesSansWeb",
-          "Calibri",
-          "Verdana",
-          "Arial",
-          "Helvetica",
-          "sans-serif"
-        ],
-        "font-family-serif": [
-          "BundesSerifWeb",
-          "Cambria",
-          "Georgia",
-          '"Times New Roman"',
-          "serif"
-        ],
-        "font-family-condensed": [
-          "BundesSansCondWeb",
-          "Calibri",
-          "Verdana",
-          "Arial",
-          "Helvetica",
-          "sans-serif"
-        ]
-      },
-      spacing: {
-        0: "0rem",
-        1: "0.0625rem",
-        2: "0.125rem",
-        4: "0.25rem",
-        6: "0.375rem",
-        8: "0.5rem",
-        10: "0.625rem",
-        12: "0.75rem",
-        14: "0.875rem",
-        16: "1rem",
-        20: "1.25rem",
-        24: "1.5rem",
-        28: "1.75rem",
-        32: "2rem",
-        36: "2.25rem",
-        40: "2.5rem",
-        44: "2.75rem",
-        48: "3rem",
-        56: "3.5rem",
-        64: "4rem",
-        80: "5rem",
-        96: "6rem",
-        112: "7rem",
-        128: "8rem",
-        144: "9rem",
-        160: "10rem",
-        176: "11rem",
-        192: "12rem",
-        208: "13rem",
-        224: "14rem",
-        240: "15rem",
-        288: "18rem",
-        320: "20rem",
-        384: "24rem"
-      }
-    }
-  }), a;
-}
-var p = m();
-const x = /* @__PURE__ */ h(p);
-var f = {}, u = {}, g;
-function S() {
-  return g || (g = 1, function(e) {
-    Object.defineProperty(e, "__esModule", {
-      value: !0
-    }), Object.defineProperty(e, "default", {
-      enumerable: !0,
-      get: function() {
-        return t;
-      }
-    });
-    function n(r, i) {
-      return {
-        handler: r,
-        config: i
-      };
-    }
-    n.withOptions = function(r, i = () => ({})) {
-      const o = function(l) {
-        return {
-          __options: l,
-          handler: r(l),
-          config: i(l)
-        };
-      };
-      return o.__isOptionsFunction = !0, o.__pluginFunction = r, o.__configFunction = i, o;
-    };
-    const t = n;
-  }(u)), u;
-}
-var s;
-function W() {
-  return s || (s = 1, function(e) {
-    Object.defineProperty(e, "__esModule", {
-      value: !0
-    }), Object.defineProperty(e, "default", {
-      enumerable: !0,
-      get: function() {
-        return r;
-      }
-    });
-    const n = /* @__PURE__ */ t(S());
-    function t(i) {
-      return i && i.__esModule ? i : {
-        default: i
-      };
-    }
-    const r = n.default;
-  }(f)), f;
-}
-var d, b;
-function H() {
-  if (b) return d;
-  b = 1;
-  let e = W();
-  return d = (e.__esModule ? e : { default: e }).default, d;
-}
-var y = H();
-const z = /* @__PURE__ */ h(y), _ = x, P = z(({ theme: e, addBase: n, addComponents: t }) => {
-  n({
-    body: {
-      color: e("colors.black"),
-      fontFamily: e("fontFamily.font-family-sans")
-    },
-    "::placeholder": {
-      fontFamily: e("fontFamily.font-family-sans"),
-      fontStyle: "normal"
-    }
-  }), t({
-    ".ris-title-regular": {
-      fontSize: "64px",
-      fontWeight: "normal",
-      lineHeight: "1.1875"
-    },
-    ".ris-heading1-regular": {
-      fontSize: "48px",
-      fontWeight: "normal",
-      lineHeight: "1.2"
-    },
-    ".ris-heading1-bold": {
-      fontSize: "48px",
-      fontWeight: "bold",
-      lineHeight: "1.2"
-    },
-    // TODO: Heading 1 mobile
-    ".ris-heading2-regular": {
-      fontSize: "32px",
-      fontWeight: "normal",
-      lineHeight: "1.1875"
-    },
-    ".ris-heading2-bold": {
-      fontSize: "32px",
-      fontWeight: "bold",
-      lineHeight: "1.1875"
-    },
-    ".ris-heading3-regular": {
-      fontSize: "26px",
-      fontWeight: "normal",
-      lineHeight: "1.23"
-    },
-    ".ris-heading3-bold": {
-      fontSize: "26px",
-      fontWeight: "bold",
-      lineHeight: "1.23"
-    },
-    ".ris-subhead-regular": {
-      fontSize: "20px",
-      fontWeight: "normal",
-      lineHeight: "1.5"
-    },
-    ".ris-body1-regular": {
-      fontSize: "18px",
-      fontWeight: "normal",
-      lineHeight: "1.5"
-    },
-    ".ris-body1-bold": {
-      fontSize: "18px",
-      fontWeight: "bold",
-      lineHeight: "1.5"
-    },
-    ".ris-body2-regular": {
-      fontSize: "16px",
-      fontWeight: "normal",
-      lineHeight: "1.5"
-    },
-    ".ris-body2-bold": {
-      fontSize: "16px",
-      fontWeight: "bold",
-      lineHeight: "1.5"
-    },
-    ".ris-body3-regular": {
-      fontSize: "14px",
-      fontWeight: "normal",
-      lineHeight: "1.5"
-    },
-    ".ris-body3-bold": {
-      fontSize: "14px",
-      fontWeight: "bold",
-      lineHeight: "1.5"
-    },
-    ".ris-label1-regular": {
-      fontSize: "18px",
-      fontWeight: "normal",
-      lineHeight: "1.25"
-    },
-    ".ris-label1-bold": {
-      fontSize: "18px",
-      fontWeight: "bold",
-      lineHeight: "1.25"
-    },
-    ".ris-label2-regular": {
-      fontSize: "16px",
-      fontWeight: "normal",
-      lineHeight: "1.25"
-    },
-    ".ris-label2-bold": {
-      fontSize: "16px",
-      fontWeight: "bold",
-      lineHeight: "1.25"
-    },
-    ".ris-label3-regular": {
-      fontSize: "14px",
-      fontWeight: "normal",
-      lineHeight: "1.25"
-    },
-    ".ris-label3-bold": {
-      fontSize: "14px",
-      fontWeight: "bold",
-      lineHeight: "1.25"
-    },
-    ".ris-link1-regular": {
-      color: e("colors.blue.800"),
-      fontSize: "18px",
-      fontWeight: "normal",
-      lineHeight: "1.5",
-      textDecoration: "underline"
-    },
-    ".ris-link1-bold": {
-      color: e("colors.blue.800"),
-      fontSize: "18px",
-      fontWeight: "bold",
-      lineHeight: "1.5",
-      textDecoration: "underline"
-    },
-    ".ris-link2-regular": {
-      color: e("colors.blue.800"),
-      fontSize: "16px",
-      fontWeight: "normal",
-      lineHeight: "1.5",
-      textDecoration: "underline"
-    },
-    ".ris-link2-bold": {
-      color: e("colors.blue.800"),
-      fontSize: "16px",
-      fontWeight: "bold",
-      lineHeight: "1.5",
-      textDecoration: "underline"
-    },
-    ".ris-link3-regular": {
-      color: e("colors.blue.800"),
-      fontSize: "14px",
-      fontWeight: "normal",
-      lineHeight: "1.5",
-      textDecoration: "underline"
-    },
-    ".ris-link3-bold": {
-      color: e("colors.blue.800"),
-      fontSize: "14px",
-      fontWeight: "bold",
-      lineHeight: "1.5",
-      textDecoration: "underline"
-    }
-  });
-});
-export {
-  P as RisUiPlugin,
-  _ as RisUiPreset
-};
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digitalservicebund/ris-ui",
-  "version": "2.0.0",
+  "version": "3.0.0",
   "description": "Component library for NeuRIS",
   "author": "digitalservicebund",
   "license": "GPL-3.0-only",
@@ -14,25 +14,25 @@
   ],
   "exports": {
     "./primevue": {
-      "require": "./dist/primevue/index.cjs",
+      "types": "./dist/primevue/index.d.ts",
       "import": "./dist/primevue/index.js",
-      "types": "./dist/primevue/index.d.ts"
+      "require": "./dist/primevue/index.cjs"
     },
     "./primevue/style.css": {
       "import": "./dist/style.css"
     },
     "./tailwind": {
-      "require": "./dist/tailwind/index.cjs",
+      "types": "./dist/tailwind/index.d.ts",
       "import": "./dist/tailwind/index.js",
-      "types": "./dist/tailwind/index.d.ts"
+      "require": "./dist/tailwind/index.cjs"
     },
     "./fonts.css": {
       "import": "./dist/fonts.css"
     },
     "./components": {
-      "require": "./dist/components/index.cjs",
+      "types": "./dist/components/index.d.ts",
       "import": "./dist/components/index.js",
-      "types": "./dist/components/index.d.ts"
+      "require": "./dist/components/index.cjs"
     }
   },
   "scripts": {
@@ -53,52 +53,50 @@
   },
   "peerDependencies": {
     "primevue": "^4.0.0",
-    "vue": "^3.0.0",
-    "tailwindcss": "^3.0.0"
+    "tailwindcss": "^4.0.0",
+    "vue": "^3.0.0"
   },
   "devDependencies": {
     "@commitlint/config-conventional": "~19.7.1",
     "@digitalservice4germany/angie": "~1.2.0",
-    "@digitalservice4germany/style-dictionary": "~2.0.0",
-    "@eslint/compat": "~1.2.2",
-    "@eslint/js": "~9.14.0",
-    "@iconify-json/ic": "^1.2.1",
-    "@iconify-json/material-symbols": "~1.2.6",
-    "@iconify-json/mdi": "~1.2.1",
+    "@eslint/compat": "~1.2.7",
+    "@eslint/js": "~9.21.0",
+    "@iconify-json/ic": "~1.2.2",
+    "@iconify-json/material-symbols": "~1.2.14",
+    "@iconify-json/mdi": "~1.2.3",
     "@iconify/vue": "~4.3.0",
-    "@storybook/addon-essentials": "~8.5.1",
-    "@storybook/blocks": "~8.4.2",
-    "@storybook/manager-api": "~8.5.2",
-    "@storybook/theming": "~8.4.2",
-    "@storybook/vue3": "~8.4.2",
-    "@storybook/vue3-vite": "~8.4.2",
+    "@storybook/addon-essentials": "~8.6.3",
+    "@storybook/blocks": "~8.6.3",
+    "@storybook/manager-api": "~8.6.3",
+    "@storybook/theming": "~8.6.3",
+    "@storybook/vue3": "~8.6.3",
+    "@storybook/vue3-vite": "~8.6.3",
+    "@tailwindcss/postcss": "~4.0.7",
     "@testing-library/jest-dom": "~6.6.3",
-    "@testing-library/user-event": "~14.5.2",
+    "@testing-library/user-event": "~14.6.1",
     "@testing-library/vue": "~8.1.0",
-    "@types/lodash": "^4.17.13",
+    "@types/lodash": "~4.17.16",
     "@vitejs/plugin-vue": "~5.2.1",
     "@vue/test-utils": "~2.4.6",
-    "autoprefixer": "~10.4.20",
-    "eslint": "~9.18.0",
-    "eslint-config-prettier": "~9.1.0",
-    "eslint-plugin-vue": "^9.32.0",
-    "globals": "~15.14.0",
-    "jsdom": "~25.0.1",
+    "eslint": "~9.21.0",
+    "eslint-config-prettier": "~10.0.2",
+    "eslint-plugin-vue": "~9.32.0",
+    "globals": "~16.0.0",
+    "jsdom": "~26.0.0",
     "license-checker": "~25.0.1",
-    "lodash": "^4.17.21",
-    "msw": "~2.7.0",
-    "msw-storybook-addon": "~2.0.3",
-    "prettier": "~3.4.1",
-    "prettier-plugin-tailwindcss": "~0.6.8",
-    "storybook": "~8.5.0",
+    "lodash": "~4.17.21",
+    "msw": "~2.7.3",
+    "msw-storybook-addon": "~2.0.4",
+    "prettier": "~3.5.3",
+    "prettier-plugin-tailwindcss": "~0.6.11",
+    "storybook": "~8.6.3",
     "storybook-vue3-router": "~5.0.0",
-    "tailwindcss": "~3.4.14",
     "typescript": "~5.7.3",
-    "typescript-eslint": "~8.20.0",
-    "unplugin-icons": "~0.22.0",
-    "vite": "~6.0.7",
-    "vitest": "~2.1.4",
-    "vue-tsc": "~2.2.0"
+    "typescript-eslint": "~8.25.0",
+    "unplugin-icons": "~22.1.0",
+    "vite": "~6.2.0",
+    "vitest": "~3.0.7",
+    "vue-tsc": "~2.2.8"
   },
   "msw": {
     "workerDirectory": [