gf-components 0.1.173 → 0.1.175

package/dist/index.es.js

@@ -40818,7 +40818,7 @@ const za = 12, u1 = 14, Rs = Wt.tspan`
       raw: "#92DAE1"
     },
     legend: {
-      raw: "Grondstoffen gebruik"
+      raw: "Grondstoffengebruik"
     },
     text: "Doel 2035: Verlagen met 15% ten op zichte van 2016",
     targets: [
@@ -41677,6 +41677,9 @@ const za = 12, u1 = 14, Rs = Wt.tspan`
         {
           gap: 8,
           vertical: !0,
+          style: {
+            flexGrow: 1
+          },
           children: [
             /* @__PURE__ */ m.jsxs(
               Mt,
@@ -41689,7 +41692,7 @@ const za = 12, u1 = 14, Rs = Wt.tspan`
                     {
                       style: {
                         color: "#1D2939",
-                        textAlign: "center",
+                        textAlign: "left",
                         fontSize: 16,
                         fontWeight: 500,
                         lineHeight: "24px"
@@ -41871,35 +41874,36 @@ const n7e = ({
   curr: t,
   legend: n
 }) => {
-  var a;
-  const r = (e == null ? void 0 : e.unit) === "%", i = (a = n == null ? void 0 : n.filter((s) => s.key !== "reduction")) == null ? void 0 : a.length, o = 8;
-  return /* @__PURE__ */ m.jsx(Mt, { children: n == null ? void 0 : n.map((s, l) => {
-    var f;
-    const c = ((f = e == null ? void 0 : e.value) == null ? void 0 : f[s == null ? void 0 : s.key]) / 100 * 100, u = (s == null ? void 0 : s.arrow) && !t && c > o, d = o / c * 100;
+  var o;
+  e == null || e.unit;
+  const r = (o = n == null ? void 0 : n.filter((a) => a.key !== "reduction")) == null ? void 0 : o.length, i = 8;
+  return /* @__PURE__ */ m.jsx(Mt, { children: n == null ? void 0 : n.map((a, s) => {
+    var d;
+    const l = ((d = e == null ? void 0 : e.value) == null ? void 0 : d[a == null ? void 0 : a.key]) / 100 * 100, c = (a == null ? void 0 : a.arrow) && !t && l > i, u = i / l * 100;
     return /* @__PURE__ */ m.jsxs(je.Fragment, { children: [
-      (s == null ? void 0 : s.key) !== "reduction" && /* @__PURE__ */ m.jsx(
+      (a == null ? void 0 : a.key) !== "reduction" && /* @__PURE__ */ m.jsx(
         "div",
         {
           style: {
-            width: `${c}%`,
+            width: `${l}%`,
             height: 16,
             position: "relative",
-            borderRadius: i === 1 ? 12 : l === 0 ? "12px 0 0 12px" : l === i - 1 ? "0 12px 12px 0" : 0,
-            borderRight: i !== 1 && l < i - 1 ? "1px solid #FFF" : "none",
-            background: r && !t && !(s != null && s.hide) ? `repeating-linear-gradient(
+            borderRadius: r === 1 ? 12 : s === 0 ? "12px 0 0 12px" : s === r - 1 ? "0 12px 12px 0" : 0,
+            borderRight: r !== 1 && s < r - 1 ? "1px solid #FFF" : "none",
+            background: !t && !(a != null && a.hide) ? `repeating-linear-gradient(
                                             -60deg,
-                                            rgba(255,255,255,0.1) 0px,
-                                            rgba(255,255,255,0.1) 1px,
+                                            rgba(255,255,255,0.35) 0px,
+                                            rgba(255,255,255,0.35) 1px,
                                             transparent 1px,
                                             transparent 3px
-                                          ), ${s == null ? void 0 : s.color}` : s == null ? void 0 : s.color
+                                          ), ${a == null ? void 0 : a.color}` : a == null ? void 0 : a.color
           },
-          children: u && /* @__PURE__ */ m.jsx(
+          children: c && /* @__PURE__ */ m.jsx(
             Mt,
             {
               align: "center",
               style: {
-                width: `${d}%`,
+                width: `${u}%`,
                 height: "100%"
               },
               children: /* @__PURE__ */ m.jsx(rb, {})
@@ -41907,12 +41911,12 @@ const n7e = ({
           )
         }
       ),
-      (s == null ? void 0 : s.key) === "reduction" && c > 0 && /* @__PURE__ */ m.jsx(
+      (a == null ? void 0 : a.key) === "reduction" && l > 0 && /* @__PURE__ */ m.jsx(
         Mt,
         {
           align: "center",
           style: {
-            width: `${c}%`,
+            width: `${l}%`,
             height: "100%"
           },
           children: /* @__PURE__ */ m.jsx(
@@ -41926,7 +41930,7 @@ const n7e = ({
           )
         }
       )
-    ] }, l);
+    ] }, s);
   }) });
 }, ib = ({
   title: e = "",
@@ -41980,7 +41984,7 @@ const n7e = ({
       /* @__PURE__ */ m.jsx(
         ib,
         {
-          title: n ? "Begintpunt (2016)" : "Doel (2030)",
+          title: n ? "Beginpunt (2016)" : "Doel (2030)",
           data: {
             value: e == null ? void 0 : e.begin,
             unit: e == null ? void 0 : e.unit