@widergy/energy-ui 3.141.0 → 3.141.2

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [3.141.2](https://github.com/widergy/energy-ui/compare/v3.141.1...v3.141.2) (2026-04-09)
+
+
+### Bug Fixes
+
+* added tokens to data element ([#772](https://github.com/widergy/energy-ui/issues/772)) ([5933975](https://github.com/widergy/energy-ui/commit/5933975f24a216a9338f4f4d61df7b853f1fd01a))
+
+## [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)
 
 

package/dist/components/UTButton/styles.module.scss

@@ -55,7 +55,7 @@ $small-icon: var(--UT-button-icon-size-sm, 1.25rem);
 
 .paddingLarge {
   padding: var(--UT-button-padding-md, 12px) var(--UT-button-padding-lg, 16px);
-}a
+}
 
 .paddingMedium {
   padding: var(--UT-button-padding-sm, 8px) var(--UT-button-padding-md, 12px);

package/dist/components/UTDataCategory/styles.module.scss

@@ -7,7 +7,7 @@
   align-items: center;
   display: flex;
   flex-direction: row;
-  grid-gap: 8px;
+  grid-gap: var(--UT-dataCategory-title-gap, 8px);
   width: 100%;
 }
 

package/dist/components/UTDataCategory/theme.js

@@ -27,7 +27,7 @@ const retrieveStyle = _ref => {
   return {
     area: {
       ...areaBackgroundColor,
-      padding: 16,
+      padding: 'var(--UT-dataCategory-padding, 16px)',
       borderRadius: 8
     }
   };

package/dist/components/UTDataElement/index.js

@@ -99,7 +99,8 @@ const UTDataElement = _ref => {
     className: contentClasses
   }, IconComponent && /*#__PURE__*/_react.default.createElement(IconComponent, _extends({
     name: Icon,
-    colorTheme: "gray"
+    colorTheme: "gray",
+    size: "var(--UT-dataElement-icon-size, 24px)"
   }, iconProps)), /*#__PURE__*/_react.default.createElement("div", {
     className: infoClasses
   }, (prefix || title || showBadge) && /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/UTDataElement/styles.module.scss

@@ -4,13 +4,13 @@
 }
 
 .paddingSmall {
-  padding-bottom: 8px;
-  padding-top: 8px;
+  padding-bottom: var(--UT-dataElement-padding-sm, 8px);
+  padding-top: var(--UT-dataElement-padding-sm, 8px);
 }
 
 .paddingMedium {
-  padding-bottom: 16px;
-  padding-top: 16px;
+  padding-bottom: var(--UT-dataElement-padding-md, 16px);
+  padding-top: var(--UT-dataElement-padding-md, 16px);
 }
 
 .content {
@@ -25,30 +25,31 @@
 }
 
 .spacingSmall {
-  grid-gap: 8px;
+  grid-gap: var(--UT-dataElement-gap-sm, 8px);
 }
 
 .spacingMedium {
-  grid-gap: 16px;
+  grid-gap: var(--UT-dataElement-gap-md, 16px);
 }
 
 .info {
   display: flex;
   flex: 1;
   flex-direction: row;
-  grid-gap: 8px;
+  grid-gap: var(--UT-dataElement-content-gap-x, 8px);
   justify-content: space-between;
 }
 
 .vertical {
   flex-direction: column;
+  grid-gap: var(--UT-dataElement-content-gap-y, 8px);
 }
 
 .topInfo {
   align-items: center;
   display: flex;
   flex-direction: row;
-  grid-gap: 8px;
+  grid-gap: var(--UT-dataElement-content-gap-x, 8px);
 }
 
 .iconCollapseButton {

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/dist/utils/hooks/useCSSVariables/constants.js

@@ -217,6 +217,23 @@ const baseTokens = exports.baseTokens = {
     'UT-shortcutPanel-item-padding': 'padding-xs',
     'UT-shortcutPanel-item-gap': 'gap-sm',
     'UT-shortcutPanel-item-label-size': 'font-body-size-md',
-    'UT-shortcutPanel-item-icon-size': 'size-icon-xs'
+    'UT-shortcutPanel-item-icon-size': 'size-icon-xs',
+    'UT-dataElement-padding-md': 'padding-md',
+    'UT-dataElement-padding-sm': 'padding-xs',
+    'UT-dataElement-gap-md': 'gap-lg',
+    'UT-dataElement-gap-sm': 'gap-sm',
+    'UT-dataElement-content-gap-x': 'gap-sm',
+    'UT-dataElement-content-gap-y': 'gap-sm',
+    'UT-dataElement-icon-size': 'size-icon-md',
+    'UT-dataElement-title-size': 'font-body-size-md',
+    'UT-dataElement-title-weight': 'font-weight-medium',
+    'UT-dataElement-prefix-size': 'font-body-size-md',
+    'UT-dataElement-prefix-weight': 'font-weight-medium',
+    'UT-dataCategory-padding': 'padding-md',
+    'UT-dataCategory-gap': 'gap-lg',
+    'UT-dataCategory-title-gap': 'gap-sm',
+    'UT-dataCategory-title-size': 'font-body-size-sm',
+    'UT-dataCategory-title-weight': 'font-weight-medium',
+    'UT-dataCategory-icon-size': 'size-icon-xs'
   }
 };

package/package.json

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