@digitalservicebund/ris-ui 0.0.1

package/dist/tailwind/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function a(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var g={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"}}};const u=a(g);var d={},c={};(function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"default",{enumerable:!0,get:function(){return r}});function n(t,i){return{handler:t,config:i}}n.withOptions=function(t,i=()=>({})){const o=function(l){return{__options:l,handler:t(l),config:i(l)}};return o.__isOptionsFunction=!0,o.__pluginFunction=t,o.__configFunction=i,o};const r=n})(c);(function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"default",{enumerable:!0,get:function(){return t}});const n=r(c);function r(i){return i&&i.__esModule?i:{default:i}}const t=n.default})(d);let f=d;var s=(f.__esModule?f:{default:f}).default;const b=a(s),h=u,m=b(({theme:e,addBase:n,addComponents:r})=>{n({body:{color:e("colors.black"),fontFamily:e("fontFamily.font-family-sans")},"::placeholder":{fontFamily:e("fontFamily.font-family-sans"),fontStyle:"normal"}}),r({".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"},".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"}})});exports.RisUiPlugin=m;exports.RisUiPreset=h;

package/dist/tailwind/index.d.ts

@@ -0,0 +1,6 @@
+import angieTokens from "@digitalservice4germany/style-dictionary/tailwind";
+export declare const RisUiPreset: typeof angieTokens;
+export declare const RisUiPlugin: {
+    handler: import("tailwindcss/types/config").PluginCreator;
+    config?: Partial<import("tailwindcss/types/config").Config>;
+};

package/dist/tailwind/index.js

@@ -0,0 +1,349 @@
+function a(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var g = {
+  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"
+    }
+  }
+};
+const u = /* @__PURE__ */ a(g);
+var d = {}, c = {};
+(function(e) {
+  Object.defineProperty(e, "__esModule", {
+    value: !0
+  }), Object.defineProperty(e, "default", {
+    enumerable: !0,
+    get: function() {
+      return r;
+    }
+  });
+  function n(t, i) {
+    return {
+      handler: t,
+      config: i
+    };
+  }
+  n.withOptions = function(t, i = () => ({})) {
+    const o = function(l) {
+      return {
+        __options: l,
+        handler: t(l),
+        config: i(l)
+      };
+    };
+    return o.__isOptionsFunction = !0, o.__pluginFunction = t, o.__configFunction = i, o;
+  };
+  const r = n;
+})(c);
+(function(e) {
+  Object.defineProperty(e, "__esModule", {
+    value: !0
+  }), Object.defineProperty(e, "default", {
+    enumerable: !0,
+    get: function() {
+      return t;
+    }
+  });
+  const n = /* @__PURE__ */ r(c);
+  function r(i) {
+    return i && i.__esModule ? i : {
+      default: i
+    };
+  }
+  const t = n.default;
+})(d);
+let f = d;
+var s = (f.__esModule ? f : { default: f }).default;
+const b = /* @__PURE__ */ a(s), h = u, m = b(({ theme: e, addBase: n, addComponents: r }) => {
+  n({
+    body: {
+      color: e("colors.black"),
+      fontFamily: e("fontFamily.font-family-sans")
+    },
+    "::placeholder": {
+      fontFamily: e("fontFamily.font-family-sans"),
+      fontStyle: "normal"
+    }
+  }), r({
+    ".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 {
+  m as RisUiPlugin,
+  h as RisUiPreset
+};

package/package.json

@@ -0,0 +1,80 @@
+{
+  "name": "@digitalservicebund/ris-ui",
+  "version": "0.0.1",
+  "description": "Component library for NeuRIS",
+  "author": "digitalservicebund",
+  "license": "GPL-3.0-only",
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/digitalservicebund/ris-ui.git"
+  },
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    "./primevue": {
+      "require": "./dist/primevue/index.cjs",
+      "import": "./dist/primevue/index.js",
+      "types": "./dist/primevue/index.d.ts"
+    },
+    "./primevue/style.css": {
+      "import": "./dist/style.css"
+    },
+    "./tailwind": {
+      "require": "./dist/tailwind/index.cjs",
+      "import": "./dist/tailwind/index.js",
+      "types": "./dist/tailwind/index.d.ts"
+    }
+  },
+  "scripts": {
+    "storybook": "storybook dev -p 6006",
+    "build": "vite build && vue-tsc --build tsconfig.lib.json --force",
+    "build:storybook": "storybook build",
+    "prettier:check": "prettier --check .",
+    "prettier:fix": "prettier --write --ignore-unknown .",
+    "eslint:check": "eslint",
+    "eslint:fix": "npm run eslint:check -- --fix",
+    "audit:licenses": "license-checker --production --excludePrivatePackages --excludePackages @digitalservicebund/ris-ui@$(cat package.json | jq -r '.version') --onlyAllow \"$(. ./parse-allowed-licenses.sh)\" --csv --out ./frontend-license-report.csv",
+    "typecheck": "vue-tsc"
+  },
+  "dependencies": {
+    "primevue": "^4.0.4",
+    "vue": "^3.4.38"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "~1.6.1",
+    "@commitlint/config-conventional": "^19.2.2",
+    "@digitalservice4germany/angie": "~1.2.0",
+    "@digitalservice4germany/style-dictionary": "~2.0.0",
+    "@eslint/compat": "^1.1.1",
+    "@eslint/js": "~9.9.0",
+    "@iconify-json/ic": "~1.1.18",
+    "@storybook/addon-essentials": "~8.2.9",
+    "@storybook/addon-interactions": "~8.2.9",
+    "@storybook/addon-links": "~8.2.9",
+    "@storybook/blocks": "~8.2.9",
+    "@storybook/manager-api": "~8.2.9",
+    "@storybook/preview-api": "~8.2.9",
+    "@storybook/test": "~8.2.9",
+    "@storybook/theming": "~8.2.9",
+    "@storybook/vue3": "~8.2.9",
+    "@storybook/vue3-vite": "~8.2.9",
+    "@vitejs/plugin-vue": "~5.1.2",
+    "autoprefixer": "~10.4.20",
+    "eslint": "~9.9.0",
+    "eslint-config-prettier": "~9.1.0",
+    "globals": "~15.9.0",
+    "license-checker": "^25.0.1",
+    "noop-tag": "~2.0.0",
+    "prettier": "~3.3.3",
+    "prettier-plugin-tailwindcss": "~0.6.6",
+    "storybook": "~8.2.9",
+    "tailwindcss": "~3.4.10",
+    "typescript": "~5.5.4",
+    "typescript-eslint": "~8.2.0",
+    "unplugin-icons": "~0.19.2",
+    "vite": "~5.4.1",
+    "vue-tsc": "~2.0.29"
+  }
+}