@economic/taco 2.57.0-charts.13 → 2.57.0-charts.15

package/dist/taco.d.ts

@@ -459,6 +459,11 @@ export declare type CardProps = Omit<React_2.HTMLAttributes<HTMLDivElement>, 'ti
     menu?: (props: Partial<MenuProps>) => JSX.Element;
 };
 
+export declare type CardTexts = {
+    /** Text and aria-label for menu button in Card */
+    menu: string;
+};
+
 declare interface ChartChildProps<TData extends object> {
     dataKey: keyof TData;
     label: string;
@@ -740,6 +745,9 @@ export declare const defaultLocalisationTexts: {
             today: string;
         };
     };
+    card: {
+        menu: string;
+    };
     combobox: {
         tooltip: string;
     };
@@ -2174,6 +2182,8 @@ export declare type LocalizationTexts = {
     banner: BannerTexts;
     /** Localized texts and aria-labels for [Calendar](component:calendar) component */
     calendar: CalendarTexts;
+    /** Localized texts and aria-labels for [Card](component:card) component */
+    card: CardTexts;
     /** Localized texts and aria-labels for [Combobox](component:combobox) component */
     combobox: ComboboxTexts;
     /** Localized texts and aria-labels for [DatePicker](component:datepicker) component */

package/dist/taco.js

@@ -7719,6 +7719,9 @@ const defaultLocalisationTexts = {
       today: "Today"
     }
   },
+  card: {
+    menu: "Open menu"
+  },
   combobox: {
     tooltip: "Search in list"
   },
@@ -11630,11 +11633,21 @@ const Content$8 = React.forwardRef(function CardContent(externalProps, ref) {
 });
 const Card = React.forwardRef(function Card2(props, ref) {
   const { title, menu, children, className, ...otherProps } = props;
+  const localization = useLocalization();
   const cardClassName = clsx(
     "bg-white flex flex-col rounded-xl border border-solid border-radius-[12px] border-grey-300 hover:border-grey-500",
     className
   );
-  return /* @__PURE__ */ React.createElement("div", { ...otherProps, className: cardClassName, "data-taco": "card", ref }, /* @__PURE__ */ React.createElement("div", { className: "flex justify-between px-4 pb-2 pt-4" }, title && /* @__PURE__ */ React.createElement(Truncate, { tooltip: title }, /* @__PURE__ */ React.createElement("h4", { className: "mb-0 flex-grow truncate text-left" }, title)), menu ? /* @__PURE__ */ React.createElement(IconButton, { icon: "ellipsis-horizontal", appearance: "discrete", menu, className: "-mt-[4px]" }) : null), children);
+  return /* @__PURE__ */ React.createElement("div", { ...otherProps, className: cardClassName, "data-taco": "card", ref }, /* @__PURE__ */ React.createElement("div", { className: "flex justify-between px-4 pb-2 pt-4" }, title && /* @__PURE__ */ React.createElement(Truncate, { tooltip: title }, /* @__PURE__ */ React.createElement("h4", { className: "mb-0 flex-grow truncate text-left" }, title)), menu ? /* @__PURE__ */ React.createElement(
+    IconButton,
+    {
+      "aria-label": localization.texts.card.menu,
+      icon: "ellipsis-horizontal",
+      appearance: "discrete",
+      menu,
+      className: "-mt-[4px]"
+    }
+  ) : null), children);
 });
 Card.Content = Content$8;
 function $010c2913dbd2fe3d$export$5cae361ad82dce8b(value) {
@@ -82808,7 +82821,7 @@ function Legend$1(props) {
     return /* @__PURE__ */ React__default.createElement(
       "button",
       {
-        key: item.label,
+        key: `${item.label}_${index2}`,
         className: "hover:bg-grey-200 focus-visible:yt-focus flex items-center rounded px-1 !text-xs",
         onClick: (event) => {
           event == null ? void 0 : event.preventDefault();