@daoyi/nmtl-ui 2.0.1-beta.116 → 2.0.1-beta.117

package/lib/components/BarChart.js

@@ -672,7 +672,8 @@ var BarChart = function BarChart(_ref) {
     var x = band().range([0, width]).domain(data.map(function (d) {
       return d.year;
     })).padding(0.2);
-    svg.append('g').attr('id', 'xaxis').attr('transform', "translate(0,".concat(height, ")")).call(axisBottom(x)).style('color', fontColor).selectAll('text').attr('transform', 'translate(-10,0)rotate(-45)').style('text-anchor', 'end').style('color', fontColor).style('font-size', 16).style('cursor', 'pointer').on('click', function (d) {
+    svg.append('g').attr('id', 'xaxis').attr('transform', "translate(0,".concat(height, ")")).call(axisBottom(x)).style('color', fontColor).selectAll('text').attr('transform', 'translate(-10,0)rotate(-45)').style('text-anchor', 'end').style('color', fontColor)
+    /* WCAG 1.4.4 / Freego CS2140401C：D3 inline font-size 改相對單位（16→1rem） */.style('font-size', '1rem').style('cursor', 'pointer').on('click', function (d) {
       setSelectedYear(d);
     });
 
@@ -707,7 +708,8 @@ var BarChart = function BarChart(_ref) {
     });
     svg.append('g').call(axisLeft(y).tickValues(sequence(y.domain()[0], y.domain()[1] + 1, scaleTicks)).tickFormat(function (d) {
       return Math.round(d);
-    })).attr('id', 'yaxis').style('color', fontColor).style('font-size', 15);
+    })).attr('id', 'yaxis').style('color', fontColor)
+    /* WCAG 1.4.4 / Freego CS2140401C：D3 inline font-size 改相對單位（15→0.9375rem） */.style('font-size', '0.9375rem');
   };
   function shiftYaxis() {
     var element = document.getElementById('barChart__block');

package/lib/components/SNA.js

@@ -1505,7 +1505,8 @@ var SNA = function SNA(props) {
     return "M".concat(source.x, ", ").concat(source.y, " Q").concat(qx, " ").concat(qy, " ").concat(target.x, " ").concat(target.y);
   };
   var init = function init(networkData) {
-    var edgeLabelSize = '10px';
+    /* WCAG 1.4.4 / Freego CS2140401C：SVG 文字字型尺寸改相對單位（10px→0.625rem） */
+    var edgeLabelSize = '0.625rem';
     var lineRaduis = 30;
     var nodeStroke = 1.5;
     var nodeRadius = 10 - nodeStroke;
@@ -1577,13 +1578,15 @@ var SNA = function SNA(props) {
     });
     var nodeLabel = g.append('g').selectAll('text').data(nodes).join('text').attr('fill', fontColor).attr('text-anchor', 'middle').attr('key', function (d) {
       return d.type;
-    }).style('color', '#fff').style('font-size', '14px').text(function (d) {
+    }).style('color', '#fff')
+    /* WCAG 1.4.4 / Freego CS2140401C：SVG 文字字型尺寸改相對單位（14px→0.875rem） */.style('font-size', '0.875rem').text(function (d) {
       return d.name;
     });
     var edgepaths = g.selectAll('.edgepath').data(links).enter().append('path').attr('class', 'edgepath').attr('fill-opacity', 0).attr('stroke-opacity', 0).attr('id', function (d, i) {
       return "edgepath".concat(i);
     }).style('pointer-events', 'none');
-    var edgelabels = g.selectAll('.edgelabel').data(links).enter().append('text').style('pointer-events', 'none').attr('class', 'edgelabel').attr('font-size', edgeLabelSize).attr('fill', '#aaa').attr('visibility', 'visible').attr('key', function (d) {
+    var edgelabels = g.selectAll('.edgelabel').data(links).enter().append('text').style('pointer-events', 'none').attr('class', 'edgelabel')
+    /* rem 需以 style 設定（SVG presentation attribute 對 rem 支援不一致） */.style('font-size', edgeLabelSize).attr('fill', '#aaa').attr('visibility', 'visible').attr('key', function (d) {
       return d.type;
     }).attr('id', function (d, i) {
       return "edgelabel".concat(i);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@daoyi/nmtl-ui",
-	"version": "2.0.1-beta.116",
+	"version": "2.0.1-beta.117",
 	"description": "This project is to be used as a starter kit for building React component using Storybook and Rollup",
 	"author": "daoyi",
 	"main": "lib/index.js",