@digitalservicebund/ris-ui 3.14.1 → 3.15.0

package/dist/primevue/index.js

@@ -1,20 +1,20 @@
 import { t as e } from "../tags-Dde6Li6m.js";
 const S = {
   root: ({ props: t, instance: l }) => {
-    const r = e`relative inline-flex max-w-full cursor-pointer items-center justify-center gap-8 text-center focus:outline-4 focus:outline-offset-4 focus:outline-blue-800 focus:not-focus-visible:outline-none focus-visible:outline-4 focus-visible:outline-offset-4 focus-visible:outline-blue-800 active:outline-none disabled:cursor-not-allowed disabled:outline-hidden`, o = e`rounded-full`, s = t.severity ?? "primary", a = e`bg-blue-800 text-white hover:bg-blue-700 active:bg-blue-500 active:text-blue-800 disabled:bg-gray-400 disabled:text-gray-600`, n = e`border-2 border-blue-800 bg-white text-blue-800 hover:bg-gray-200 focus:bg-gray-200 active:border-white active:bg-white disabled:border-blue-500 disabled:text-blue-500 disabled:hover:bg-white`, c = e`border-2 border-red-800 bg-white text-red-800 hover:bg-gray-200 focus:bg-gray-200 focus:outline-red-800 active:border-white active:bg-white disabled:border-red-500 disabled:text-red-500 disabled:hover:bg-white`, u = e`border border-blue-500 bg-white font-normal text-blue-800 hover:bg-gray-200 focus:bg-gray-200 active:border-white active:bg-white disabled:border-blue-500 disabled:text-blue-500 disabled:hover:bg-white`, h = e`border-2 border-transparent bg-transparent text-blue-800 underline hover:border-gray-500 hover:bg-white focus:border-gray-500 active:border-white active:bg-white disabled:bg-transparent disabled:text-gray-500`, b = t.size ?? "normal";
-    let i = e`ris-body2-bold h-40 py-4`, d = e`ris-body2-bold h-48 py-4`, g = e`ris-body1-bold h-64 py-4`;
-    return l.hasIcon && !t.label ? (i = e`${i} w-40 px-4`, d = e`${d} w-48 px-4`, g = e`${g} w-64 px-4`) : (i = e`${i} px-16`, d = e`${d} px-16`, g = e`${g} px-24`), {
+    const r = e`relative inline-flex max-w-full cursor-pointer items-center justify-center gap-8 text-center focus:outline-4 focus:outline-offset-4 focus:outline-blue-800 focus:not-focus-visible:outline-none focus-visible:outline-4 focus-visible:outline-offset-4 focus-visible:outline-blue-800 active:outline-none disabled:cursor-not-allowed disabled:outline-hidden`, o = e`rounded-full`, s = t.severity ?? "primary", a = e`bg-blue-800 text-white hover:bg-blue-700 active:bg-blue-500 active:text-blue-800 disabled:bg-gray-400 disabled:text-gray-600`, n = e`border-2 border-blue-800 bg-white text-blue-800 hover:bg-gray-200 focus:bg-gray-200 active:border-white active:bg-white disabled:border-blue-500 disabled:text-blue-500 disabled:hover:bg-white`, u = e`border-2 border-red-800 bg-white text-red-800 hover:bg-gray-200 focus:bg-gray-200 focus:outline-red-800 active:border-white active:bg-white disabled:border-red-500 disabled:text-red-500 disabled:hover:bg-white`, i = e`border border-blue-500 bg-white font-normal text-blue-800 hover:bg-gray-200 focus:bg-gray-200 active:border-white active:bg-white disabled:border-blue-500 disabled:text-blue-500 disabled:hover:bg-white`, g = e`border-2 border-transparent bg-transparent text-blue-800 underline hover:border-gray-500 hover:bg-white focus:border-gray-500 active:border-white active:bg-white disabled:bg-transparent disabled:text-gray-500`, b = t.size ?? "normal";
+    let c = e`ris-body2-bold h-40 py-4`, d = e`ris-body2-bold h-48 py-4`, f = e`ris-body1-bold h-64 py-4`;
+    return l.hasIcon && !t.label ? (c = e`${c} w-40 px-4`, d = e`${d} w-48 px-4`, f = e`${f} w-64 px-4`) : (c = e`${c} px-16`, d = e`${d} px-16`, f = e`${f} px-24`), {
       class: {
         [r]: !0,
         [o]: t.rounded,
-        [i]: b === "small",
+        [c]: b === "small",
         [d]: b === "normal",
-        [g]: b === "large",
+        [f]: b === "large",
         [a]: !t.text && s === "primary",
         [n]: !t.text && s === "secondary",
-        [c]: !t.text && s === "danger",
-        [u]: !t.text && s === "info",
-        [h]: t.text && s === "primary"
+        [u]: !t.text && s === "danger",
+        [i]: !t.text && s === "info",
+        [g]: t.text && s === "primary"
       }
     };
   },
@@ -38,7 +38,7 @@ const S = {
       }
     };
   }
