@guardian/interactive-component-library 0.1.0-alpha.34 → 0.1.0-alpha.35

package/dist/interactive-component-library.js

@@ -489,7 +489,8 @@ const Waffle = ({
   },
   onClick = () => {
   },
-  styles: styles2
+  styles: styles2,
+  svgId
 }) => {
   const containerRef = useRef();
   const containerSize = useContainerSize(containerRef);
@@ -506,6 +507,7 @@ const Waffle = ({
     children: containerSize && jsx("svg", {
       viewBox: `0 0 ${width} ${height}`,
       class: styles2.svg,
+      id: svgId,
       children: jsx("g", {
         children: units.map((unit2, j) => {
           let attributes;
@@ -1468,6 +1470,7 @@ function Table({
         children: table2.columns.map((column, index) => {
           var _a;
           return jsx("th", {
+            scope: "col",
             className: mergeStyles(styles2.headerCell, (_a = column.styles) == null ? void 0 : _a.headerCell),
             children: jsx(HeaderCell, {
               styles: mergeStyles(styles2, column.styles),
@@ -1553,7 +1556,8 @@ const SlopeChart = ({
     right: 24,
     top: 20,
     bottom: 20
-  }
+  },
+  svgId
 }) => {
   const wrapperRef = useRef(null);
   const containerSize = useContainerSize(wrapperRef);
@@ -1584,6 +1588,7 @@ const SlopeChart = ({
     class: styles2.svg,
     width,
     height,
+    id: svgId,
     children: jsxs("g", {
       transform: `translate(${padding.left} ${padding.top})`,
       children: [jsxs("g", {
@@ -2419,13 +2424,13 @@ var d = (E) => {
     return cloneElement(t, { className: i });
   });
 };
-const transitionContainer = "_transitionContainer_15ioc_1";
-const blur = "_blur_15ioc_12";
-const modalBox = "_modalBox_15ioc_17";
-const enter = "_enter_15ioc_26";
-const exitDone = "_exitDone_15ioc_27";
-const enterActive = "_enterActive_15ioc_38";
-const exit = "_exit_15ioc_27";
+const transitionContainer = "_transitionContainer_1syip_1";
+const blur = "_blur_1syip_12";
+const modalBox = "_modalBox_1syip_17";
+const enter = "_enter_1syip_26";
+const exitDone = "_exitDone_1syip_27";
+const enterActive = "_enterActive_1syip_38";
+const exitActive = "_exitActive_1syip_49";
 const styles$6 = {
   transitionContainer,
   blur,
@@ -2433,7 +2438,7 @@ const styles$6 = {
   enter,
   exitDone,
   enterActive,
-  exit
+  exitActive
 };
 function Modal({
   visible = false,
@@ -3871,7 +3876,7 @@ const SVGMap = forwardRef(({
   const renderSVG = containerSize && !config.drawToCanvas;
   const zoomControl2 = organisedChildren.controls["ZoomControl"];
   const renderZoomControl = zoomControl2 && zoom2.enabled;
-  return jsxs("div", {
+  return jsxs("figure", {
     ref: containerRef,
     className: styles$4.container,
     style: containerStyle,
@@ -6380,7 +6385,7 @@ const Map$1 = forwardRef(({
       map.setLayers(layers);
     }
   }, [map, layers]);
-  return jsx("div", {
+  return jsx("figure", {
     ref: targetRef,
     className: styles$3.mapContainer,
     children: jsxs("div", {
@@ -7555,7 +7560,7 @@ function CoalitionsTracker({
         position: "relative",
         zIndex: 2
       },
-      children: [jsx("h4", {
+      children: [jsx("h3", {
         className: styles2.title,
         children: list.title
       }), jsx("p", {