@payfit/unity-components 2.19.3 → 2.20.1

package/i18n/en-GB.json

@@ -8,6 +8,8 @@
   "unity:component:common:next": "Next",
   "unity:component:common:customer-support:url": "https://support.payfit.com/en/inbox/",
   "unity:component:common:scrollable-content:label": "Scrollable content",
+  "unity:component:action-bar:actions:label": "Available Actions",
+  "unity:component:action-bar:actions:more-actions": "More Actions",
   "unity:component:action-bar:toolbar-label": "Bulk actions toolbar",
   "unity:component:action-bar:selection-count-text": "{selectionCount, plural, =0 {no items} one {{selectionCount} item} other {{selectionCount} items}} selected",
   "unity:component:action-bar:key-shortcuts-text": "Use {keyShortcuts} to focus the action bar",

package/i18n/es-ES.json

@@ -8,6 +8,8 @@
   "unity:component:common:next": "Siguiente",
   "unity:component:common:customer-support:url": "https://support.payfit.com/es/inbox/",
   "unity:component:common:scrollable-content:label": "Contenido desplazable",
+  "unity:component:action-bar:actions:label": "Acciones Disponibles",
+  "unity:component:action-bar:actions:more-actions": "Acciones adicionales",
   "unity:component:action-bar:toolbar-label": "Barra de acciones en lote",
   "unity:component:action-bar:selection-count-text": "{selectionCount, plural, =0 {ningún elemento seleccionado} one {{selectionCount} elemento seleccionado} other {{selectionCount} elementos seleccionados}}",
   "unity:component:action-bar:key-shortcuts-text": "Use {keyShortcuts} para enfocar la barra de acciones",

package/i18n/fr-FR.json

@@ -8,6 +8,8 @@
   "unity:component:common:next": "Suivant",
   "unity:component:common:customer-support:url": "https://support.payfit.com/fr/inbox/",
   "unity:component:common:scrollable-content:label": "Contenu défilable",
+  "unity:component:action-bar:actions:label": "Actions disponibles",
+  "unity:component:action-bar:actions:more-actions": "actions supplémentaires",
   "unity:component:action-bar:toolbar-label": "barre d'outils d'actions groupées",
   "unity:component:action-bar:selection-count-text": "{selectionCount, plural, =0 {aucun élément sélectionné} one {{selectionCount} élément sélectionné} other {{selectionCount} éléments sélectionnés}}",
   "unity:component:action-bar:key-shortcuts-text": "Appuyez sur {keyShortcuts} pour accéder à la barre d'actions",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payfit/unity-components",
-  "version": "2.19.3",
+  "version": "2.20.1",
   "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.0",
-    "@payfit/unity-illustrations": "2.19.3",
+    "@payfit/unity-illustrations": "2.20.1",
     "@radix-ui/react-avatar": "1.1.11",
     "@radix-ui/react-slot": "1.2.4",
     "@react-aria/interactions": "3.27.1",
@@ -67,16 +67,16 @@
     "react-international-phone": "4.5.0",
     "react-intl": "7.1.14",
     "react-stately": "3.45.0",
