diff --git a/changelog.md b/changelog.md index edf109b..1f5d1a3 100644 --- a/changelog.md +++ b/changelog.md @@ -1,5 +1,12 @@ # Changelog +## 2026-04-12 - 3.73.0 - feat(dees-label) +expand dees-label demo coverage and update supporting dependencies + +- replace the minimal dees-label demo with a structured showcase for basic, required, description, combined, and empty-label states +- add themed demo styling and inline annotations to better document component behavior +- update @design.estate/dees-wcctools, lucide, and @types/node dependency versions + ## 2026-04-12 - 3.72.1 - fix(dees-stepper) improve stepper exit animation timing for cancel confirmation flow diff --git a/package.json b/package.json index d13893e..d71ccc8 100644 --- a/package.json +++ b/package.json @@ -18,7 +18,7 @@ "dependencies": { "@design.estate/dees-domtools": "^2.5.4", "@design.estate/dees-element": "^2.2.4", - "@design.estate/dees-wcctools": "^3.8.0", + "@design.estate/dees-wcctools": "^3.8.2", "@fortawesome/fontawesome-svg-core": "^7.2.0", "@fortawesome/free-brands-svg-icons": "^7.2.0", "@fortawesome/free-regular-svg-icons": "^7.2.0", @@ -35,10 +35,10 @@ "@tiptap/starter-kit": "^2.23.0", "@tsclass/tsclass": "^9.5.0", "echarts": "^5.6.0", - "lightweight-charts": "^5.1.0", "highlight.js": "11.11.1", "ibantools": "^4.5.1", - "lucide": "^0.577.0", + "lightweight-charts": "^5.1.0", + "lucide": "^1.8.0", "monaco-editor": "0.55.1", "pdfjs-dist": "^4.10.38", "xterm": "^5.3.0", @@ -50,7 +50,7 @@ "@git.zone/tstest": "^3.6.3", "@git.zone/tswatch": "^3.3.2", "@push.rocks/projectinfo": "^5.1.0", - "@types/node": "^25.5.0" + "@types/node": "^25.6.0" }, "files": [ "ts/**/*", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index f04b133..5103c2d 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -15,8 +15,8 @@ importers: specifier: ^2.2.4 version: 2.2.4 '@design.estate/dees-wcctools': - specifier: ^3.8.0 - version: 3.8.0 + specifier: ^3.8.2 + version: 3.8.2 '@fortawesome/fontawesome-svg-core': specifier: ^7.2.0 version: 7.2.0 @@ -75,8 +75,8 @@ importers: specifier: ^5.1.0 version: 5.1.0 lucide: - specifier: ^0.577.0 - version: 0.577.0 + specifier: ^1.8.0 + version: 1.8.0 monaco-editor: specifier: 0.55.1 version: 0.55.1 @@ -106,8 +106,8 @@ importers: specifier: ^5.1.0 version: 5.1.0 '@types/node': - specifier: ^25.5.0 - version: 25.5.0 + specifier: ^25.6.0 + version: 25.6.0 packages: @@ -323,8 +323,8 @@ packages: '@design.estate/dees-element@2.2.4': resolution: {integrity: sha512-O9cA6flBMMd+pBwMQrZXwAWel9yVxgokolb+Em6gvkXxPJ0P/B5UDn4Vc2d4ts3ta55PTBm+l2dPeDVGx/bl7Q==} - '@design.estate/dees-wcctools@3.8.0': - resolution: {integrity: sha512-CC14iVKUrguzD9jIrdPBd9fZ4egVJEZMxl5y8iy0l7WLumeoYvGsoXj5INVkRPLRVLqziIdi4Je1hXqHt2NU+g==} + '@design.estate/dees-wcctools@3.8.2': + resolution: {integrity: sha512-A55XHeWExxxojdERAmedrZeyTGeK01ax5ct46VbjMeH65HbgBiTF4EOHfS6rjdTp+9VD3vXd0efhzyOxOS6uFw==} '@emnapi/core@1.8.1': resolution: {integrity: sha512-AvT9QFpxK0Zd8J0jopedNm+w/2fIzvtPKPjqyw9jwvBaReTTqPBk9Hixaz7KbjimP+QNz605/XnjFcDAL2pqBg==} @@ -2121,11 +2121,11 @@ packages: '@types/node@16.9.1': resolution: {integrity: sha512-QpLcX9ZSsq3YYUUnD3nFDY8H7wctAhQj/TFKL8Ya8v5fMm3CFXxo8zStsLAl780ltoYoo1WvKUVGBQK+1ifr7g==} - '@types/node@22.19.15': - resolution: {integrity: sha512-F0R/h2+dsy5wJAUe3tAU6oqa2qbWY5TpNfL/RGmo1y38hiyO1w3x2jPtt76wmuaJI4DQnOBu21cNXQ2STIUUWg==} + '@types/node@22.19.17': + resolution: {integrity: sha512-wGdMcf+vPYM6jikpS/qhg6WiqSV/OhG+jeeHT/KlVqxYfD40iYJf9/AE1uQxVWFvU7MipKRkRv8NSHiCGgPr8Q==} - '@types/node@25.5.0': - resolution: {integrity: sha512-jp2P3tQMSxWugkCUKLRPVUpGaL5MVFwF8RDuSRztfwgN1wmqJeMSbKlnEtQqU8UrhTmzEmZdu2I6v2dpp7XIxw==} + '@types/node@25.6.0': + resolution: {integrity: sha512-+qIYRKdNYJwY3vRCZMdJbPLJAtGjQBudzZzdzwQYkEPQd+PJGixUL5QfvCLDaULoLv+RhT3LDkwEfKaAkgSmNQ==} '@types/randomatic@3.1.5': resolution: {integrity: sha512-VCwCTw6qh1pRRw+5rNTAwqPmf6A+hdrkdM7dBpZVmhl7g+em3ONXlYK/bWPVKqVGMWgP0d1bog8Vc/X6zRwRRQ==} @@ -3054,6 +3054,9 @@ packages: lucide@0.577.0: resolution: {integrity: sha512-PpC/m5eOItp/WU/GlQPFBXDOhq6HibL73KzYP37OX3LM7VmzWQF8voEj8QRWUFvy9FIKfeDQkWYoyS1D/MdWFA==} + lucide@1.8.0: + resolution: {integrity: sha512-JjV/QnadgFLj1Pyu9IKl0lknrolFEzo04B64QcYLLeRzZl/iEHpdbSrRRKbyXcv45SZNv+WGjIUCT33e7xHO6Q==} + make-dir@3.1.0: resolution: {integrity: sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==} engines: {node: '>=8'} @@ -4002,8 +4005,8 @@ packages: undici-types@6.21.0: resolution: {integrity: sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==} - undici-types@7.18.2: - resolution: {integrity: sha512-AsuCzffGHJybSaRrmr5eHr81mwJU3kjw6M+uprWvCXiNeN9SOGwQ3Jn8jb8m3Z6izVgknn1R0FTCEAP2QrLY/w==} + undici-types@7.19.2: + resolution: {integrity: sha512-qYVnV5OEm2AW8cJMCpdV20CDyaN3g0AjDlOGf1OW4iaDEx8MwdtChUp4zu4H0VP3nDRF/8RKWH+IPp9uW0YGZg==} unified@11.0.5: resolution: {integrity: sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==} @@ -4708,7 +4711,7 @@ snapshots: dependencies: '@design.estate/dees-domtools': 2.5.4 '@design.estate/dees-element': 2.2.4 - '@design.estate/dees-wcctools': 3.8.0 + '@design.estate/dees-wcctools': 3.8.2 '@fortawesome/fontawesome-svg-core': 7.2.0 '@fortawesome/free-brands-svg-icons': 7.2.0 '@fortawesome/free-regular-svg-icons': 7.2.0 @@ -4784,7 +4787,7 @@ snapshots: - supports-color - vue - '@design.estate/dees-wcctools@3.8.0': + '@design.estate/dees-wcctools@3.8.2': dependencies: '@design.estate/dees-domtools': 2.5.4 '@design.estate/dees-element': 2.2.4 @@ -5257,7 +5260,7 @@ snapshots: '@inquirer/figures': 1.0.15 '@inquirer/type': 2.0.0 '@types/mute-stream': 0.0.4 - '@types/node': 22.19.15 + '@types/node': 22.19.17 '@types/wrap-ansi': 3.0.0 ansi-escapes: 4.3.2 cli-width: 4.1.0 @@ -7235,7 +7238,7 @@ snapshots: '@types/clean-css@4.2.11': dependencies: - '@types/node': 25.5.0 + '@types/node': 25.6.0 source-map: 0.6.1 '@types/debug@4.1.12': @@ -7245,7 +7248,7 @@ snapshots: '@types/fs-extra@11.0.4': dependencies: '@types/jsonfile': 6.1.4 - '@types/node': 25.5.0 + '@types/node': 25.6.0 '@types/hast@3.0.4': dependencies: @@ -7265,7 +7268,7 @@ snapshots: '@types/jsonfile@6.1.4': dependencies: - '@types/node': 25.5.0 + '@types/node': 25.6.0 '@types/linkify-it@5.0.0': {} @@ -7288,21 +7291,21 @@ snapshots: '@types/mute-stream@0.0.4': dependencies: - '@types/node': 25.5.0 + '@types/node': 25.6.0 '@types/node-forge@1.3.14': dependencies: - '@types/node': 25.5.0 + '@types/node': 25.6.0 '@types/node@16.9.1': {} - '@types/node@22.19.15': + '@types/node@22.19.17': dependencies: undici-types: 6.21.0 - '@types/node@25.5.0': + '@types/node@25.6.0': dependencies: - undici-types: 7.18.2 + undici-types: 7.19.2 '@types/randomatic@3.1.5': {} @@ -7314,11 +7317,11 @@ snapshots: '@types/tar-stream@3.1.4': dependencies: - '@types/node': 25.5.0 + '@types/node': 25.6.0 '@types/through2@2.0.41': dependencies: - '@types/node': 25.5.0 + '@types/node': 25.6.0 '@types/trusted-types@2.0.7': {} @@ -7344,11 +7347,11 @@ snapshots: '@types/ws@8.18.1': dependencies: - '@types/node': 25.5.0 + '@types/node': 25.6.0 '@types/yauzl@2.10.3': dependencies: - '@types/node': 25.5.0 + '@types/node': 25.6.0 optional: true '@ungap/structured-clone@1.3.0': {} @@ -8300,6 +8303,8 @@ snapshots: lucide@0.577.0: {} + lucide@1.8.0: {} + make-dir@3.1.0: dependencies: semver: 6.3.1 @@ -9570,7 +9575,7 @@ snapshots: undici-types@6.21.0: {} - undici-types@7.18.2: {} + undici-types@7.19.2: {} unified@11.0.5: dependencies: diff --git a/ts_web/00_commitinfo_data.ts b/ts_web/00_commitinfo_data.ts index 713dc56..4dc49ce 100644 --- a/ts_web/00_commitinfo_data.ts +++ b/ts_web/00_commitinfo_data.ts @@ -3,6 +3,6 @@ */ export const commitinfo = { name: '@design.estate/dees-catalog', - version: '3.72.1', + version: '3.73.0', description: 'A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.' } diff --git a/ts_web/elements/00group-layout/dees-label/dees-label.demo.ts b/ts_web/elements/00group-layout/dees-label/dees-label.demo.ts index 870e0a3..31c6a8a 100644 --- a/ts_web/elements/00group-layout/dees-label/dees-label.demo.ts +++ b/ts_web/elements/00group-layout/dees-label/dees-label.demo.ts @@ -1,7 +1,128 @@ -import { html, cssManager } from '@design.estate/dees-element'; +import { html, css, cssManager } from '@design.estate/dees-element'; -export const demoFunc = () => { - return html` - - `; -} \ No newline at end of file +export const demoFunc = () => html` + + +
+
+

Basic Label

+

A simple text label with no additional indicators.

+
+
+ label="Username" + +
+
+ label="Email Address" + +
+
+
+ +
+

Required Indicator

+

When required is set, a red asterisk appears after the label text.

+
+
+ required=${'{true}'} + +
+
+ required=${'{false}'} (default) + +
+
+
+ +
+

Description (Info Icon)

+

When description is set, an info icon appears next to the label. Hover over it to see the tooltip.

+
+
+ description="..." + +
+
+ short description + +
+
+
+ +
+

Required + Description

+

Both indicators can be combined. The asterisk appears first, then the info icon.

+
+
+ required + description + +
+
+ required + description + +
+
+
+ +
+

Empty Label

+

When label is empty or not set, nothing is rendered. The element below has no label text:

+
+
+ label="" (empty) + +
+
+
+
+`;