@carto/meridian-ds 2.0.0-alpha-external-link.8 → 2.0.0-alpha-external-link.9

package/dist/{Alert-a_Y9ZK5R.cjs → Alert--4zcBs2d.cjs}

@@ -132,15 +132,6 @@ function _Link({
   const intl = reactIntl.useIntl();
   const intlConfig = TablePaginationActions.useImperativeIntl(intl);
   const isButtonLink = otherProps.component === "button";
-  if (process.env.NODE_ENV !== "production") {
-    const hasTargetBlank = target === "_blank";
-    const hasNoopenerRel = rel === "noopener noreferrer";
-    if (hasTargetBlank || hasNoopenerRel) {
-      console.error(
-        'Link: You are using target="_blank" and/or rel="noopener noreferrer" directly. Please use the `external` prop instead for better consistency and accessibility:\n\nInstead of:\n<Link target="_blank" rel="noopener noreferrer" href="...">Link text</Link>\n\nUse:\n<Link external href="...">Link text</Link>\n\nThe `external` prop automatically handles target="_blank", rel="noopener noreferrer", and adds proper accessibility attributes and visual indicators.'
-      );
-    }
-  }
   return /* @__PURE__ */ jsxRuntime.jsxs(
     StyledLink,
     {

package/dist/{Alert-Cw9nu2Pw.js → Alert-Dgmjgdl8.js}

@@ -131,15 +131,6 @@ function _Link({
   const intl = useIntl();
   const intlConfig = useImperativeIntl(intl);
   const isButtonLink = otherProps.component === "button";
-  if (process.env.NODE_ENV !== "production") {
-    const hasTargetBlank = target === "_blank";
-    const hasNoopenerRel = rel === "noopener noreferrer";
-    if (hasTargetBlank || hasNoopenerRel) {
-      console.error(
-        'Link: You are using target="_blank" and/or rel="noopener noreferrer" directly. Please use the `external` prop instead for better consistency and accessibility:\n\nInstead of:\n<Link target="_blank" rel="noopener noreferrer" href="...">Link text</Link>\n\nUse:\n<Link external href="...">Link text</Link>\n\nThe `external` prop automatically handles target="_blank", rel="noopener noreferrer", and adds proper accessibility attributes and visual indicators.'
-      );
-    }
-  }
   return /* @__PURE__ */ jsxs(
     StyledLink,
     {

package/dist/components/index.cjs

@@ -6,7 +6,7 @@ const reactIntl = require("react-intl");
 const material = require("@mui/material");
 const iconsMaterial = require("@mui/icons-material");
 const TablePaginationActions = require("../TablePaginationActions-MwqZJoRm.cjs");
-const Alert$1 = require("../Alert-a_Y9ZK5R.cjs");
+const Alert$1 = require("../Alert--4zcBs2d.cjs");
 const ArrowDown = require("../ArrowDown-DJ0vhbsw.cjs");
 const OpenDiagonallyRight = require("../OpenDiagonallyRight-CpL4ROwg.cjs");
 require("cartocolor");
@@ -64,6 +64,7 @@ function _Button({
   loadingPosition,
   external,
   showExternalIcon = true,
+  "aria-describedby": ariaDescribedby,
   ...otherProps
 }, ref) {
   const intl = reactIntl.useIntl();
@@ -117,7 +118,7 @@ function _Button({
         rel: "noopener noreferrer"
       },
       ref,
-      "aria-describedby": isExternalLink ? "external-hint" : void 0,
+      "aria-describedby": isExternalLink ? "external-hint" : ariaDescribedby,
       children: /* @__PURE__ */ jsxRuntime.jsx(TablePaginationActions.Typography, { variant: "inherit", color: "inherit", noWrap: true, component: "span", children: renderContent() })
     }
   );

package/dist/components/index.js

@@ -5,8 +5,8 @@ import { styled, Box, Button as Button$1, CircularProgress, Popper, Grow, Paper,
 import { OpenInNewOutlined, VisibilityOffOutlined, VisibilityOutlined, Cancel, AddCircleOutlineOutlined, ContentCopyOutlined, CloseOutlined, MenuOutlined, HelpOutline, TodayOutlined, MoreVertOutlined, ErrorOutline, Check } from "@mui/icons-material";
 import { u as useImperativeIntl, T as Typography, c as ICON_SIZE_SMALL, f as MENU_ITEM_SIZE_EXTENDED, e as MENU_ITEM_SIZE_DENSE, d as MENU_LIST_MAX_SIZE, M as MENU_ITEM_SIZE_DEFAULT, N as NOTIFICATION_DURATION_IN_MS, A as APPBAR_SIZE } from "../TablePaginationActions-BWer8cmX.js";
 import { a } from "../TablePaginationActions-BWer8cmX.js";
-import { S as ScreenReaderOnly, I as IconButton$1, A as Alert$1 } from "../Alert-Cw9nu2Pw.js";
-import { L } from "../Alert-Cw9nu2Pw.js";
+import { S as ScreenReaderOnly, I as IconButton$1, A as Alert$1 } from "../Alert-Dgmjgdl8.js";
+import { L } from "../Alert-Dgmjgdl8.js";
 import { A as ArrowDown } from "../ArrowDown-d6bxUL0F.js";
 import { A as ArrowUp, O as OpenDiagonallyRight, C as CloseDiagonallyRight } from "../OpenDiagonallyRight-CGdCEXlF.js";
 import "cartocolor";
@@ -64,6 +64,7 @@ function _Button({
   loadingPosition,
   external,
   showExternalIcon = true,
+  "aria-describedby": ariaDescribedby,
   ...otherProps
 }, ref) {
   const intl = useIntl();
@@ -117,7 +118,7 @@ function _Button({
         rel: "noopener noreferrer"
       },
       ref,
-      "aria-describedby": isExternalLink ? "external-hint" : void 0,
+      "aria-describedby": isExternalLink ? "external-hint" : ariaDescribedby,
       children: /* @__PURE__ */ jsx(Typography, { variant: "inherit", color: "inherit", noWrap: true, component: "span", children: renderContent() })
     }
   );

package/dist/types/components/atoms/Button.d.ts

@@ -19,6 +19,7 @@ export type ButtonProps = MUIButtonProps<React.ElementType, {
      * Needs to have a href prop to be considered external.
      */
     showExternalIcon?: boolean;
+    'aria-describedby'?: string;
 }>;
 declare const Button: import('react').ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
 export default Button;

package/dist/types/components/atoms/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,WAAW,IAAI,cAAc,EAK9B,MAAM,eAAe,CAAA;AAuBtB,MAAM,MAAM,WAAW,GAAG,cAAc,CACtC,KAAK,CAAC,WAAW,EACjB;IACE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;;OAKG;IACH,eAAe,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,CACF,CAAA;AAmGD,QAAA,MAAM,MAAM,wHAAsB,CAAA;AAClC,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,WAAW,IAAI,cAAc,EAK9B,MAAM,eAAe,CAAA;AAuBtB,MAAM,MAAM,WAAW,GAAG,cAAc,CACtC,KAAK,CAAC,WAAW,EACjB;IACE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;;OAKG;IACH,eAAe,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B,CACF,CAAA;AAoGD,QAAA,MAAM,MAAM,wHAAsB,CAAA;AAClC,eAAe,MAAM,CAAA"}

package/dist/types/components/atoms/Link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Link.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,SAAS,IAAI,YAAY,EAG1B,MAAM,eAAe,CAAA;AAqDtB,MAAM,MAAM,SAAS,GAAG,YAAY,CAClC,KAAK,CAAC,WAAW,EACjB;IACE,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;;;;;;;;OASG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;;;;;;;;OASG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B,CACF,CAAA;AAmFD,QAAA,MAAM,IAAI,sHAAoB,CAAA;AAC9B,eAAe,IAAI,CAAA"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Link.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,SAAS,IAAI,YAAY,EAG1B,MAAM,eAAe,CAAA;AAqDtB,MAAM,MAAM,SAAS,GAAG,YAAY,CAClC,KAAK,CAAC,WAAW,EACjB;IACE,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;;;;;;;;OASG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;;;;;;;;OASG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B,CACF,CAAA;AA6DD,QAAA,MAAM,IAAI,sHAAoB,CAAA;AAC9B,eAAe,IAAI,CAAA"}

package/dist/widgets/index.cjs

@@ -9,7 +9,7 @@ const _ReactEcharts = require("echarts-for-react");
 const reactWindow = require("react-window");
 const SwatchSquare = require("../SwatchSquare-B8PIY3Rd.cjs");
 const iconsMaterial = require("@mui/icons-material");
-const Alert = require("../Alert-a_Y9ZK5R.cjs");
+const Alert = require("../Alert--4zcBs2d.cjs");
 const paletteUtils = require("../paletteUtils-B9ybmwiI.cjs");
 function detectTouchscreen() {
   let result = false;

package/dist/widgets/index.js

@@ -7,7 +7,7 @@ import _ReactEcharts from "echarts-for-react";
 import { FixedSizeList } from "react-window";
 import { S as Search, a as SwatchSquare } from "../SwatchSquare-CaaLsjAC.js";
 import { ChevronLeft, ChevronRight, KeyboardArrowDown, ErrorOutline, Cancel, VisibilityOutlined, VisibilityOffOutlined, ExpandLess, ExpandMore, Close, LayersOutlined, MoreVert } from "@mui/icons-material";
-import { I as IconButton, L as Link$1, A as Alert } from "../Alert-Cw9nu2Pw.js";
+import { I as IconButton, L as Link$1, A as Alert } from "../Alert-Dgmjgdl8.js";
 import { a as getColorByCategory, c as commonPalette, b as getPalette } from "../paletteUtils-BHqJlHm9.js";
 function detectTouchscreen() {
   let result = false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carto/meridian-ds",
-  "version": "2.0.0-alpha-external-link.8",
+  "version": "2.0.0-alpha-external-link.9",
   "description": "CARTO Meridian Design System",
   "type": "module",
   "scripts": {