npm - @widergy/energy-ui - Versions diffs - 1.136.1 → 1.136.2 - Mend

@widergy/energy-ui 1.136.1 → 1.136.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

package/dist/components/UTAvatar/index.js CHANGED Viewed

@@ -35,10 +35,10 @@ const UTAvatar = _ref => {
 UTAvatar.propTypes = {
   className: _propTypes.string,
   manualColors: _propTypes.bool,
-  palette: (0, _propTypes.shape)({
+  palette: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
     color: _propTypes.string,
     backgroundColor: _propTypes.string
-  }),
+  })),
   userName: _propTypes.string
 };
 var _default = exports.default = UTAvatar;

package/dist/components/UTCheckbox/index.js CHANGED Viewed

@@ -23,7 +23,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var Checked = function Checked(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M10 14zm0 3l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+    d: "M10 14Zm0 3-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9Z"
   }));
 };
 Checked.defaultProps = {

package/dist/components/UTDatePicker/index.js CHANGED Viewed

@@ -30,7 +30,7 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typ
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var CalendarIcon = function CalendarIcon(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M8 15c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm8 0c.55 0 1 .45 1 1s-.45 1-1 1h-4c-.55 0-1-.45-1-1s.45-1 1-1zm2 5H6c-.551 0-1-.449-1-1v-6h14v6c0 .551-.449 1-1 1M6 6h1v1c0 .55.45 1 1 1s1-.45 1-1V6h6v1c0 .55.45 1 1 1s1-.45 1-1V6h1c.551 0 1 .449 1 1v4H5V7c0-.551.449-1 1-1m12-2h-1V3c0-.55-.45-1-1-1s-1 .45-1 1v1H9V3c0-.55-.45-1-1-1s-1 .45-1 1v1H6C4.346 4 3 5.346 3 7v12c0 1.654 1.346 3 3 3h12c1.654 0 3-1.346 3-3V7c0-1.654-1.346-3-3-3",
+    d: "M8 15c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1Zm8 0c.55 0 1 .45 1 1s-.45 1-1 1h-4c-.55 0-1-.45-1-1s.45-1 1-1Zm2 5H6c-.551 0-1-.449-1-1v-6h14v6c0 .551-.449 1-1 1M6 6h1v1c0 .55.45 1 1 1s1-.45 1-1V6h6v1c0 .55.45 1 1 1s1-.45 1-1V6h1c.551 0 1 .449 1 1v4H5V7c0-.551.449-1 1-1m12-2h-1V3c0-.55-.45-1-1-1s-1 .45-1 1v1H9V3c0-.55-.45-1-1-1s-1 .45-1 1v1H6C4.346 4 3 5.346 3 7v12c0 1.654 1.346 3 3 3h12c1.654 0 3-1.346 3-3V7c0-1.654-1.346-3-3-3",
     id: "a"
   })), /*#__PURE__*/_react.default.createElement("use", {
     fillRule: "nonzero",
@@ -42,7 +42,6 @@ var CalendarIcon = function CalendarIcon(props) {
 CalendarIcon.defaultProps = {
   width: "18",
   height: "20",
-  viewBox: "0 0 18 20",
   xmlns: "http://www.w3.org/2000/svg",
   xmlnsXlink: "http://www.w3.org/1999/xlink"
 };

package/dist/components/UTEmojiPicker/constants.js CHANGED Viewed

@@ -20,7 +20,6 @@ Faces.defaultProps = {
   className: "icon icon-tabler icon-tabler-mood-smile",
   width: "24",
   height: "24",
-  viewBox: "0 0 24 24",
   strokeWidth: "2",
   stroke: "#677489",
   fill: "none",
@@ -29,7 +28,9 @@ Faces.defaultProps = {
 };
 var Nature = function Nature(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M5 21c.5-4.5 2.5-8 7-10M9 18c6.218 0 10.5-3.288 11-12V4h-4.014c-9 0-11.986 4-12 9 0 1 0 3 2 5h3z"
+    d: "M5 21c.5-4.5 2.5-8 7-10"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M9 18c6.218 0 10.5-3.288 11-12V4h-4.014c-9 0-11.986 4-12 9 0 1 0 3 2 5h3z"
   }));
 };
 Nature.defaultProps = {
@@ -37,7 +38,6 @@ Nature.defaultProps = {
   className: "icon icon-tabler icon-tabler-leaf",
   width: "24",
   height: "24",
-  viewBox: "0 0 24 24",
   strokeWidth: "2",
   stroke: "#677489",
   fill: "none",
@@ -46,7 +46,7 @@ Nature.defaultProps = {
 };
 var Language = function Language(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M19.5 13.572L12 21l-7.5-7.428m0 0A5 5 0 1 1 12 7.006a5 5 0 1 1 7.5 6.572"
+    d: "M19.5 13.572 12 21l-7.5-7.428m0 0A5 5 0 1 1 12 7.006a5 5 0 1 1 7.5 6.572"
   }));
 };
 Language.defaultProps = {
@@ -54,7 +54,6 @@ Language.defaultProps = {
   className: "icon icon-tabler icon-tabler-heart",
   width: "24",
   height: "24",
-  viewBox: "0 0 24 24",
   strokeWidth: "2",
   stroke: "#677489",
   fill: "none",
@@ -63,9 +62,11 @@ Language.defaultProps = {
 };
 var Sports = function Sports(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M15 9l-6 6M10 12l2 2M12 10l2 2M8 21a5 5 0 0 0-5-5"
+    d: "m15 9-6 6M10 12l2 2M12 10l2 2M8 21a5 5 0 0 0-5-5"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M16 3C8.82 3 3 8.82 3 16a5 5 0 0 0 5 5c7.18 0 13-5.82 13-13a5 5 0 0 0-5-5"
   }), /*#__PURE__*/_react.default.createElement("path", {
-    d: "M16 3C8.82 3 3 8.82 3 16a5 5 0 0 0 5 5c7.18 0 13-5.82 13-13a5 5 0 0 0-5-5M16 3a5 5 0 0 0 5 5"
+    d: "M16 3a5 5 0 0 0 5 5"
   }));
 };
 Sports.defaultProps = {
@@ -73,7 +74,6 @@ Sports.defaultProps = {
   className: "icon icon-tabler icon-tabler-ball-american-football",
   width: "24",
   height: "24",
-  viewBox: "0 0 24 24",
   strokeWidth: "2",
   stroke: "#677489",
   fill: "none",
@@ -92,7 +92,6 @@ Food.defaultProps = {
   className: "icon icon-tabler icon-tabler-pizza",
   width: "24",
   height: "24",
-  viewBox: "0 0 24 24",
   strokeWidth: "2",
   stroke: "#677489",
   fill: "none",
@@ -109,7 +108,6 @@ Travel.defaultProps = {
   className: "icon icon-tabler icon-tabler-plane",
   width: "24",
   height: "24",
-  viewBox: "0 0 24 24",
   strokeWidth: "2",
   stroke: "#677489",
   fill: "none",
@@ -118,7 +116,7 @@ Travel.defaultProps = {
 };
 var Creative = function Creative(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M3 12h1m8-9v1m8 8h1M5.6 5.6l.7.7m12.1-.7l-.7.7M9 16a5 5 0 1 1 6 0 3.5 3.5 0 0 0-1 3 2 2 0 0 1-4 0 3.5 3.5 0 0 0-1-3M9.7 17h4.6"
+    d: "M3 12h1m8-9v1m8 8h1M5.6 5.6l.7.7m12.1-.7-.7.7M9 16a5 5 0 1 1 6 0 3.5 3.5 0 0 0-1 3 2 2 0 0 1-4 0 3.5 3.5 0 0 0-1-3M9.7 17h4.6"
   }));
 };
 Creative.defaultProps = {
@@ -126,7 +124,6 @@ Creative.defaultProps = {
   className: "icon icon-tabler icon-tabler-bulb",
   width: "24",
   height: "24",
-  viewBox: "0 0 24 24",
   strokeWidth: "2",
   stroke: "#677489",
   fill: "none",
@@ -143,7 +140,6 @@ Flags.defaultProps = {
   className: "icon icon-tabler icon-tabler-flag",
   width: "24",
   height: "24",
-  viewBox: "0 0 24 24",
   strokeWidth: "2",
   stroke: "#677489",
   fill: "none",

package/dist/components/UTFileInput/layout.js CHANGED Viewed

@@ -25,6 +25,10 @@ var uploadIcon = function uploadIcon(props) {
 uploadIcon.defaultProps = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 414.165 414.165",
+  style: {
+    enableBackground: "new 0 0 414.165 414.165"
+  },
+  xmlSpace: "preserve",
   width: "512",
   height: "512"
 };

package/dist/components/UTRating/components/Faces/constants.js CHANGED Viewed

@@ -10,14 +10,13 @@ var MoodConfuzed = function MoodConfuzed(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12zm6-2a1 1 0 0 1 1-1h.01a1 1 0 0 1 0 2H9a1 1 0 0 1-1-1zm6 0a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H15a1 1 0 0 1-1-1zm1.43 5.498a9 9 0 0 0-5.4 1.35 1 1 0 0 1-1.06-1.695 11 11 0 0 1 6.6-1.65 1 1 0 1 1-.14 1.995z",
+    d: "M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16ZM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Zm6-2a1 1 0 0 1 1-1h.01a1 1 0 0 1 0 2H9a1 1 0 0 1-1-1Zm6 0a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H15a1 1 0 0 1-1-1Zm1.43 5.498a9 9 0 0 0-5.4 1.35 1 1 0 0 1-1.06-1.695 11 11 0 0 1 6.6-1.65 1 1 0 1 1-.14 1.995Z",
     fill: "#091E42"
   }));
 };
 MoodConfuzed.defaultProps = {
   width: "24",
   height: "24",
-  viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -25,14 +24,13 @@ var MoodEmpty = function MoodEmpty(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12zm6-2a1 1 0 0 1 1-1h.01a1 1 0 0 1 0 2H9a1 1 0 0 1-1-1zm6 0a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H15a1 1 0 0 1-1-1zm-6 5a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1z",
+    d: "M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16ZM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Zm6-2a1 1 0 0 1 1-1h.01a1 1 0 0 1 0 2H9a1 1 0 0 1-1-1Zm6 0a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H15a1 1 0 0 1-1-1Zm-6 5a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1Z",
     fill: "#091E42"
   }));
 };
 MoodEmpty.defaultProps = {
   width: "24",
   height: "24",
-  viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -40,14 +38,13 @@ var MoodHappy = function MoodHappy(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12zm6-3a1 1 0 0 1 1-1h.01a1 1 0 0 1 0 2H9a1 1 0 0 1-1-1zm6 0a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H15a1 1 0 0 1-1-1zm-6.707 3.293A1 1 0 0 1 8 12h8a1 1 0 0 1 1 1 5 5 0 1 1-10 0 1 1 0 0 1 .293-.707zM9.172 14a3 3 0 0 0 5.656 0H9.172z",
+    d: "M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16ZM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Zm6-3a1 1 0 0 1 1-1h.01a1 1 0 0 1 0 2H9a1 1 0 0 1-1-1Zm6 0a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H15a1 1 0 0 1-1-1Zm-6.707 3.293A1 1 0 0 1 8 12h8a1 1 0 0 1 1 1 5 5 0 1 1-10 0 1 1 0 0 1 .293-.707ZM9.172 14a3 3 0 0 0 5.656 0H9.172Z",
     fill: "#091E42"
   }));
 };
 MoodHappy.defaultProps = {
   width: "24",
   height: "24",
-  viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -55,14 +52,13 @@ var MoodSad = function MoodSad(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12zm6-2a1 1 0 0 1 1-1h.01a1 1 0 0 1 0 2H9a1 1 0 0 1-1-1zm6 0a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H15a1 1 0 0 1-1-1zm-2 5.2a2.5 2.5 0 0 0-1.786.75 1 1 0 0 1-1.428-1.4 4.499 4.499 0 0 1 6.428 0 1 1 0 0 1-1.428 1.4A2.501 2.501 0 0 0 12 15.2z",
+    d: "M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16ZM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Zm6-2a1 1 0 0 1 1-1h.01a1 1 0 0 1 0 2H9a1 1 0 0 1-1-1Zm6 0a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H15a1 1 0 0 1-1-1Zm-2 5.2a2.5 2.5 0 0 0-1.786.75 1 1 0 0 1-1.428-1.4 4.499 4.499 0 0 1 6.428 0 1 1 0 0 1-1.428 1.4A2.501 2.501 0 0 0 12 15.2Z",
     fill: "#091E42"
   }));
 };
 MoodSad.defaultProps = {
   width: "24",
   height: "24",
-  viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -70,14 +66,13 @@ var MoodSmile = function MoodSmile(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12zm6-2a1 1 0 0 1 1-1h.01a1 1 0 0 1 0 2H9a1 1 0 0 1-1-1zm6 0a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H15a1 1 0 0 1-1-1zm-5.2 4.286a1 1 0 0 1 1.414.014 2.5 2.5 0 0 0 3.572 0 1 1 0 0 1 1.428 1.4 4.5 4.5 0 0 1-6.428 0 1 1 0 0 1 .014-1.414z",
+    d: "M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16ZM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Zm6-2a1 1 0 0 1 1-1h.01a1 1 0 0 1 0 2H9a1 1 0 0 1-1-1Zm6 0a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H15a1 1 0 0 1-1-1Zm-5.2 4.286a1 1 0 0 1 1.414.014 2.5 2.5 0 0 0 3.572 0 1 1 0 0 1 1.428 1.4 4.5 4.5 0 0 1-6.428 0 1 1 0 0 1 .014-1.414Z",
     fill: "#091E42"
   }));
 };
 MoodSmile.defaultProps = {
   width: "24",
   height: "24",
-  viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };

