@payfit/unity-components 2.31.0 → 2.31.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/dist/esm/components/app-menu/parts/AppMenuFooter.js +114 -102
  2. package/dist/esm/components/app-menu/parts/AppMenuHeader.js +43 -33
  3. package/dist/esm/components/breadcrumbs/Breadcrumbs.js +2 -2
  4. package/dist/esm/components/menu/Menu.d.ts +6 -2
  5. package/dist/esm/components/menu/Menu.js +26 -4
  6. package/dist/esm/components/menu/parts/MenuContent.d.ts +6 -0
  7. package/dist/esm/components/menu/parts/MenuContent.js +22 -15
  8. package/dist/esm/components/menu/parts/RawMenuItem.js +29 -21
  9. package/dist/esm/components/nav/parts/NavGroup.js +40 -30
  10. package/dist/esm/components/nav/parts/RawNavItem.d.ts +4 -4
  11. package/dist/esm/components/nav/parts/RawNavItem.js +45 -34
  12. package/dist/esm/components/radio-button-group/parts/RadioButton.d.ts +2 -0
  13. package/dist/esm/components/radio-button-group/parts/RadioButton.js +33 -47
  14. package/dist/esm/components/radio-button-group/parts/RadioIndicator.d.ts +11 -0
  15. package/dist/esm/components/radio-button-group/parts/RadioIndicator.js +131 -0
  16. package/dist/esm/components/selectable-card/selectable-card-radio-group/parts/SelectableCardRadio.d.ts +1 -1
  17. package/dist/esm/components/selectable-card/selectable-card-radio-group/parts/SelectableCardRadio.js +38 -28
  18. package/dist/esm/components/selectable-card/selectableCard.variant.js +1 -1
  19. package/dist/esm/index.js +4 -2
  20. package/i18n/en-GB.json +2 -2
  21. package/i18n/es-ES.json +2 -2
  22. package/i18n/fr-FR.json +2 -2
  23. package/package.json +7 -7
  24. package/dist/esm/components/radio-button-group/parts/radio-input-selected.svg.js +0 -5
  25. package/dist/esm/components/radio-button-group/parts/radio-input-unselected.svg.js +0 -5
  26. package/dist/esm/components/selectable-card/selectable-card-radio-group/parts/RadioIndicator.d.ts +0 -8
  27. package/dist/esm/components/selectable-card/selectable-card-radio-group/parts/RadioIndicator.js +0 -68
package/dist/esm/index.js CHANGED
@@ -228,7 +228,8 @@ import { CarouselContent as nf, carouselContent as ff } from "./components/carou
228
228
  import { CarouselSlide as uf, carouselSlide as df } from "./components/carousel/parts/CarouselSlide.js";
229
229
  import { DialogTrigger as gf, DialogTrigger as sf } from "react-aria-components/Dialog";
230
230
  import { FilterAdapters as bf } from "./components/filter-toolbar/utils/filter-adapters.js";
