@learncard/react 2.10.2 → 2.10.4

package/dist/esm/{SchoolIDCard-4e51671c.js → SchoolIDCard-fbd1cf6c.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { p as propTypes } from './index-4fa491c1.js';
+import { p as propTypes } from './index-cbd2e9db.js';
 
 var barcodes = {};
 
@@ -2956,7 +2956,7 @@ var SVGRenderer = function () {
 			this.setSvgAttributes(width, maxHeight);
 
 			if (this.options.background) {
-				this.drawRect(0, 0, width, maxHeight, this.svg).setAttribute("style", "fill:" + this.options.background + ";");
+				this.drawRect(0, 0, width, maxHeight, this.svg).setAttribute("fill", this.options.background);
 			}
 		}
 	}, {
@@ -2999,7 +2999,14 @@ var SVGRenderer = function () {
 			if (options.displayValue) {
 				var x, y;
 
-				textElem.setAttribute("style", "font:" + options.fontOptions + " " + options.fontSize + "px " + options.font);
+				textElem.setAttribute("font-family", options.font);
+				textElem.setAttribute("font-size", options.fontSize);
+				if (options.fontOptions.includes("bold")) {
+					textElem.setAttribute("font-weight", "bold");
+				}
+				if (options.fontOptions.includes("italic")) {
+					textElem.setAttribute("font-style", "italic");
+				}
 
 				if (options.textPosition == "top") {
 					y = options.fontSize - options.textMargin;
@@ -3041,8 +3048,6 @@ var SVGRenderer = function () {
 
 			svg.setAttribute("xmlns", svgns);
 			svg.setAttribute("version", "1.1");
-
-			svg.setAttribute("style", "transform: translate(0,0)");
 		}
 	}, {
 		key: "createGroup",
@@ -3057,7 +3062,7 @@ var SVGRenderer = function () {
 	}, {
 		key: "setGroupOptions",
 		value: function setGroupOptions(group, options) {
-			group.setAttribute("style", "fill:" + options.lineColor + ";");
+			group.setAttribute("fill", options.lineColor);
 		}
 	}, {
 		key: "drawRect",
@@ -3837,4 +3842,4 @@ const SchoolIDCard = ({
 };
 
 export { SchoolIDCard as S };
-//# sourceMappingURL=SchoolIDCard-4e51671c.js.map
+//# sourceMappingURL=SchoolIDCard-fbd1cf6c.js.map