@widergy/energy-ui 3.140.0 → 3.141.1

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [3.141.1](https://github.com/widergy/energy-ui/compare/v3.141.0...v3.141.1) (2026-03-31)
+
+
+### Bug Fixes
+
+* markdown fix ([#770](https://github.com/widergy/energy-ui/issues/770)) ([bbb9804](https://github.com/widergy/energy-ui/commit/bbb980470af108f4472b00eb03fdc8c542c2e333))
+
+# [3.141.0](https://github.com/widergy/energy-ui/compare/v3.140.0...v3.141.0) (2026-03-18)
+
+
+### Features
+
+* [AXCH-1339] abbreviations in avatar component ([#769](https://github.com/widergy/energy-ui/issues/769)) ([1604f31](https://github.com/widergy/energy-ui/commit/1604f313981bcdbf64ea23fac687943e30dbefc5))
+
 # [3.140.0](https://github.com/widergy/energy-ui/compare/v3.139.1...v3.140.0) (2026-03-11)
 
 

package/dist/components/UTAvatar/index.js

@@ -17,6 +17,7 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 const UTAvatar = _ref => {
   var _iconProps$name;
   let {
+    abbreviation,
     areaShape = _constants.SHAPE.CIRCLE,
     className,
     iconProps,
@@ -32,12 +33,12 @@ const UTAvatar = _ref => {
     getFirstLetter,
     getAvatarColors
   } = _componentUtils.default;
-  const firstNameLetter = getFirstLetter(userName);
   const {
     colorTheme,
     ...styles
-  } = getAvatarColors(type === _constants.TYPE.LETTER ? userName : (_iconProps$name = iconProps === null || iconProps === void 0 ? void 0 : iconProps.name) !== null && _iconProps$name !== void 0 ? _iconProps$name : _constants.DEFAULT_ICON, palette || _constants.defaultPalette);
+  } = getAvatarColors(type === _constants.TYPE.LETTER ? userName || abbreviation : (_iconProps$name = iconProps === null || iconProps === void 0 ? void 0 : iconProps.name) !== null && _iconProps$name !== void 0 ? _iconProps$name : _constants.DEFAULT_ICON, palette || _constants.defaultPalette);
   const sizeVariant = _constants.SIZE_VARIANTS[size][type];
+  const textToShow = abbreviation || getFirstLetter(userName);
   return /*#__PURE__*/_react.default.createElement(_Avatar.default, {
     className: "".concat(className !== null && className !== void 0 ? className : '', " ").concat(size ? _stylesModule.default[size] : ''),
     style: manualColors ? {} : styles,
@@ -47,13 +48,14 @@ const UTAvatar = _ref => {
     colorTheme: colorTheme,
     variant: sizeVariant,
     weight: "medium"
-  }, labelProps), firstNameLetter) : /*#__PURE__*/_react.default.createElement(_UTIcon.default, _extends({
+  }, labelProps), textToShow) : /*#__PURE__*/_react.default.createElement(_UTIcon.default, _extends({
     colorTheme: colorTheme,
     name: _constants.DEFAULT_ICON,
     size: sizeVariant
   }, iconProps)));
 };
 UTAvatar.propTypes = {
+  abbreviation: _propTypes.string,
   className: _propTypes.string,
   iconProps: (0, _propTypes.shape)({
     className: _propTypes.string,

package/dist/components/UTAvatar/stories/UTAvatarTypes.stories.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.LetterVsIcon = exports.Letter = exports.Icon = void 0;
+exports.default = exports.WithAbbreviation = exports.LetterVsIcon = exports.Letter = exports.Icon = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _index = _interopRequireDefault(require("../index"));
 var _constants = require("../constants");
@@ -28,6 +28,14 @@ const Letter = exports.Letter = {
     type: _constants.TYPE.LETTER
   }
 };
+const WithAbbreviation = exports.WithAbbreviation = {
+  args: {
+    userName: 'John Doe',
+    abbreviation: 'JD',
+    type: _constants.TYPE.LETTER
+  },
+  name: 'With Abbreviation'
+};
 const Icon = exports.Icon = {
   args: {
     userName: 'Icon Avatar',

package/dist/components/UTAvatar/stories/storiesConstants.js

@@ -7,6 +7,18 @@ exports.COMMON_PARAMETERS = exports.COMMON_ARG_TYPES = exports.COMMON_ARGS = voi
 var _constants = require("../constants");
 // Common argTypes used across multiple stories files
 const COMMON_ARG_TYPES = exports.COMMON_ARG_TYPES = {
+  abbreviation: {
+    control: 'text',
+    description: 'The abbreviation to display instead of the initial letter',
+    table: {
+      defaultValue: {
+        summary: 'undefined'
+      },
+      type: {
+        summary: 'string'
+      }
+    }
+  },
   userName: {
     control: 'text',
     description: 'The name of the user to display (first letter will be shown)',

package/dist/components/UTLabel/components/Markdown/customPlugins/remarkDeflist.js

@@ -24,35 +24,94 @@ function remarkDeflist() {
   return tree => {
     (0, _unistUtilVisit.visit)(tree, _constants.NODE_TYPES.PARAGRAPH, (node, index, parent) => {
       if (!parent || !Array.isArray(parent.children)) return;
+
+      // Check if this paragraph contains definition list items
+      // A valid definition list has lines that start with ':' at the beginning (after whitespace)
+      const hasDefinitionItems = node.children.some(child => {
+        if ('value' in child) {
+          const lines = child.value.split('\n');
+          return lines.some(l => l.trim().startsWith(':'));
+        }
+        return false;
+      });
+      if (!hasDefinitionItems) return;
+
+      // Extract text content to check structure
       const raw = node.children.map(ch => 'value' in ch ? ch.value : '').join('');
       const lines = raw.split('\n');
-      if (!lines.some(l => l.trim().startsWith(':'))) return;
+
+      // Validate that this is a proper definition list structure
+      // A valid definition list should have at least one term followed by descriptions
+      let hasValidStructure = false;
+      let hasTerms = false;
+      let hasDescriptions = false;
+      for (let i = 0; i < lines.length; i += 1) {
+        const trimmed = lines[i].trim();
+        if (trimmed && !trimmed.startsWith(':')) {
+          hasTerms = true;
+        }
+        if (trimmed.startsWith(':')) {
+          hasDescriptions = true;
+        }
+      }
+      hasValidStructure = hasTerms && hasDescriptions;
+      if (!hasValidStructure) return;
+
+      // Build items while preserving node structure
       const items = [];
       let currentTerm = null;
-      for (let i = 0; i < lines.length; i += 1) {
-        const line = lines[i];
-        const trimmed = line.trim();
+      const processLine = trimmed => {
         if (trimmed && !trimmed.startsWith(':')) {
+          // This is a term
           if (currentTerm) {
-            items.push(currentTerm);
+            items.push({
+              term: currentTerm,
+              desc: []
+            });
           }
-          currentTerm = {
-            term: trimmed,
-            desc: []
-          };
+          currentTerm = trimmed;
         } else if (trimmed.startsWith(':')) {
+          // This is a description
           if (!currentTerm) {
-            currentTerm = {
-              term: '',
-              desc: []
-            };
+            currentTerm = '';
+          }
+          const itemExists = items.some(item => item.term === currentTerm);
+          if (!itemExists) {
+            // Only add if we haven't already added this term
+            if (currentTerm) {
+              items.push({
+                term: currentTerm,
+                desc: []
+              });
+              currentTerm = null;
+            }
+          }
+          const descText = trimmed.replace(/^:\s*/, '');
+          if (items.length > 0) {
+            items[items.length - 1].desc.push(descText);
+          }
+        }
+      };
+      for (let i = 0; i < node.children.length; i += 1) {
+        const child = node.children[i];
+        if ('value' in child) {
+          const childLines = child.value.split('\n');
+          for (let lineIdx = 0; lineIdx < childLines.length; lineIdx += 1) {
+            const line = childLines[lineIdx];
+            const trimmed = line.trim();
+            processLine(trimmed);
           }
-          currentTerm.desc.push(trimmed.replace(/^:\s*/, ''));
         }
       }
       if (currentTerm) {
-        items.push(currentTerm);
+        items.push({
+          term: currentTerm,
+          desc: []
+        });
       }
+
+      // Only process if we have valid items
+      if (items.length === 0) return;
       const dlNode = {
         type: _constants.COMPONENTS_NAMES.DEFINITION_LIST,
         data: {

package/package.json

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