-    "storybook": "10.2.17",
+    "storybook": "10.3.2",
     "tailwind-variants": "3.2.2",
     "usehooks-ts": "3.1.1",
     "zod": "4.3.6"
   },
   "peerDependencies": {
     "@hookform/devtools": "^4",
-    "@payfit/unity-icons": "2.19.3",
-    "@payfit/unity-themes": "2.19.3",
-    "@storybook/react-vite": "^10.2.2",
+    "@payfit/unity-icons": "2.20.1",
+    "@payfit/unity-themes": "2.20.1",
+    "@storybook/react-vite": "^10.3.2",
     "@tanstack/react-query": "^5",
     "@tanstack/react-router": "^1.131",
     "@tanstack/react-router-devtools": "^1.131",
@@ -95,16 +95,16 @@
     "@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/unity-icons": "2.19.3",
-    "@payfit/unity-illustrations": "2.19.3",
-    "@payfit/unity-themes": "2.19.3",
+    "@payfit/unity-icons": "2.20.1",
+    "@payfit/unity-illustrations": "2.20.1",
+    "@payfit/unity-themes": "2.20.1",
     "@payfit/vite-configs": "0.0.0-use.local",
-    "@storybook/addon-a11y": "10.2.17",
+    "@storybook/addon-a11y": "10.3.2",
     "@storybook/addon-designs": "11.1.2",
-    "@storybook/addon-docs": "10.2.17",
-    "@storybook/addon-links": "10.2.17",
-    "@storybook/addon-vitest": "10.2.17",
-    "@storybook/react-vite": "10.2.17",
+    "@storybook/addon-docs": "10.3.2",
+    "@storybook/addon-links": "10.3.2",
+    "@storybook/addon-vitest": "10.3.2",
+    "@storybook/react-vite": "10.3.2",
     "@tanstack/react-devtools": "0.10.0",
     "@tanstack/react-form-devtools": "0.2.19",
     "@tanstack/react-query": "5.90.21",
@@ -117,7 +117,7 @@
     "@types/react-router-dom": "5.3.3",
     "@vitejs/plugin-react": "5.1.0",
     "@vitest/browser": "4.1.0",
-    "eslint-plugin-storybook": "10.2.2",
+    "eslint-plugin-storybook": "10.3.2",
     "glob": "11.0.1",
     "msw": "2.8.4",
     "msw-storybook-addon": "^2.0.6",
@@ -125,8 +125,8 @@
     "prettier": "3.1.0",
     "react-docgen-typescript": "2.2.2",
     "react-hot-toast": "2.5.1",
-    "storybook": "10.2.17",
-    "storybook-addon-pseudo-states": "10.2.2",
+    "storybook": "10.3.2",
+    "storybook-addon-pseudo-states": "10.3.2",
     "storybook-addon-tag-badges": "3.0.6",
     "storybook-mock-date-decorator": "3.0.0",
     "tailwindcss": "4.1.18",

package/dist/esm/components/action-bar/parts/ActionBarAction.d.ts

@@ -1,44 +0,0 @@
-import { ButtonProps } from '../../button/Button.js';
-export type ActionBarActionProps = Omit<ButtonProps, 'variant' | 'size' | 'color'> & {
-    /**
-     * The visual variant of the action.
-     * @default 'secondary'
-     */
-    variant?: 'primary' | 'secondary';
-};
-/**
- * The ActionBarAction component represents an individual action within an ActionBar.
- * It renders as a button with appropriate styling for the inverted ActionBar context.
- * @param {ActionBarActionProps} props - Props for the action. Identical to the `Button` component props.
- * @example
- * ```tsx
- * import { ActionBarAction } from '@payfit/unity-components'
- *
- * function Example() {
- *   return (
- *     <ActionBarAction
- *       variant="primary"
- *       onPress={() => console.log('Action clicked')}
- *       prefixIcon="TrashOutlined"
- *     >
- *       Delete Items
- *     </ActionBarAction>
- *   )
- * }
- * ```
- * @remarks
- * - Automatically uses inverted button variants to work on dark ActionBar background
- * - Secondary actions use 'ghost-inverted' button variant
- * - Primary actions use 'inverted-primary' button variant
- * @see {@link ActionBarActionProps} for all available props
- * @see Source code in {@link https://github.com/PayFit/hr-apps/tree/master/libs/shared/unity/components/src/components/action-bar GitHub}
- * @see Design specs {@link https://www.figma.com/design/poaMyU7abAgL9VRhx4ygyy/Unity-DS-%3E-Components-Library Figma}
- */
-declare const ActionBarAction: import('react').ForwardRefExoticComponent<Omit<ButtonProps, "size" | "color" | "variant"> & {
-    /**
-     * The visual variant of the action.
-     * @default 'secondary'
-     */
-    variant?: "primary" | "secondary";
-} & import('react').RefAttributes<HTMLButtonElement>>;
-export { ActionBarAction };

package/dist/esm/components/action-bar/parts/ActionBarAction.js

@@ -1,45 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as e } from "react";
-import { uyTv as d } from "@payfit/unity-themes";
-import { Button as m } from "../../button/Button.js";
-const u = d({
-  base: "uy:w-auto",
-  variants: {
-    variant: {
-      primary: "",
-      secondary: "uy:hidden uy:md:block"
-    }
-  },
-  defaultVariants: {
-    variant: "secondary"
-  }
-}), y = e(
-  ({ variant: r = "secondary", children: o, onPress: n, ...i }, c) => {
-    const t = {
-      primary: {
-        variant: "primary",
-        color: "inverted"
-      },
-      secondary: {
-        variant: "ghost",
-        color: "inverted"
-      }
-    }[r], s = u({ variant: r });
-    return /* @__PURE__ */ a("div", { className: s, children: /* @__PURE__ */ a(
-      m,
-      {
-        ref: c,
-        variant: t.variant,
-        color: t.color,
-        onPress: n,
-        size: "default",
-        ...i,
-        children: o
-      }
-    ) });
-  }
-);
-y.displayName = "ActionBarAction";
-export {
-  y as ActionBarAction
-};