@payfit/unity-components 2.67.3 → 2.67.5

package/dist/esm/components/error-state/ErrorState.d.ts

@@ -9,6 +9,7 @@ export declare const errorState: import('tailwind-variants').TVReturnType<{
             h3?: import('tailwind-variants').ClassValue;
             h4?: import('tailwind-variants').ClassValue;
             container?: import('tailwind-variants').ClassValue;
+            content?: import('tailwind-variants').ClassValue;
             base?: import('tailwind-variants').ClassValue;
             icon?: import('tailwind-variants').ClassValue;
             description?: import('tailwind-variants').ClassValue;
@@ -27,6 +28,7 @@ export declare const errorState: import('tailwind-variants').TVReturnType<{
             h3?: import('tailwind-variants').ClassValue;
             h4?: import('tailwind-variants').ClassValue;
             container?: import('tailwind-variants').ClassValue;
+            content?: import('tailwind-variants').ClassValue;
             base?: import('tailwind-variants').ClassValue;
             icon?: import('tailwind-variants').ClassValue;
             description?: import('tailwind-variants').ClassValue;
@@ -41,6 +43,7 @@ export declare const errorState: import('tailwind-variants').TVReturnType<{
     container: string[];
     wrapper: string[];
     base: string[];
+    content: string[];
     illustration: string[];
     icon: string[];
     informationContainer: string[];
@@ -59,6 +62,7 @@ export declare const errorState: import('tailwind-variants').TVReturnType<{
             h3?: import('tailwind-variants').ClassValue;
             h4?: import('tailwind-variants').ClassValue;
             container?: import('tailwind-variants').ClassValue;
+            content?: import('tailwind-variants').ClassValue;
             base?: import('tailwind-variants').ClassValue;
             icon?: import('tailwind-variants').ClassValue;
             description?: import('tailwind-variants').ClassValue;
@@ -73,6 +77,7 @@ export declare const errorState: import('tailwind-variants').TVReturnType<{
     container: string[];
     wrapper: string[];
     base: string[];
+    content: string[];
     illustration: string[];
     icon: string[];
     informationContainer: string[];
@@ -87,6 +92,7 @@ export declare const errorState: import('tailwind-variants').TVReturnType<{
     container: string[];
     wrapper: string[];
     base: string[];
+    content: string[];
     illustration: string[];
     icon: string[];
     informationContainer: string[];
@@ -151,6 +157,7 @@ interface KnownErrorStateProps extends ErrorStateBaseProps {
      * Type identifier for known errors.
      */
     type: 'generic';
+    entityName?: never;
 }
 interface UnknownErrorStateProps extends ErrorStateBaseProps {
     /**
@@ -166,6 +173,7 @@ interface UnknownErrorStateProps extends ErrorStateBaseProps {
      * Type identifier for unknown errors.
      */
     type: 'generic';
+    entityName?: never;
 }
 interface _404ErrorStateProps extends ErrorStateBaseProps {
     /**
@@ -176,8 +184,14 @@ interface _404ErrorStateProps extends ErrorStateBaseProps {
      * No error object needed for 404 states.
      */
     error?: never;
+    entityName?: never;
 }
-export type ErrorStateProps = KnownErrorStateProps | UnknownErrorStateProps | _404ErrorStateProps;
+interface NoPermissionStateProps extends ErrorStateBaseProps {
+    type: 'no-permission';
+    entityName: string;
+    error?: never;
+}
+export type ErrorStateProps = KnownErrorStateProps | UnknownErrorStateProps | _404ErrorStateProps | NoPermissionStateProps;
 /**
  * The `ErrorState` component displays error information with contextual messaging and actions.
  * It provides a consistent way to handle different types of errors (generic, 404) with appropriate visual feedback and user actions.

package/dist/esm/components/error-state/ErrorState.js

@@ -19,7 +19,8 @@ var h = m({ slots: {
 		"uy:@page:border-0 uy:@page:py-auto uy:@page:px-auto",
 		"uy:@app:border-0 uy:@app:py-auto uy:@app:px-auto"
 	],
-	base: ["uy:max-w-[704px] uy:flex uy:flex-col uy:items-center uy:justify-center uy:gap-250 uy:w-full uy:justify-self-center"],
+	base: ["uy:max-w-[704px] uy:flex uy:flex-col uy:items-center uy:justify-center uy:gap-150 uy:@section:gap-250 uy:w-full uy:justify-self-center"],
+	content: ["uy:flex uy:flex-col uy:items-center uy:justify-center uy:gap-250"],
 	illustration: [
 		"uy:@section:block",
 		"uy:hidden",
@@ -28,7 +29,7 @@ var h = m({ slots: {
 		"uy:@app:w-[240px]"
 	],
 	icon: ["uy:bg-surface-neutral-lowest uy:rounded-125 uy:p-100", "uy:@section:hidden"],
-	informationContainer: ["uy:flex uy:flex-col uy:items-center uy:justify-center uy:gap-150 uy:text-center uy"],
+	informationContainer: ["uy:flex uy:flex-col uy:items-center uy:justify-center uy:gap-100 uy:@section:gap-150 uy:text-center uy"],
 	information: [
 		"uy:hidden",
 		"",
@@ -53,105 +54,108 @@ var h = m({ slots: {
 		variant: "ghost",
 		children: e.backButtonLabel ?? n?.backButtonLabel
 	})
-}), v = s((i, o) => {
-	let { icon: s, illustration: m, onButtonPress: v, buttonLabel: y, mainTitle: b, mainDescription: x, mainDescriptionComponent: S, type: C, error: w, role: T = "status" } = i, { base: E, container: D, wrapper: O, illustration: k, icon: A, informationContainer: j, information: M, informationComponent: N, description: P, h1: F, h2: I, h3: L, h4: R } = h(), z = f(), B = a(z), V = l(null), { level: H } = r({ ref: V }), U = c((e) => {
-		V.current = e, o && (typeof o == "function" ? o(e) : o.current = e);
-	}, [o]), W = C === "404" ? "404" : "unknown";
-	C === "generic" && w && (W = "known");
-	let G = B.get(W), K = m ?? G?.illustration, q = s ?? G?.icon, J = y ?? G?.buttonLabel, Y = b ?? G?.mainTitle, X = x ?? G?.mainDescription, Z = S ?? G?.mainDescriptionComponent;
+}), v = (e, t) => e === "generic" ? t ? "known" : "unknown" : e, y = s((i, o) => {
+	let { icon: s, illustration: m, onButtonPress: y, buttonLabel: b, mainTitle: x, mainDescription: S, mainDescriptionComponent: C, type: w, error: T, entityName: E, role: D = "status" } = i, { base: O, content: k, container: A, wrapper: j, illustration: M, icon: N, informationContainer: P, information: F, informationComponent: ee, description: I, h1: L, h2: R, h3: z, h4: B } = h(), V = f(), H = a(V, { noPermissionEntityName: E }), U = l(null), { level: W } = r({ ref: U }), G = c((e) => {
+		U.current = e, o && (typeof o == "function" ? o(e) : o.current = e);
+	}, [o]), K = v(w, T), q = H.get(K), J = m ?? q?.illustration, Y = s ?? q?.icon, X = b ?? q?.buttonLabel, Z = x ?? q?.mainTitle, Q = S ?? q?.mainDescription, $ = C ?? q?.mainDescriptionComponent;
 	return /* @__PURE__ */ u("div", {
 		"data-dd-privacy": "allow",
-		role: T,
-		className: D(),
-		ref: U,
-		"data-container-level": H,
+		role: D,
+		className: A(),
+		ref: G,
+		"data-container-level": W,
 		children: /* @__PURE__ */ u("div", {
-			className: O(),
+			className: j(),
 			children: /* @__PURE__ */ d("div", {
-				className: E(),
+				className: O(),
 				children: [
-					K && /* @__PURE__ */ u(p, {
-						src: K,
-						variant: "picture",
-						alt: z.formatMessage({
-							id: "unity:component:error-state:common:illustration:alt",
-							defaultMessage: "Error states"
-						}),
-						className: k(),
-						isDecorative: !0
-					}),
-					q && /* @__PURE__ */ u(e, {
-						src: q,
-						size: 24,
-						color: "content.neutral.low",
-						alt: z.formatMessage({
-							id: "unity:component:error-state:common:icon:alt",
-							defaultMessage: "Error states"
-						}),
-						className: A()
-					}),
 					/* @__PURE__ */ d("div", {
-						className: j(),
+						className: k(),
 						children: [
-							/* @__PURE__ */ u(n, {
-								asElement: "h1",
-								variant: "h1",
-								color: "content.neutral",
-								className: F(),
-								children: Y
-							}),
-							/* @__PURE__ */ u(n, {
-								asElement: "h2",
-								variant: "h2",
-								color: "content.neutral",
-								className: I(),
-								children: Y
-							}),
-							/* @__PURE__ */ u(n, {
-								asElement: "h3",
-								variant: "h3",
-								color: "content.neutral",
-								className: L(),
-								children: Y
-							}),
-							/* @__PURE__ */ u(n, {
-								asElement: "h4",
-								variant: "h4",
-								color: "content.neutral",
-								className: R(),
-								children: Y
-							}),
-							/* @__PURE__ */ u(n, {
-								asElement: "p",
-								variant: "body",
-								color: "content.neutral.low",
+							J && /* @__PURE__ */ u(p, {
+								src: J,
+								variant: "picture",
+								alt: V.formatMessage({
+									id: "unity:component:error-state:common:illustration:alt",
+									defaultMessage: "Error states"
+								}),
 								className: M(),
-								children: X
+								isDecorative: !0
 							}),
-							/* @__PURE__ */ u(n, {
-								asElement: "p",
-								variant: "body",
+							Y && /* @__PURE__ */ u(e, {
+								src: Y,
+								size: 24,
 								color: "content.neutral.low",
-								className: N(),
-								children: Z
+								alt: V.formatMessage({
+									id: "unity:component:error-state:common:icon:alt",
+									defaultMessage: "Error states"
+								}),
+								className: N()
+							}),
+							/* @__PURE__ */ d("div", {
+								className: P(),
+								children: [
+									/* @__PURE__ */ u(n, {
+										asElement: "h1",
+										variant: "h1",
+										color: "content.neutral",
+										className: L(),
+										children: Z
+									}),
+									/* @__PURE__ */ u(n, {
+										asElement: "h2",
+										variant: "h2",
+										color: "content.neutral",
+										className: R(),
+										children: Z
+									}),
+									/* @__PURE__ */ u(n, {
+										asElement: "h3",
+										variant: "h3",
+										color: "content.neutral",
+										className: z(),
+										children: Z
+									}),
+									/* @__PURE__ */ u(n, {
+										asElement: "h4",
+										variant: "h4",
+										color: "content.neutral",
+										className: B(),
+										children: Z
+									}),
+									/* @__PURE__ */ u(n, {
+										asElement: "p",
+										variant: "body",
+										color: "content.neutral.low",
+										className: F(),
+										children: Q
+									}),
+									/* @__PURE__ */ u(n, {
+										asElement: "p",
+										variant: "body",
+										color: "content.neutral.low",
+										className: ee(),
+										children: $
+									})
+								]
 							})
 						]
 					}),
 					/* @__PURE__ */ u(t, {
-						variant: H === "component" ? "ghost" : "primary",
-						onPress: v,
-						children: J
+						variant: W === "component" ? "ghost" : "primary",
+						onPress: y,
+						children: X
 					}),
-					W === "unknown" && _(i, G),
-					W === "known" && /* @__PURE__ */ u("div", {
-						className: P(),
-						children: g(i, G)
+					K === "unknown" && _(i, q),
+					K === "known" && /* @__PURE__ */ u("div", {
+						className: I(),
+						children: g(i, q)
 					})
 				]
 			})
 		})
 	});
 });
-v.displayName = "ErrorState";
+y.displayName = "ErrorState";
 //#endregion
-export { v as ErrorState, h as errorState };
+export { y as ErrorState, h as errorState };

package/dist/esm/components/error-state/initConfig.d.ts

@@ -2,7 +2,7 @@ import { UnityIcon } from '@payfit/unity-icons';
 import { UnityIllustrationAsset } from '@payfit/unity-illustrations';
 import { ReactNode } from 'react';
 import { IntlShape } from 'react-intl';
-export type ErrorStateVariant = 'known' | 'unknown' | '404';
+export type ErrorStateVariant = 'known' | 'unknown' | '404' | 'no-permission';
 export interface ErrorStateConfig {
     illustration: UnityIllustrationAsset;
     icon: UnityIcon;
@@ -13,4 +13,4 @@ export interface ErrorStateConfig {
     detailDescription?: ReactNode;
     backButtonLabel?: ReactNode;
 }
-export declare const initConfig: (intl: IntlShape) => Map<ErrorStateVariant, ErrorStateConfig>;
+export declare const initConfig: (intl: IntlShape, values?: Parameters<IntlShape["formatMessage"]>[1]) => Map<ErrorStateVariant, ErrorStateConfig>;

package/dist/esm/components/error-state/initConfig.js

@@ -2,28 +2,29 @@ import { RawLink as e } from "../link/RawLink.js";
 import { jsx as t } from "react/jsx-runtime";
 import n from "@payfit/unity-illustrations/assets/EmptyStateIncidentPanel";
 import r from "@payfit/unity-illustrations/assets/EmptyStateResearch";
+import i from "@payfit/unity-illustrations/assets/ClosedLockWithBackground";
 //#region src/components/error-state/initConfig.tsx
-var i = (i) => /* @__PURE__ */ new Map([
+var a = (a, o) => /* @__PURE__ */ new Map([
 	["known", {
 		illustration: n,
 		icon: "WarningCircleOutlined",
-		mainTitle: i.formatMessage({
+		mainTitle: a.formatMessage({
 			id: "unity:component:error-state:common:main-title",
 			defaultMessage: "Something went wrong"
 		}, { br: () => /* @__PURE__ */ t("br", {}) }),
-		mainDescription: i.formatMessage({
+		mainDescription: a.formatMessage({
 			id: "unity:component:error-state:known:main-description",
 			defaultMessage: "Please refresh the page or check your connection.<br></br>We’ve been notified of the issue and are working to resolve it as quickly as possible."
 		}, { br: () => /* @__PURE__ */ t("br", {}) }),
-		mainDescriptionComponent: i.formatMessage({
+		mainDescriptionComponent: a.formatMessage({
 			id: "unity:component:error-state:common:main-description-component",
 			defaultMessage: "Please refresh the page or try signing in again. We’ve been notified of the issue and are working to resolve it as quickly as possible."
 		}, { br: () => /* @__PURE__ */ t("br", {}) }),
-		buttonLabel: i.formatMessage({
+		buttonLabel: a.formatMessage({
 			id: "unity:component:error-state:button:label",
 			defaultMessage: "Go to dashboard"
 		}, { br: () => /* @__PURE__ */ t("br", {}) }),
-		detailDescription: i.formatMessage({
+		detailDescription: a.formatMessage({
 			id: "unity:component:error-state:detail-description",
 			defaultMessage: "Here's the technical error detail.<br></br> <br></br>If the problem continues, you can send it to <Link>our customer support</Link> so we can help unblock you:"
 		}, {
@@ -32,7 +33,7 @@ var i = (i) => /* @__PURE__ */ new Map([
 				variant: "inline",
 				isExternal: !0,
 				color: "primary",
-				href: i.formatMessage({ id: "unity:component:common:customer-support:url" }),
+				href: a.formatMessage({ id: "unity:component:common:customer-support:url" }),
 				children: n
 			})
 		})
@@ -40,11 +41,11 @@ var i = (i) => /* @__PURE__ */ new Map([
 	["unknown", {
 		illustration: n,
 		icon: "WarningCircleOutlined",
-		mainTitle: i.formatMessage({
+		mainTitle: a.formatMessage({
 			id: "unity:component:error-state:common:main-title",
 			defaultMessage: "Something went wrong"
 		}, { br: () => /* @__PURE__ */ t("br", {}) }),
-		mainDescription: i.formatMessage({
+		mainDescription: a.formatMessage({
 			id: "unity:component:error-state:unknown:main-description",
 			defaultMessage: "Please refresh the page or try signing in again.<br></br>We’ve been notified of the issue and are working to resolve it as quickly as possible.<br></br>If the problem continues, please contact <Link>our customer support</Link>."
 		}, {
@@ -53,19 +54,19 @@ var i = (i) => /* @__PURE__ */ new Map([
 				variant: "inline",
 				isExternal: !0,
 				color: "primary",
-				href: i.formatMessage({ id: "unity:component:common:customer-support:url" }),
+				href: a.formatMessage({ id: "unity:component:common:customer-support:url" }),
 				children: n
 			})
 		}),
-		mainDescriptionComponent: i.formatMessage({
+		mainDescriptionComponent: a.formatMessage({
 			id: "unity:component:error-state:common:main-description-component",
 			defaultMessage: "Please refresh the page or try signing in again. We’ve been notified of the issue and are working to resolve it as quickly as possible."
 		}, { br: () => /* @__PURE__ */ t("br", {}) }),
-		buttonLabel: i.formatMessage({
+		buttonLabel: a.formatMessage({
 			id: "unity:component:error-state:button:label",
 			defaultMessage: "Go to dashboard"
 		}, { br: () => /* @__PURE__ */ t("br", {}) }),
-		backButtonLabel: i.formatMessage({
+		backButtonLabel: a.formatMessage({
 			id: "unity:component:error-state:unknown:back-link:label",
 			defaultMessage: "Back to dashboard"
 		}, { br: () => /* @__PURE__ */ t("br", {}) })
@@ -73,19 +74,45 @@ var i = (i) => /* @__PURE__ */ new Map([
 	["404", {
 		illustration: r,
 		icon: "WarningCircleOutlined",
-		mainTitle: i.formatMessage({
+		mainTitle: a.formatMessage({
 			id: "unity:component:error-state:404:main-title",
 			defaultMessage: "Sorry, we couldn’t find what you’re looking for"
 		}, { br: () => /* @__PURE__ */ t("br", {}) }),
-		mainDescription: i.formatMessage({
+		mainDescription: a.formatMessage({
 			id: "unity:component:error-state:404:main-description",
 			defaultMessage: "This item may have been moved or deleted.<br></br>You can try searching for it manually or start again from your dashboard."
 		}, { br: () => /* @__PURE__ */ t("br", {}) }),
-		buttonLabel: i.formatMessage({
+		buttonLabel: a.formatMessage({
 			id: "unity:component:error-state:button:label",
 			defaultMessage: "Go to dashboard"
 		}, { br: () => /* @__PURE__ */ t("br", {}) })
+	}],
+	["no-permission", {
+		illustration: i,
+		icon: "LockOutlined",
+		mainTitle: a.formatMessage({
+			id: "unity:component:error-state:no-permission:main-title",
+			defaultMessage: "You don't have access to this page"
+		}, { br: () => /* @__PURE__ */ t("br", {}) }),
+		mainDescription: a.formatMessage({
+			id: "unity:component:error-state:no-permission:main-description",
+			defaultMessage: "Your current role on {entityName} doesn't include the permission to view this content."
+		}, {
+			br: () => /* @__PURE__ */ t("br", {}),
+			entityName: o?.noPermissionEntityName
+		}),
+		mainDescriptionComponent: a.formatMessage({
+			id: "unity:component:error-state:no-permission:main-description",
+			defaultMessage: "Your current role on {entityName} doesn't include the permission to view this content."
+		}, {
+			br: () => /* @__PURE__ */ t("br", {}),
+			entityName: o?.noPermissionEntityName
+		}),
+		buttonLabel: a.formatMessage({
+			id: "unity:component:error-state:no-permission:button:label",
+			defaultMessage: "Go back"
+		}, { br: () => /* @__PURE__ */ t("br", {}) })
 	}]
 ]);
 //#endregion
-export { i as initConfig };
+export { a as initConfig };

package/i18n/en-GB.json

@@ -60,6 +60,9 @@
   "unity:component:error-state:common:illustration:alt": "Something went wrong",
   "unity:component:error-state:common:main-description-component": "Please refresh the page or try logging in again. We’ve been notified of the issue and are working to resolve it as quickly as possible.",
   "unity:component:error-state:collapsible:title": "Show details",
+  "unity:component:error-state:no-permission:button:label": "Go back",
+  "unity:component:error-state:no-permission:main-description": "Your current role on {entityName} doesn't include the permission to view this content.",
+  "unity:component:error-state:no-permission:main-title": "You don't have access to this page",
   "unity:component:error-state:unknown:back-link:label": "Go back to previous page",
   "unity:component:error-state:unknown:main-description": "Please refresh the page or try logging in again.<br></br>We’ve been notified of the issue and are working to resolve it as quickly as possible.<br></br><br></br>If the problem continues, please contact <Link>our customer support</Link>.",
   "unity:component:filter:action:apply": "Apply",

package/i18n/es-ES.json

@@ -60,6 +60,9 @@
   "unity:component:error-state:common:icon:alt": "Se produjo un error",
   "unity:component:error-state:common:main-description-component": "Actualiza la página o intenta iniciar sesión de nuevo. Hemos sido notificados del problema y estamos trabajando para solucionarlo lo antes posible.",
   "unity:component:error-state:collapsible:title": "Mostrar detalles",
+  "unity:component:error-state:no-permission:button:label": "Volver",
+  "unity:component:error-state:no-permission:main-description": "Tu rol actual en {entityName} no incluye el permiso para ver este contenido.",
+  "unity:component:error-state:no-permission:main-title": "No tienes acceso a esta página",
   "unity:component:error-state:unknown:back-link:label": "Volver a la página anterior",
   "unity:component:error-state:unknown:main-description": "Actualiza la página o intenta iniciar sesión de nuevo.<br></br>Hemos sido notificados del problema y estamos trabajando para solucionarlo lo antes posible.<br></br><br></br>Si el problema persiste, puedes contactar con <Link>nuestro Servicio de atención al cliente</Link>.",
   "unity:component:filter:action:apply": "Aplicar",

package/i18n/fr-FR.json

@@ -61,6 +61,9 @@
   "unity:component:error-state:common:icon:alt": "Une erreur est survenue",
   "unity:component:error-state:common:main-description-component": "Actualisez la page ou essayez de vous reconnecter. Nous avons été avertis du problème et faisons le nécessaire pour le résoudre au plus vite.",
   "unity:component:error-state:collapsible:title": "Afficher le détail",
+  "unity:component:error-state:no-permission:button:label": "Revenir en arrière",
+  "unity:component:error-state:no-permission:main-description": "Votre rôle actuel sur {entityName} ne vous permet pas d'accéder à ce contenu.",
+  "unity:component:error-state:no-permission:main-title": "Vous n'avez pas accès à cette page",
   "unity:component:error-state:unknown:back-link:label": "Revenir à la page précédente",
   "unity:component:error-state:unknown:main-description": "Actualisez la page ou essayez de vous reconnecter.<br></br>Nous avons été avertis du problème et faisons le nécessaire pour le résoudre au plus vite.<br></br><br></br>Si le problème persiste, veuillez contacter <Link>notre Service client</Link>.",
   "unity:component:filter:action:apply": "Appliquer",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payfit/unity-components",
-  "version": "2.67.3",
+  "version": "2.67.5",
   "module": "./dist/esm/index.js",
   "type": "module",
   "sideEffects": false,
@@ -96,7 +96,7 @@
     "tailwind-variants": "3.3.1",
     "usehooks-ts": "3.1.1",
     "zod": "4.4.3",
-    "@payfit/unity-illustrations": "2.67.3"
+    "@payfit/unity-illustrations": "2.67.5"
   },
   "peerDependencies": {
     "@hookform/devtools": "^4",
@@ -108,8 +108,8 @@
     "react-hook-form": "^7",
     "react-router-dom": "^5",
     "zod": "^3 || ^4",
-    "@payfit/unity-icons": "2.67.3",
-    "@payfit/unity-themes": "2.67.3"
+    "@payfit/unity-icons": "2.67.5",
+    "@payfit/unity-themes": "2.67.5"
   },
   "devDependencies": {
     "@figma/code-connect": "1.5.3",
@@ -157,13 +157,13 @@
     "vitest": "4.1.10",
     "@payfit/hr-app-eslint": "0.0.0-use.local",
     "@payfit/hr-apps-tsconfigs": "0.0.0-use.local",
-    "@payfit/storybook-addon-console-errors": "0.0.0-use.local",
     "@payfit/storybook-addon-datadog-rum": "0.0.0-use.local",
-    "@payfit/storybook-config": "0.0.0-use.local",
-    "@payfit/unity-icons": "2.67.3",
-    "@payfit/unity-illustrations": "2.67.3",
-    "@payfit/unity-themes": "2.67.3",
-    "@payfit/vite-configs": "0.0.0-use.local"
+    "@payfit/storybook-addon-console-errors": "0.0.0-use.local",
+    "@payfit/unity-icons": "2.67.5",
+    "@payfit/unity-themes": "2.67.5",
+    "@payfit/vite-configs": "0.0.0-use.local",
+    "@payfit/unity-illustrations": "2.67.5",
+    "@payfit/storybook-config": "0.0.0-use.local"
   },
   "peerDependenciesMeta": {
     "@hookform/devtools": {