@goodhood-web/ui 3.0.0-development.4 → 3.0.0-development.5

package/index.mjs

@@ -7775,45 +7775,51 @@ const De = (t) => {
 }, $w = "_baseBtn_e43ry_120", G1 = {
   baseBtn: $w
 }, Bt = B((t, e) => {
-  const n = "href" in t, { children: r, className: i, "data-testid": a, disabled: l = !1 } = t, { active: h, focusVisible: f, getRootProps: p } = zc({
+  const n = "href" in t, {
+    children: r,
+    className: i,
+    "data-testid": a,
+    disabled: l = !1,
+    isToggleButton: h = !1
+  } = t, { active: f, focusVisible: p, getRootProps: v } = zc({
     ...t,
     rootRef: e
-  }), v = pe(G1.baseBtn, i, {
-    [G1["baseBtn--active"]]: h,
-    [G1["baseBtn--focusVisible"]]: f
+  }), y = pe(G1.baseBtn, i, {
+    [G1["baseBtn--active"]]: f,
+    [G1["baseBtn--focusVisible"]]: p
   });
   if (n) {
-    const { ariaDescribedBy: P, ariaLabel: O, ariaLabelledBy: $, href: W, onClick: N, rel: Y, target: J } = t, K = J === "_blank" ? "noopener noreferrer" : Y;
+    const { ariaDescribedBy: O, ariaLabel: $, ariaLabelledBy: W, href: N, onClick: Y, rel: J, target: K } = t, ie = K === "_blank" ? "noopener noreferrer" : J;
     return /* @__PURE__ */ M.jsx(
       "a",
       {
-        "aria-label": O,
-        "aria-labelledby": $,
-        "aria-describedby": P,
-        className: v,
-        href: W,
-        target: J,
-        onClick: N,
-        rel: K,
+        "aria-label": $,
+        "aria-labelledby": W,
+        "aria-describedby": O,
+        className: y,
+        href: N,
+        target: K,
+        onClick: Y,
+        rel: ie,
         "data-testid": a,
         children: r
       }
     );
   }
-  const { ariaDescribedBy: y, ariaLabel: b, ariaLabelledBy: T, onClick: L, role: D, selected: A } = t;
+  const { ariaDescribedBy: b, ariaLabel: T, ariaLabelledBy: L, onClick: D, role: A, selected: P } = t;
   return /* @__PURE__ */ M.jsx(
     "button",
     {
-      ...p(),
-      "aria-label": b,
-      "aria-labelledby": T,
-      className: pe(G1.baseBtn, v, i),
-      role: D,
+      ...v(),
+      "aria-label": T,
+      "aria-labelledby": L,
+      className: pe(G1.baseBtn, y, i),
+      role: A,
       disabled: l,
-      onClick: L,
-      "aria-pressed": h,
-      "aria-selected": A,
-      "aria-describedby": y,
+      onClick: D,
+      "aria-pressed": h ? f : void 0,
+      "aria-selected": P,
+      "aria-describedby": b,
       "data-testid": a,
       children: r
     }
@@ -12954,6 +12960,7 @@ function mA({
         { [nc["button--selected"]]: r },
         i.className
       ),
+      isToggleButton: !0,
       children: /* @__PURE__ */ M.jsx(
         dt,
         {
@@ -12969,14 +12976,15 @@ const Fk = "_feedTile_123y5_120", Ik = "_feedTile__icon_123y5_133", Ll = {
   feedTile: Fk,
   feedTile__icon: Ik,
   "feedTile--fullWidth": "_feedTile--fullWidth_123y5_157"
-}, gA = ({ fullWidth: t, icon: e, onClick: n, text: r }) => /* @__PURE__ */ M.jsxs(
+}, gA = ({ ariaLabel: t, fullWidth: e, icon: n, onClick: r, text: i }) => /* @__PURE__ */ M.jsxs(
   Bt,
   {
-    onClick: n,
-    className: pe(Ll.feedTile, { [Ll["feedTile--fullWidth"]]: t }),
+    ariaLabel: t,
+    onClick: r,
+    className: pe(Ll.feedTile, { [Ll["feedTile--fullWidth"]]: e }),
     children: [
-      /* @__PURE__ */ M.jsx(dt, { className: Ll.feedTile__icon, name: e }),
-      typeof r == "string" ? /* @__PURE__ */ M.jsx(De, { type: "body-regular", className: Ll.feedTile__text, children: r }) : /* @__PURE__ */ M.jsx("span", { className: Ll.feedTile__text, children: r })
+      /* @__PURE__ */ M.jsx(dt, { className: Ll.feedTile__icon, name: n }),
+      typeof i == "string" ? /* @__PURE__ */ M.jsx(De, { type: "body-regular", className: Ll.feedTile__text, children: i }) : /* @__PURE__ */ M.jsx("span", { className: Ll.feedTile__text, children: i })
     ]
   }
 ), Dk = "_menuTile_1lvni_120", Vk = "_menuTile__value_1lvni_140", rc = {
@@ -12985,23 +12993,25 @@ const Fk = "_feedTile_123y5_120", Ik = "_feedTile__icon_123y5_133", Ll = {
   "menuTile--icon": "_menuTile--icon_1lvni_136",
   menuTile__value: Vk
 }, vA = ({
-  fullWidth: t = !1,
-  icon: e,
-  primaryText: n,
-  secondaryText: r,
-  ...i
+  ariaLabel: t,
+  fullWidth: e = !1,
+  icon: n,
+  primaryText: r,
+  secondaryText: i,
+  ...a
 }) => /* @__PURE__ */ M.jsxs(
   Bt,
   {
-    ...i,
+    ...a,
+    ariaLabel: t,
     className: pe(rc.menuTile, {
-      [rc["menuTile--icon"]]: e,
-      [rc["menuTile--fullWidth"]]: t
+      [rc["menuTile--icon"]]: n,
+      [rc["menuTile--fullWidth"]]: e
     }),
     children: [
-      e && /* @__PURE__ */ M.jsx(dt, { name: e }),
-      n && /* @__PURE__ */ M.jsx(De, { type: "detail-bold", className: rc.menuTile__value, children: n }),
-      r && /* @__PURE__ */ M.jsx(De, { type: "detail-medium", children: r })
+      n && /* @__PURE__ */ M.jsx(dt, { name: n }),
+      r && /* @__PURE__ */ M.jsx(De, { type: "detail-bold", className: rc.menuTile__value, children: r }),
+      i && /* @__PURE__ */ M.jsx(De, { type: "detail-medium", children: i })
     ]
   }
 );

package/lib/Atoms/Buttons/Button/Button.types.d.ts

@@ -8,6 +8,7 @@ interface CommonProps {
     className?: string;
     'data-testid'?: string;
     disabled?: boolean;
+    isToggleButton?: boolean;
     ref?: ForwardedRef<null>;
     role?: AriaRole;
     selected?: boolean;

package/lib/Atoms/Buttons/Tiles/FeedTile/FeedTile.d.ts

@@ -1,3 +1,3 @@
 import { default as FeedTileProps } from './FeedTile.types';
-declare const FeedTile: ({ fullWidth, icon, onClick, text }: FeedTileProps) => import("react/jsx-runtime").JSX.Element;
+declare const FeedTile: ({ ariaLabel, fullWidth, icon, onClick, text }: FeedTileProps) => import("react/jsx-runtime").JSX.Element;
 export default FeedTile;

package/lib/Atoms/Buttons/Tiles/FeedTile/FeedTile.types.d.ts

@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
 import { Icon32 } from '../../../../Base/Icon/Icon.types';
 import { BaseButtonProps } from '../../../Buttons/Button/Button.types';
 export default interface FeedTileProps {
+    ariaLabel?: string;
     fullWidth?: boolean;
     icon: Icon32;
     onClick?: BaseButtonProps['onClick'];

package/lib/Atoms/Buttons/Tiles/MenuTile/MenuTile.d.ts

@@ -1,3 +1,3 @@
 import { default as MenuTileProps } from './MenuTile.type';
-declare const MenuTile: ({ fullWidth, icon, primaryText, secondaryText, ...props }: MenuTileProps) => import("react/jsx-runtime").JSX.Element;
+declare const MenuTile: ({ ariaLabel, fullWidth, icon, primaryText, secondaryText, ...props }: MenuTileProps) => import("react/jsx-runtime").JSX.Element;
 export default MenuTile;

package/lib/Atoms/Buttons/Tiles/MenuTile/MenuTile.type.d.ts

@@ -1,6 +1,7 @@
 import { Icon32 } from '../../../../Base/Icon/Icon.types';
 import { ButtonProps } from '../../Button/Button.types';
 export default interface MenuTileProps extends Omit<ButtonProps, 'children'> {
+    ariaLabel?: string;
     fullWidth?: boolean;
     icon?: Icon32;
     primaryText?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodhood-web/ui",
-  "version": "3.0.0-development.4",
+  "version": "3.0.0-development.5",
   "main": "./index.js",
   "types": "./index.d.ts",
   "repository": "https://github.com/good-hood-gmbh/goodhood-web",