231
- import { useAsyncList as Tf } from "react-stately/useAsyncList";
231
+ import { RadioIndicator as Tf } from "./components/radio-button-group/parts/RadioIndicator.js";
232
+ import { useAsyncList as Pf } from "react-stately/useAsyncList";
232
233
  export {
233
234
  p as ActionBar,
234
235
  m as ActionBarAction,
@@ -389,6 +390,7 @@ export {
389
390
  Sa as RadioButtonGroup,
390
391
  Pn as RadioButtonGroupField,
391
392
  Pa as RadioButtonHelper,
393
+ Tf as RadioIndicator,
392
394
  Ao as RawBreadcrumbLink,
393
395
  mn as RawFormContextualLink,
394
396
  ht as RawLink,
@@ -542,7 +544,7 @@ export {
542
544
  Ex as toggleSwitch,
543
545
  Lx as toggleSwitchGroup,
544
546
  h as useAppMenuContext,
545
- Tf as useAsyncList,
547
+ Pf as useAsyncList,
546
548
  Wx as useBreakpointListener,
547
549
  qx as useContainerQueryLevel,
548
550
  Qn as useFieldA11yContext,
package/i18n/en-GB.json CHANGED
@@ -15,8 +15,8 @@
15
15
  "unity:component:action-bar:key-shortcuts-text": "Use {keyShortcuts} to focus the action bar",
16
16
  "unity:component:action-bar:clear-selection-button": "Clear selection",
17
17
  "unity:component:action-bar:group:label": "Selection information",
18
- "unity:component:app-menu:header:menu-open": "Open navigation",
19
- "unity:component:app-menu:header:menu-close": "Close navigation",
18
+ "unity:component:app-menu:header:menu-open": "Menu",
19
+ "unity:component:app-menu:header:menu-close": "Close",
20
20
  "unity:component:app-menu:footer:profile-button:description": "Press this button to open the profile menu.",
21
21
  "unity:component:app-menu:footer:profile-button:avatar:change": "Change profile picture",
22
22
  "unity:component:app-menu:footer:profile-button:avatar:change-description": "Press enter to change profile picture",
package/i18n/es-ES.json CHANGED
@@ -15,8 +15,8 @@
15
15
  "unity:component:action-bar:key-shortcuts-text": "Use {keyShortcuts} para enfocar la barra de acciones",
16
16
  "unity:component:action-bar:clear-selection-button": "Borrar selección",
17
17
  "unity:component:action-bar:group:label": "Información de selección",
18
- "unity:component:app-menu:header:menu-open": "Abrir navegación",
19
- "unity:component:app-menu:header:menu-close": "Cerrar navegación",
18
+ "unity:component:app-menu:header:menu-open": "Menú",
19
+ "unity:component:app-menu:header:menu-close": "Cerrar",
20
20
  "unity:component:app-menu:footer:profile-button:description": "Presione este botón para abrir el menú de perfil.",
21
21
  "unity:component:app-menu:footer:profile-button:avatar:change": "Cambiar foto de perfil",
22
22
  "unity:component:app-menu:footer:profile-button:avatar:change-description": "Presione enter para cambiar la foto de perfil",
package/i18n/fr-FR.json CHANGED
@@ -15,8 +15,8 @@
15
15
  "unity:component:action-bar:key-shortcuts-text": "Appuyez sur {keyShortcuts} pour accéder à la barre d'actions",
16
16
  "unity:component:action-bar:clear-selection-button": "Effacer la sélection",
17
17
  "unity:component:action-bar:group:label": "Informations de sélection",
18
- "unity:component:app-menu:header:menu-open": "Ouvrir la navigation",
19
- "unity:component:app-menu:header:menu-close": "Fermer la navigation",
18
+ "unity:component:app-menu:header:menu-open": "Menu",
19
+ "unity:component:app-menu:header:menu-close": "Fermer",
20
20
  "unity:component:app-menu:footer:profile-button:description": "Appuyez sur ce bouton pour ouvrir le menu du profil.",
21
21
  "unity:component:app-menu:footer:profile-button:avatar:change": "Changer la photo de profil",
22
22
  "unity:component:app-menu:footer:profile-button:avatar:change-description": "Appuyez sur Entrée pour modifier la photo de profil",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@payfit/unity-components",
3
- "version": "2.31.0",
3
+ "version": "2.31.2",
4
4
  "module": "./dist/esm/index.js",
5
5
  "type": "module",
6
6
  "sideEffects": false,
@@ -42,7 +42,7 @@
42
42
  "@hookform/devtools": "4.4.0",
43
43
  "@hookform/resolvers": "5.2.1",
44
44
  "@internationalized/date": "3.12.1",
45
- "@payfit/unity-illustrations": "2.31.0",
45
+ "@payfit/unity-illustrations": "2.31.2",
46
46
  "@radix-ui/react-avatar": "1.1.11",
47
47
  "@radix-ui/react-slot": "1.2.4",
48
48
  "@react-aria/interactions": "3.28.0",
@@ -74,8 +74,8 @@
74
74
  },
75
75
  "peerDependencies": {
76
76
  "@hookform/devtools": "^4",
77
- "@payfit/unity-icons": "2.31.0",
78
- "@payfit/unity-themes": "2.31.0",
77
+ "@payfit/unity-icons": "2.31.2",
78
+ "@payfit/unity-themes": "2.31.2",
79
79
  "@storybook/react-vite": "^10.3.2",
80
80
  "@tanstack/react-query": "^5",
81
81
  "@tanstack/react-router": "^1.131",
@@ -89,9 +89,9 @@
89
89
  "@figma/code-connect": "1.4.3",
90
90
  "@hookform/devtools": "4.4.0",
91
91
  "@internationalized/date": "3.12.1",
92
- "@payfit/unity-icons": "2.31.0",
93
- "@payfit/unity-illustrations": "2.31.0",
94
- "@payfit/unity-themes": "2.31.0",
92
+ "@payfit/unity-icons": "2.31.2",
93
+ "@payfit/unity-illustrations": "2.31.2",
94
+ "@payfit/unity-themes": "2.31.2",
95
95
  "@storybook/addon-a11y": "10.3.5",
96
96
  "@storybook/addon-designs": "11.1.3",
97
97
  "@storybook/addon-docs": "10.3.5",
@@ -1,5 +0,0 @@
1
- import * as e from "react";
2
- const o = (t) => /* @__PURE__ */ e.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("g", { id: "Radio input" }, /* @__PURE__ */ e.createElement("path", { id: "Background", d: "M2.625 10C2.625 5.9269 5.9269 2.625 10 2.625C14.0731 2.625 17.375 5.9269 17.375 10C17.375 14.0731 14.0731 17.375 10 17.375C5.9269 17.375 2.625 14.0731 2.625 10Z", fill: "white", stroke: "var(--radio-border-color, #0157B2)", strokeWidth: 1.25 }), /* @__PURE__ */ e.createElement("path", { id: "Foreground", d: "M5 10C5 7.23858 7.23858 5 10 5C12.7614 5 15 7.23858 15 10C15 12.7614 12.7614 15 10 15C7.23858 15 5 12.7614 5 10Z", fill: "var(--radio-fill-color, #0157B2)" })));
3
- export {
4
- o as default
5
- };
@@ -1,5 +0,0 @@
1
- import * as e from "react";
2
- const o = (t) => /* @__PURE__ */ e.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("g", { id: "Radio input" }, /* @__PURE__ */ e.createElement("path", { id: "Background", d: "M2.625 10C2.625 5.9269 5.9269 2.625 10 2.625C14.0731 2.625 17.375 5.9269 17.375 10C17.375 14.0731 14.0731 17.375 10 17.375C5.9269 17.375 2.625 14.0731 2.625 10Z", fill: "white", stroke: "var(--radio-border-color, #CDCED6)", strokeWidth: 1.25 })));
3
- export {
4
- o as default
5
- };
@@ -1,8 +0,0 @@
1
- interface RadioIndocatorProps {
2
- isSelected: boolean;
3
- }
4
- declare const RadioIndicator: {
5
- ({ isSelected }: RadioIndocatorProps): import("react/jsx-runtime").JSX.Element;
6
- displayName: string;
7
- };
8
- export default RadioIndicator;
@@ -1,68 +0,0 @@
1
- import { jsx as r, jsxs as e } from "react/jsx-runtime";
2
- import { uyTv as i } from "@payfit/unity-themes";
3
- const t = i({
4
- base: "",
5
- variants: {
6
- isSelected: {
7
- false: [
8
- "uy:stroke-border-form-enabled",
9
- "uy:hover:stroke-border-form-hover",
10
- "uy:focus-visible:stroke-border-form-focus"
11
- ],
12
- true: ["uy:text-surface-form-active"]
13
- }
14
- }
15
- }), d = ({ isSelected: o }) => o ? /* @__PURE__ */ r(
16
- "svg",
17
- {
18
- width: "20",
19
- height: "20",
20
- viewBox: "0 0 20 20",
21
- fill: "none",
22
- xmlns: "http://www.w3.org/2000/svg",
23
- children: /* @__PURE__ */ e("g", { id: "Radio input", className: t({ isSelected: o }), children: [
24
- /* @__PURE__ */ r(
25
- "path",
26
- {
27
- id: "Background",
28
- d: "M2.625 10C2.625 5.9269 5.9269 2.625 10 2.625C14.0731 2.625 17.375 5.9269 17.375 10C17.375 14.0731 14.0731 17.375 10 17.375C5.9269 17.375 2.625 14.0731 2.625 10Z",
29
- fill: "white",
30
- stroke: "currentColor",
31
- strokeWidth: "1.25"
32
- }
33
- ),
34
- /* @__PURE__ */ r(
35
- "path",
36
- {
37
- id: "Foreground",
38
- d: "M5 10C5 7.23858 7.23858 5 10 5C12.7614 5 15 7.23858 15 10C15 12.7614 12.7614 15 10 15C7.23858 15 5 12.7614 5 10Z",
39
- fill: "currentColor"
40
- }
41
- )
42
- ] })
43
- }
44
- ) : /* @__PURE__ */ r(
45
- "svg",
46
- {
47
- width: "20",
48
- height: "20",
49
- viewBox: "0 0 20 20",
50
- fill: "none",
51
- xmlns: "http://www.w3.org/2000/svg",
52
- children: /* @__PURE__ */ r("g", { id: "Radio input", children: /* @__PURE__ */ r(
53
- "path",
54
- {
55
- className: t({ isSelected: o }),
56
- id: "Background",
57
- d: "M2.625 10C2.625 5.9269 5.9269 2.625 10 2.625C14.0731 2.625 17.375 5.9269 17.375 10C17.375 14.0731 14.0731 17.375 10 17.375C5.9269 17.375 2.625 14.0731 2.625 10Z",
58
- fill: "white",
59
- stroke: "currentColor",
60
- strokeWidth: "1.25"
61
- }
62
- ) })
63
- }
64
- );
65
- d.displayName = "RadioIndicator";
66
- export {
67
- d as default
68
- };