@payfit/unity-components 2.28.4 → 2.29.0

package/dist/esm/components/avatar/Avatar.variants.js

@@ -6,7 +6,7 @@ const t = e({
       sm: "uy:size-300",
       md: "uy:size-400",
       lg: "uy:size-500",
-      xl: "uy:size-1000"
+      xl: "uy:size-[56px]"
     },
     variant: {
       circle: "uy:rounded-circle",

package/dist/esm/components/avatar/parts/AvatarFallback.d.ts

@@ -7,11 +7,11 @@ declare const avatarPlaceholder: import('tailwind-variants').TVReturnType<{
             background: string;
             foreground: string;
         };
-        sunglow: {
+        yellow: {
             background: string;
             foreground: string;
         };
-        peach: {
+        purple: {
             background: string;
             foreground: string;
         };
@@ -133,7 +133,7 @@ type AvatarFallbackPlaceholderProps = AvatarFallbackBaseProps & {
     /** The variant of the fallback, should be 'placeholder' */
     variant: 'placeholder';
     /**
-     * The color variant for the placeholder. Can be one of: `blue`, `peach`, `sunglow`. Only available when variant is set to `placeholder`
+     * The color variant for the placeholder. Can be one of: `blue`, `purple`, `yellow`. Only available when variant is set to `placeholder`
      * @default 'blue'
      */
     color?: VariantProps<typeof avatarPlaceholder>['color'];

package/dist/esm/components/avatar/parts/AvatarFallback.js

@@ -3,10 +3,10 @@ import * as m from "react";
 import { uyTv as n, uyMerge as b } from "@payfit/unity-themes";
 import * as e from "@radix-ui/react-avatar";
 import { useAvatarContext as f } from "../Avatar.context.js";
-import { avatarBase as s } from "../Avatar.variants.js";
-import { getInitials as h } from "../utils.js";
-const v = n({
-  extend: s,
+import { avatarBase as u } from "../Avatar.variants.js";
+import { getInitials as v } from "../utils.js";
+const h = n({
+  extend: u,
   slots: {
     base: "uy:absolute uy:overflow-hidden",
     background: "",
@@ -15,21 +15,21 @@ const v = n({
   variants: {
     color: {
       blue: {
-        background: "uy:bg-blue-l7",
-        foreground: "uy:fill-blue-l5"
+        background: "uy:bg-blue-l4",
+        foreground: "uy:fill-blue-l3"
       },
-      sunglow: {
-        background: "uy:bg-sunglow-l3",
-        foreground: "uy:fill-sunglow-l2"
+      yellow: {
+        background: "uy:bg-yellow-l4",
+        foreground: "uy:fill-yellow-l3"
       },
-      peach: {
-        background: "uy:bg-peach-l3",
-        foreground: "uy:fill-peach-l2"
+      purple: {
+        background: "uy:bg-purple-l4",
+        foreground: "uy:fill-purple-l3"
       }
     }
   }
 }), w = n({
-  extend: s,
+  extend: u,
   base: "uy:absolute uy:flex uy:h-full uy:w-full uy:items-center uy:justify-center uy:text-content-neutral uy:bg-surface-neutral-lowest",
   variants: {
     size: {
@@ -40,26 +40,26 @@ const v = n({
       xl: "uy:typography-h2"
     }
   }
-}), x = m.forwardRef(({ variant: u, color: i, children: y, ...r }, o) => {
-  const c = f(), { size: t, variant: l } = c;
-  if (u === "placeholder") {
-    const { base: d, background: g, foreground: p } = v({
+}), x = m.forwardRef(({ variant: s, color: i, children: y, ...r }, l) => {
+  const d = f(), { size: o, variant: t } = d;
+  if (s === "placeholder") {
+    const { base: c, background: p, foreground: g } = h({
       color: i,
-      size: t,
-      variant: l
+      size: o,
+      variant: t
     });
-    return /* @__PURE__ */ a(e.Fallback, { ref: o, role: "presentation", ...r, children: /* @__PURE__ */ a(
+    return /* @__PURE__ */ a(e.Fallback, { ref: l, role: "presentation", ...r, children: /* @__PURE__ */ a(
       "svg",
       {
         role: "img",
         "aria-hidden": !0,
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 16 16",
-        className: b(d(), g()),
+        className: b(c(), p()),
         children: /* @__PURE__ */ a(
           "path",
           {
-            className: p(),
+            className: g(),
             fillRule: "evenodd",
             d: "M0 8.322c.245.06.49.117.732.17 2.113.455 3.727.487 4.79.12.478-.166.824-.405 1.09-.732.276-.336.567-.888.737-1.82.4-2.19.02-3.485-.47-4.283C6.407 1.012 5.665.432 4.732 0h6.861c.904 1.906 1.173 4.227.674 6.959-.29 1.587-.871 2.97-1.784 4.086-.921 1.126-2.08 1.86-3.328 2.292-2.283.789-4.872.574-7.156.11V8.322Z",
             clipRule: "evenodd"
@@ -71,11 +71,11 @@ const v = n({
   return /* @__PURE__ */ a(
     e.Fallback,
     {
-      ref: o,
+      ref: l,
       role: "presentation",
-      className: w({ size: t, variant: l }),
+      className: w({ size: o, variant: t }),
       ...r,
-      children: h(y)
+      children: v(y)
     }
   );
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payfit/unity-components",
-  "version": "2.28.4",
+  "version": "2.29.0",
   "module": "./dist/esm/index.js",
   "type": "module",
   "sideEffects": false,
@@ -42,7 +42,7 @@
     "@hookform/devtools": "4.4.0",
     "@hookform/resolvers": "5.2.1",
     "@internationalized/date": "3.12.1",
-    "@payfit/unity-illustrations": "2.28.4",
+    "@payfit/unity-illustrations": "2.29.0",
     "@radix-ui/react-avatar": "1.1.11",
     "@radix-ui/react-slot": "1.2.4",
     "@react-aria/interactions": "3.28.0",
@@ -74,8 +74,8 @@
   },
   "peerDependencies": {
     "@hookform/devtools": "^4",
-    "@payfit/unity-icons": "2.28.4",
-    "@payfit/unity-themes": "2.28.4",
+    "@payfit/unity-icons": "2.29.0",
+    "@payfit/unity-themes": "2.29.0",
     "@storybook/react-vite": "^10.3.2",
     "@tanstack/react-query": "^5",
     "@tanstack/react-router": "^1.131",
@@ -89,9 +89,9 @@
     "@figma/code-connect": "1.4.3",
     "@hookform/devtools": "4.4.0",
     "@internationalized/date": "3.12.1",
-    "@payfit/unity-icons": "2.28.4",
-    "@payfit/unity-illustrations": "2.28.4",
-    "@payfit/unity-themes": "2.28.4",
+    "@payfit/unity-icons": "2.29.0",
+    "@payfit/unity-illustrations": "2.29.0",
+    "@payfit/unity-themes": "2.29.0",
     "@storybook/addon-a11y": "10.3.5",
     "@storybook/addon-designs": "11.1.3",
     "@storybook/addon-docs": "10.3.5",
@@ -130,11 +130,11 @@
     "vite-plugin-node-polyfills": "0.24.0",
     "vitest": "4.1.0",
     "@payfit/code-pushup-tools": "0.0.0-use.local",
-    "@payfit/hr-apps-tsconfigs": "0.0.0-use.local",
     "@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-config": "0.0.0-use.local",
-    "@payfit/vite-configs": "0.0.0-use.local",
-    "@payfit/storybook-addon-console-errors": "0.0.0-use.local"
+    "@payfit/vite-configs": "0.0.0-use.local"
   },
   "peerDependenciesMeta": {
     "@hookform/devtools": {