package/dist/components/UTTable/components/TableFooter/components/Pagination/index.js CHANGED Viewed

@@ -23,7 +23,6 @@ var NavigateBeforeIcon = function NavigateBeforeIcon(props) {
 NavigateBeforeIcon.defaultProps = {
   width: "7",
   height: "14",
-  viewBox: "0 0 7 14",
   xmlns: "http://www.w3.org/2000/svg"
 };
 var NavigateNextIcon = function NavigateNextIcon(props) {
@@ -36,33 +35,30 @@ var NavigateNextIcon = function NavigateNextIcon(props) {
 NavigateNextIcon.defaultProps = {
   width: "7",
   height: "14",
-  viewBox: "0 0 7 14",
   xmlns: "http://www.w3.org/2000/svg"
 };
 var NavigateHeaderBeforeIcon = function NavigateHeaderBeforeIcon(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
     fill: "#FFF",
-    d: "M5.232.36a1 1 0 0 1 1.536 1.28L2.292 7.01l4.315 5.363a1 1 0 0 1-1.558 1.254l-4.828-6A1 1 0 0 1 .232 6.36zm7 0a1 1 0 0 1 1.537 1.28L9.293 7.011l4.315 5.362a1 1 0 0 1-1.56 1.254l-4.828-6a1 1 0 0 1 .012-1.267z",
+    d: "M5.232.36a1 1 0 0 1 1.536 1.28L2.292 7.01l4.315 5.363a1 1 0 0 1-1.558 1.254l-4.828-6A1 1 0 0 1 .232 6.36Zm7 0a1 1 0 0 1 1.537 1.28L9.293 7.011l4.315 5.362a1 1 0 0 1-1.56 1.254l-4.828-6a1 1 0 0 1 .012-1.267Z",
     fillRule: "evenodd"
   }));
 };
 NavigateHeaderBeforeIcon.defaultProps = {
   width: "14",
   height: "14",
-  viewBox: "0 0 14 14",
   xmlns: "http://www.w3.org/2000/svg"
 };
 var NavigateHeaderNextIcon = function NavigateHeaderNextIcon(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
     fill: "#FFF",
-    d: "M7.545.221a1 1 0 0 1 1.406.152l4.828 6a1 1 0 0 1-.01 1.267l-5 6a1 1 0 1 1-1.537-1.28l4.476-5.371-4.316-5.362A1 1 0 0 1 7.545.221zm-7 0a1 1 0 0 1 1.406.152l4.828 6a1 1 0 0 1-.01 1.267l-5 6a1 1 0 1 1-1.537-1.28l4.475-5.371L.392 1.627A1 1 0 0 1 .545.221z",
+    d: "M7.545.221a1 1 0 0 1 1.406.152l4.828 6a1 1 0 0 1-.01 1.267l-5 6a1 1 0 1 1-1.537-1.28l4.476-5.371-4.316-5.362A1 1 0 0 1 7.545.221Zm-7 0a1 1 0 0 1 1.406.152l4.828 6a1 1 0 0 1-.01 1.267l-5 6a1 1 0 1 1-1.537-1.28l4.475-5.371L.392 1.627A1 1 0 0 1 .545.221Z",
     fillRule: "evenodd"
   }));
 };
 NavigateHeaderNextIcon.defaultProps = {
   width: "14",
   height: "14",
-  viewBox: "0 0 14 14",
   xmlns: "http://www.w3.org/2000/svg"
 };
 const Pagination = _ref => {

package/dist/components/UTTable/components/TableHeader/index.js CHANGED Viewed

@@ -23,7 +23,6 @@ var RefreshIcon = function RefreshIcon(props) {
 RefreshIcon.defaultProps = {
   width: "18",
   height: "18",
-  viewBox: "0 0 18 18",
   xmlns: "http://www.w3.org/2000/svg"
 };
 const TableHeader = _ref => {

package/dist/components/UTTextArea/constants.js CHANGED Viewed

@@ -3,8 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.tippyProps = void 0;
+exports.tippyProps = exports.limitWarningFactor = void 0;
 const tippyProps = exports.tippyProps = {
   appendTo: () => document.body,
   interactive: false
-};
+};
+const limitWarningFactor = exports.limitWarningFactor = 0.9;

package/dist/components/UTTextArea/index.js CHANGED Viewed

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = require("prop-types");
+var _normalize = require("@widergy/web-utils/lib/normalize");
 var _HelpOutline = _interopRequireDefault(require("@material-ui/icons/HelpOutline"));
 var _UTTooltip = _interopRequireDefault(require("../UTTooltip"));
 var _WithTheme = _interopRequireDefault(require("../WithTheme"));
@@ -20,6 +21,7 @@ const UTTextArea = _ref => {
   let {
     classes,
     classNames = {},
+    field,
     disabled,
     HelpIcon,
     inputProps = {},
@@ -37,6 +39,15 @@ const UTTextArea = _ref => {
     textarea,
     label
   } = classNames;
+  const {
+    character_count_limit: characterCountLimit
+  } = (field === null || field === void 0 ? void 0 : field.configuration) || {};
+  const handleOnChange = _ref2 => {
+    let {
+      target
+    } = _ref2;
+    return onChange(characterCountLimit ? (0, _normalize.maxLength)(characterCountLimit)(target.value) : target.value);
+  };
   return /*#__PURE__*/_react.default.createElement("div", {
     className: container
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -44,16 +55,20 @@ const UTTextArea = _ref => {
   }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
     className: "".concat(label, " ").concat(_stylesModule.default.label)
   }, title)), /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.content
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.textAreaContainer
   }, /*#__PURE__*/_react.default.createElement("textarea", _extends({}, inputProps, {
     className: "".concat(_stylesModule.default.textarea, " ").concat(textarea, " ").concat(classes.textarea),
-    onChange: onChange,
+    onChange: handleOnChange,
     onBlur: onBlur,
     onFocus: onFocus,
     value: value,
     disabled: disabled,
     placeholder: placeholder
-  })), tooltip && /*#__PURE__*/_react.default.createElement(_UTTooltip.default, {
+  })), characterCountLimit && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    className: "\n                ".concat(_stylesModule.default.characterCount, "\n                ").concat(value.length === characterCountLimit ? _stylesModule.default.characterLimitReached : value.length >= characterCountLimit * _constants.limitWarningFactor ? _stylesModule.default.characterLimitWarning : '', "\n              ")
+  }, "".concat(value.length, "/").concat(characterCountLimit))), tooltip && /*#__PURE__*/_react.default.createElement(_UTTooltip.default, {
     content: tooltip,
     tippyProps: _constants.tippyProps
   }, /*#__PURE__*/_react.default.createElement("div", null, HelpIcon || /*#__PURE__*/_react.default.createElement(_HelpOutline.default, {
@@ -69,6 +84,7 @@ UTTextArea.propTypes = {
     textarea: _propTypes.string
   }),
   disabled: _propTypes.bool,
+  field: _formTypes.fieldType,
   HelpIcon: _propTypes.elementType,
   inputProps: _formTypes.inputPropTypes,
   onBlur: _propTypes.func,

package/dist/components/UTTextArea/styles.module.scss CHANGED Viewed

@@ -1,3 +1,5 @@
+@import '../../scss/variables/colors.module.scss';
 .textarea {
   height: 100px;
   width: 100%;
@@ -13,8 +15,25 @@
   padding-right: 5px;
 }
-.textAreaContainer {
+.content {
   column-gap: 8px;
   display: flex;
   margin: 10px 0;
 }
+.textAreaContainer {
+  height: 100px;
+  width: 100%;
+}
+.characterCount {
+  text-align: right;
+}
+.characterLimitWarning {
+  color: $warning;
+}
+.characterLimitReached {
+  color: $error;
+}

package/dist/scss/variables/colors.module.scss CHANGED Viewed

@@ -19,6 +19,7 @@ $gray: rgba(0, 0, 0, 0.54);
 $gray2: #5E5E5E;
 $gray-3: #D9D9D9;
 $gray-4: #6D8D9D;
+$warning: #FFA000;
 $button-pressed-gray: rgba(0, 0, 0, 0.2);
 $error: #F44336;
 $input-primary: #4D97FA;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@widergy/energy-ui",
-  "version": "1.136.1",
+  "version": "1.136.2",
   "description": "Widergy Web Components",
   "author": "widergy",
   "license": "MIT",