-}, f = {
+}, h = {
   root: ({ props: t }) => ({
     class: {
       [e`[&+label]:ris-label1-regular relative inline-block h-24 min-h-24 w-24 min-w-24 [&+label]:ml-8`]: !0,
@@ -55,8 +55,15 @@ const S = {
     class: e`h-12 w-12`
   }
 }, M = {
-  // All styling implemented in primevue/dialog
+  root: {
+    class: e`mr-6 inline-flex items-center rounded-full bg-blue-300 px-12 py-4`
+  },
+  removeIcon: {
+    class: e`ml-4`
+  }
 }, z = {
+  // All styling implemented in primevue/dialog
+}, N = {
   root: () => ({
     class: e`ris-label2-regular max-h-[90dvh] w-[95dvw] max-w-[25rem] border-2 border-blue-800 bg-white px-56 py-44 shadow-lg`
   }),
@@ -88,7 +95,7 @@ const S = {
   mask: {
     class: e`bg-black/40`
   }
-}, N = {
+}, D = {
   basicContent: {
     // @ts-expect-error types appear to be wrong here
     class: e`flex flex-col items-center gap-10`
@@ -96,11 +103,11 @@ const S = {
   input: {
     class: e`hidden`
   }
-}, D = {
+}, A = {
   root: {
     class: e`flex`
   }
-}, y = e`[&+small]:ris-label3-regular border-2 border-blue-800 bg-white placeholder:text-gray-800 read-only:cursor-not-allowed read-only:border-blue-300 read-only:bg-blue-300 hover:outline-4 hover:-outline-offset-4 hover:outline-blue-800 focus:outline-4 focus:-outline-offset-4 focus:outline-blue-800 disabled:border-blue-500 disabled:bg-white disabled:text-blue-500 disabled:outline-hidden aria-[invalid]:border-red-800 aria-[invalid]:bg-red-200 aria-[invalid]:outline-red-800 aria-[invalid]:disabled:outline-hidden [&+small]:mt-4 [&+small]:flex [&+small]:items-center [&+small]:gap-4 [&+small]:text-gray-900 [&[aria-invalid="true"]+small]:text-red-900`, k = e`ris-body2-regular h-48 px-16 py-4`, A = e`ris-body1-regular h-64 px-24 py-4`, L = {
+}, y = e`[&+small]:ris-label3-regular border-2 border-blue-800 bg-white placeholder:text-gray-800 read-only:cursor-not-allowed read-only:border-blue-300 read-only:bg-blue-300 hover:outline-4 hover:-outline-offset-4 hover:outline-blue-800 focus:outline-4 focus:-outline-offset-4 focus:outline-blue-800 disabled:border-blue-500 disabled:bg-white disabled:text-blue-500 disabled:outline-hidden aria-[invalid]:border-red-800 aria-[invalid]:bg-red-200 aria-[invalid]:outline-red-800 aria-[invalid]:disabled:outline-hidden [&+small]:mt-4 [&+small]:flex [&+small]:items-center [&+small]:gap-4 [&+small]:text-gray-900 [&[aria-invalid="true"]+small]:text-red-900`, k = e`ris-body2-regular h-48 px-16 py-4`, L = e`ris-body1-regular h-64 px-24 py-4`, B = {
   root: ({ props: t }) => {
     const l = e`[&[type=password]]:w-full [&[type=password]:not(:placeholder-shown)]:text-[28px] [&[type=password]:not(:placeholder-shown)]:tracking-[4px]`, r = e`w-full`;
     return {
@@ -109,12 +116,12 @@ const S = {
         [r]: !!t.fluid,
         [l]: !0,
         [k]: !t.size || t.size === "small",
-        [A]: t.size === "large"
+        [L]: t.size === "large"
       },
       "data-size": t.size ?? "small"
     };
   }
-}, B = {
+}, F = {
   root: {
     class: e`ris-body2-regular bg-white shadow`
   },
@@ -136,25 +143,25 @@ const S = {
   itemLink: {
     class: e`flex items-center gap-8`
   }
-}, F = {
+}, C = {
   root: ({ props: t, instance: l }) => {
-    const r = e`ris-body1-regular border-l-4 px-20 py-14`, o = t.severity ?? "info", s = e`border-l-green-800 bg-green-200`, a = e`border-l-blue-800 bg-blue-200`, n = e`border-l-yellow-800 bg-yellow-200`, c = e`border-l-red-800 bg-red-200`, u = !!l.$slots.icon, b = {
+    const r = e`ris-body1-regular border-l-4 px-20 py-14`, o = t.severity ?? "info", s = e`border-l-green-800 bg-green-200`, a = e`border-l-blue-800 bg-blue-200`, n = e`border-l-yellow-800 bg-yellow-200`, u = e`border-l-red-800 bg-red-200`, i = !!l.$slots.icon, b = {
       success: "var(--ris-icon-success)",
       info: "var(--ris-icon-info)",
       warn: "var(--ris-icon-warn)",
       error: "var(--ris-icon-error)"
-    }[o], i = e`bg-[length:20px] bg-[16px_18px] bg-no-repeat pl-44`;
+    }[o], c = e`bg-[length:20px] bg-[16px_18px] bg-no-repeat pl-44`;
     return {
       class: {
         [r]: !0,
         [s]: o === "success",
         [a]: o === "info",
         [n]: o === "warn",
-        [c]: o === "error",
-        [i]: !u
+        [u]: o === "error",
+        [c]: !i
       },
       style: {
-        backgroundImage: u ? void 0 : b
+        backgroundImage: i ? void 0 : b
       }
     };
   },
@@ -176,16 +183,16 @@ const S = {
       }
     };
   }
-}, T = {
+}, I = {
   // All styling moved to inputText.ts
-}, C = {
+}, T = {
   root: {
     class: e`mx-auto inline-block h-28 w-28 animate-spin`
   },
   circle: {
     class: e`fill-transparent stroke-current stroke-[4px] text-blue-800 [stroke-dasharray:200] [stroke-dashoffset:100]`
   }
-}, I = {
+}, E = {
   root: {
     class: e`[&+label]:ris-label1-regular relative inline-block h-32 w-32 [&+label]:ml-8`
   },
@@ -198,7 +205,7 @@ const S = {
   icon: {
     class: e`h-16 w-16 rounded-full bg-current`
   }
-}, v = e`w-full`, E = {
+}, v = e`w-full`, j = {
   root: ({ props: t }) => {
     const l = e`flex border-2 border-blue-800 bg-white placeholder:text-gray-800 focus-within:outline-4 focus-within:-outline-offset-4 focus-within:outline-blue-800 hover:outline hover:outline-4 hover:-outline-offset-4 hover:outline-blue-800 disabled:border-blue-500 disabled:bg-white disabled:text-blue-500 disabled:outline-hidden`, r = e`ris-body2-regular h-48 py-4 pr-4 pl-16`, o = e`aria-[invalid]:border-red-800 aria-[invalid]:bg-red-200 aria-[invalid]:outline-red-800 aria-[invalid]:disabled:outline-hidden`;
     return {
@@ -229,7 +236,7 @@ const S = {
   overlay: {
     class: e`mt-12 w-full overflow-auto bg-white px-8 py-12 shadow-md`
   }
-}, j = {
+}, R = {
   root: ({ props: t }) => {
     const l = e`ris-body1-regular [&+small]:ris-label3-regular min-h-56 border-2 border-blue-800 bg-white px-14 pt-8 pb-12 placeholder:text-gray-900 read-only:cursor-not-allowed read-only:border-blue-300 read-only:bg-blue-300 hover:outline hover:outline-4 hover:-outline-offset-4 hover:outline-blue-800 focus:outline focus:outline-4 focus:-outline-offset-4 focus:outline-blue-800 disabled:border-blue-500 disabled:bg-white disabled:text-blue-500 disabled:outline-hidden aria-[invalid]:border-red-800 aria-[invalid]:bg-red-200 aria-[invalid]:outline-red-800 aria-[invalid]:disabled:outline-hidden [&+small]:mt-2 [&+small]:flex [&+small]:items-center [&+small]:gap-4 [&+small]:text-gray-900 [&[aria-invalid="true"]+small]:text-red-900`, r = e`w-full`;
     return {
@@ -239,7 +246,7 @@ const S = {
       }
     };
   }
-}, R = {
+}, V = {
   root: {
     class: e`max-w-lg`
   },
@@ -294,18 +301,18 @@ const S = {
   closeIcon: {
     class: e`text-black`
   }
-}, V = {
+}, _ = {
   root: ({ props: t, state: l }) => {
-    const r = e`ris-body2-regular [&+small]:ris-label3-regular relative inline-flex h-48 items-center justify-between border-2 bg-white py-4 pr-12 pl-16 [&+small]:mt-2 [&+small]:flex [&+small]:items-center [&+small]:gap-4 [&+small]:text-gray-900 [&[aria-invalid="true"]+small]:text-red-900`, o = e`cursor-pointer border-blue-800`, s = e`has-[:focus]:outline-4 has-[:focus]:-outline-offset-4 has-[:focus]:outline-blue-800`, a = e`hover:outline-4 hover:-outline-offset-4 hover:outline-blue-800`, n = e`cursor-not-allowed border-blue-500 text-blue-500 disabled:outline-hidden`, c = e`border-red-800 bg-red-200 aria-[invalid]:outline-red-800 aria-[invalid]:active:outline-hidden aria-[invalid]:disabled:outline-hidden`, u = e`w-full`;
+    const r = e`ris-body2-regular [&+small]:ris-label3-regular relative inline-flex h-48 items-center justify-between border-2 bg-white py-4 pr-12 pl-16 [&+small]:mt-2 [&+small]:flex [&+small]:items-center [&+small]:gap-4 [&+small]:text-gray-900 [&[aria-invalid="true"]+small]:text-red-900`, o = e`cursor-pointer border-blue-800`, s = e`has-[:focus]:outline-4 has-[:focus]:-outline-offset-4 has-[:focus]:outline-blue-800`, a = e`hover:outline-4 hover:-outline-offset-4 hover:outline-blue-800`, n = e`cursor-not-allowed border-blue-500 text-blue-500 disabled:outline-hidden`, u = e`border-red-800 bg-red-200 aria-[invalid]:outline-red-800 aria-[invalid]:active:outline-hidden aria-[invalid]:disabled:outline-hidden`, i = e`w-full`;
     return {
       class: {
         [r]: !0,
         [o]: !t.disabled,
         [s]: l.focused && !t.disabled,
         [a]: !t.disabled,
-        [u]: !!t.fluid,
+        [i]: !!t.fluid,
         [n]: t.disabled,
-        [c]: t.invalid
+        [u]: t.invalid
       },
       "aria-invalid": t.invalid ? "true" : null
     };
@@ -331,7 +338,53 @@ const S = {
       }
     };
   }
-}, _ = {
+}, P = {
+  root: ({ props: t, state: l }) => {
+    const r = e`ris-body2-regular [&+small]:ris-label3-regular relative inline-flex min-h-48 items-center justify-start border-2 bg-white py-2 pr-12 pl-12 [&+small]:mt-2 [&+small]:flex [&+small]:items-center [&+small]:gap-4 [&+small]:text-gray-900 [&[aria-invalid="true"]+small]:text-red-900`, o = e`cursor-pointer border-blue-800`, s = e`has-[:focus]:outline-4 has-[:focus]:-outline-offset-4 has-[:focus]:outline-blue-800`, a = e`hover:outline-4 hover:-outline-offset-4 hover:outline-blue-800`, n = e`cursor-not-allowed border-blue-500 text-blue-500 disabled:outline-hidden`, u = e`border-red-800 bg-red-200 aria-[invalid]:outline-red-800 aria-[invalid]:active:outline-hidden aria-[invalid]:disabled:outline-hidden`, i = e`w-full`;
+    return {
+      class: {
+        [r]: !0,
+        [o]: !t.disabled,
+        [s]: l.focused && !t.disabled,
+        [a]: !t.disabled,
+        [i]: !!t.fluid,
+        [n]: t.disabled,
+        [u]: t.invalid
+      },
+      "aria-invalid": t.invalid ? "true" : null
+    };
+  },
+  dropdown: {
+    class: e`pl-12`
+  },
+  dropdownIcon: {
+    class: e`absolute top-16 right-8`
+  },
+  listContainer: {
+    class: e`overflow-auto shadow-md`
+  },
+  labelContainer: {
+    class: e`flex flex-row`
+  },
+  overlay: {
+    class: e`bg-white`
+  },
+  optionLabel: {
+    class: e`pl-12`
+  },
+  header: {
+    class: e`hidden`
+  },
+  option: ({ context: t }) => {
+    const l = e`ris-body2-regular relative flex h-full min-h-48 w-full cursor-pointer border-l-4 border-transparent py-16 pr-24 pl-20 after:absolute after:right-8 after:-bottom-1 after:left-8 after:border-b after:border-gray-300 after:content-[''] last:after:border-b-0 hover:bg-gray-100`, r = e`border-l-4 border-solid border-l-blue-800 bg-gray-100`;
+    return {
+      class: {
+        [l]: !0,
+        [r]: t.focused
+      }
+    };
+  }
+}, Z = {
   pcInputText: {
     root: ({ props: t }) => ({
       class: {
@@ -341,7 +394,7 @@ const S = {
       }
     })
   }
-}, P = {
+}, J = {
   list: {
     class: e`m-0 flex list-none flex-wrap items-center p-0 leading-none`
   },
@@ -354,7 +407,7 @@ const S = {
   separator: {
     class: e`mx-6 flex items-center text-gray-600`
   }
-}, p = e`cursor-pointer`, m = e`ris-label1-bold border-l-blue-800 bg-blue-200 text-black hover:bg-blue-300 focus-visible:bg-blue-300`, w = e`ris-label1-regular hover:bg-blue-200 focus-visible:bg-blue-200`, x = e`focus-visible:outline-none`, Z = {
+}, p = e`cursor-pointer`, m = e`ris-label1-bold border-l-blue-800 bg-blue-200 text-black hover:bg-blue-300 focus-visible:bg-blue-300`, w = e`ris-label1-regular hover:bg-blue-200 focus-visible:bg-blue-200`, x = e`focus-visible:outline-none`, H = {
   root: {
     class: e`text-blue-800`
   },
@@ -390,7 +443,7 @@ const S = {
       }
     };
   }
-}, J = {
+}, K = {
   node: {
     class: e`mb-24 last:mb-0 focus-visible:outline-4 focus-visible:outline-offset-4 focus-visible:outline-blue-800 [&>ul:first-of-type]:border-l-0`
   },
@@ -435,7 +488,7 @@ const S = {
       }
     };
   }
-}, H = {
+}, G = {
   root: ({ props: t }) => ({
     class: {
       [e`flex flex-nowrap rounded-none border-0 bg-transparent`]: !0,
@@ -456,7 +509,7 @@ const S = {
       [e`h-[3px] w-11/12 cursor-row-resize`]: t.layout === "vertical"
     }
   })
-}, K = {
+}, O = {
   root: {
     class: e`relative`
   },
@@ -490,13 +543,13 @@ const S = {
       class: e`ris-body1-regular h-56 px-16 py-12`
     },
     pcHeaderCheckbox: {
-      ...f,
+      ...h,
       root: {
         class: e`relative block h-24 w-24`
       }
     },
     pcRowCheckbox: {
-      ...f,
+      ...h,
       root: {
         class: e`relative block h-24 w-24`
       }
@@ -511,7 +564,7 @@ const S = {
   emptyMessageCell: {
     class: e`py-96 text-center text-gray-900`
   }
-}, G = {
+}, W = {
   root: ({ context: t }) => {
     const l = e`ris-body2-bold h-64 border-b-4 border-b-transparent py-4 pr-24 pl-20 outline-0 -outline-offset-4 outline-blue-800 focus-visible:outline-4`, r = e`z-10 bg-[var(--p-tabs-tab-active-background)] text-black shadow-[-1px_-1px_0_0_var(--p-tabs-tab-border-color),1px_-1px_0_0_var(--p-tabs-tab-border-color)]`, o = e`cursor-pointer text-blue-800 hover:border-b-blue-800`;
     return {
@@ -522,15 +575,15 @@ const S = {
       }
     };
   }
-}, O = {
+}, $ = {
   root: {
     class: e`min-h-96 bg-[var(--p-tabs-tabpanel-background)] py-24 outline-blue-800 focus-visible:outline-solid`
   }
-}, W = {
+}, U = {
   tabList: {
     class: e`relative flex before:absolute before:bottom-0 before:left-[50%] before:h-px before:w-[var(--tab-list-separator-width,100%)] before:-translate-x-1/2 before:bg-[var(--p-tabs-tablist-border-color)]`
   }
-}, $ = {
+}, Y = {
   arrow: ({ context: t }) => {
     const l = e`absolute h-0 w-0 border-[7px] border-solid`, r = e`-mr-[7px] border-b-0 border-t-gray-900 border-r-transparent border-l-transparent`, o = e`-mt-[7px] border-l-0 border-t-transparent border-r-gray-900 border-b-transparent`, s = e`-ml-[7px] border-t-0 border-r-transparent border-b-gray-900 border-l-transparent`, a = e`-mt-[7px] border-r-0 border-t-transparent border-b-transparent border-l-gray-900`, n = !t.top && !t.right && !t.bottom && !t.left;
     return {
@@ -549,7 +602,7 @@ const S = {
   root: {
     class: e`absolute`
   }
-}, U = {
+}, q = {
   startsWith: "Beginnt mit",
   contains: "Enthält",
   notContains: "Enthält nicht",
@@ -703,40 +756,42 @@ const S = {
     rotateLeft: "Links drehen",
     listLabel: "Optionsliste"
   }
-}, q = {
+}, X = {
   button: S,
-  checkbox: f,
-  confirmDialog: M,
-  dialog: z,
-  fileUpload: N,
-  inputGroup: D,
-  inputText: L,
-  menu: B,
-  message: F,
-  password: T,
-  progressSpinner: C,
-  radioButton: I,
-  textarea: j,
-  toast: R,
-  autocomplete: E,
-  select: V,
-  inputMask: _,
-  breadcrumb: P,
-  tree: J,
-  panelmenu: Z,
-  splitter: H,
-  dataTable: K,
-  tab: G,
-  tabPanel: O,
-  tabList: W,
+  checkbox: h,
+  chip: M,
+  confirmDialog: z,
+  dialog: N,
+  fileUpload: D,
+  inputGroup: A,
+  inputText: B,
+  menu: F,
+  message: C,
+  password: I,
+  progressSpinner: T,
+  radioButton: E,
+  textarea: R,
+  toast: V,
+  autocomplete: j,
+  select: _,
+  multiselect: P,
+  inputMask: Z,
+  breadcrumb: J,
+  tree: K,
+  panelmenu: H,
+  splitter: G,
+  dataTable: O,
+  tab: W,
+  tabPanel: $,
+  tabList: U,
   directives: {
-    tooltip: $
+    tooltip: Y
   }
-}, Q = {
-  deDE: U
+}, ee = {
+  deDE: q
 };
 export {
-  Q as RisUiLocale,
-  q as RisUiTheme
+  ee as RisUiLocale,
+  X as RisUiTheme
 };
 //# sourceMappingURL=index.js.map