@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.
- package/dist/esm/components/app-menu/parts/AppMenuFooter.js +114 -102
- package/dist/esm/components/app-menu/parts/AppMenuHeader.js +43 -33
- package/dist/esm/components/breadcrumbs/Breadcrumbs.js +2 -2
- package/dist/esm/components/menu/Menu.d.ts +6 -2
- package/dist/esm/components/menu/Menu.js +26 -4
- package/dist/esm/components/menu/parts/MenuContent.d.ts +6 -0
- package/dist/esm/components/menu/parts/MenuContent.js +22 -15
- package/dist/esm/components/menu/parts/RawMenuItem.js +29 -21
- package/dist/esm/components/nav/parts/NavGroup.js +40 -30
- package/dist/esm/components/nav/parts/RawNavItem.d.ts +4 -4
- package/dist/esm/components/nav/parts/RawNavItem.js +45 -34
- package/dist/esm/components/radio-button-group/parts/RadioButton.d.ts +2 -0
- package/dist/esm/components/radio-button-group/parts/RadioButton.js +33 -47
- package/dist/esm/components/radio-button-group/parts/RadioIndicator.d.ts +11 -0
- package/dist/esm/components/radio-button-group/parts/RadioIndicator.js +131 -0
- package/dist/esm/components/selectable-card/selectable-card-radio-group/parts/SelectableCardRadio.d.ts +1 -1
- package/dist/esm/components/selectable-card/selectable-card-radio-group/parts/SelectableCardRadio.js +38 -28
- package/dist/esm/components/selectable-card/selectableCard.variant.js +1 -1
- package/dist/esm/index.js +4 -2
- package/i18n/en-GB.json +2 -2
- package/i18n/es-ES.json +2 -2
- package/i18n/fr-FR.json +2 -2
- package/package.json +7 -7
- package/dist/esm/components/radio-button-group/parts/radio-input-selected.svg.js +0 -5
- package/dist/esm/components/radio-button-group/parts/radio-input-unselected.svg.js +0 -5
- package/dist/esm/components/selectable-card/selectable-card-radio-group/parts/RadioIndicator.d.ts +0 -8
- 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 {
|
|
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
|
-
|
|
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": "
|
|
19
|
-
"unity:component:app-menu:header:menu-close": "Close
|
|
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": "
|
|
19
|
-
"unity:component:app-menu:header:menu-close": "Cerrar
|
|
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": "
|
|
19
|
-
"unity:component:app-menu:header:menu-close": "Fermer
|
|
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.
|
|
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.
|
|
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.
|
|
78
|
-
"@payfit/unity-themes": "2.31.
|
|
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.
|
|
93
|
-
"@payfit/unity-illustrations": "2.31.
|
|
94
|
-
"@payfit/unity-themes": "2.31.
|
|
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
|
-
};
|
package/dist/esm/components/selectable-card/selectable-card-radio-group/parts/RadioIndicator.js
DELETED
|
@@ -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
|
-
};
|