@lowdefy/blocks-basic 0.0.0-experimental-20260927140906 → 0.0.0-experimental-20260928105334

package/dist/blocks/Anchor/Anchor.js

@@ -40,7 +40,7 @@ const AnchorBlock = ({ blockId, classNames, events, components: { Icon, Link, Sh
             },
             events: events,
             properties: get(events, 'onClick.loading') ? {
-                name: 'loading',
+                name: 'AiOutlineLoading3Quarters',
                 spin: true
             } : icon,
             styles: {

package/dist/blocks/Anchor/gallery.yaml

@@ -68,7 +68,7 @@
       properties:
         title: Link with Icon
         url: https://lowdefy.com
-        icon: link
+        icon: AiOutlineLink
     - id: icon_download
       type: Anchor
       layout:
@@ -76,7 +76,7 @@
       properties:
         title: Download
         url: https://lowdefy.com
-        icon: download
+        icon: AiOutlineDownload
     - id: icon_external
       type: Anchor
       layout:
@@ -84,7 +84,7 @@
       properties:
         title: External Link
         url: https://lowdefy.com
-        icon: SquareArrowOutUpRight
+        icon: AiOutlineExport
     - id: icon_mail
       type: Anchor
       layout:
@@ -92,7 +92,7 @@
       properties:
         title: Send Email
         url: https://lowdefy.com
-        icon: mail
+        icon: AiOutlineMail
     - id: icon_github
       type: Anchor
       layout:
@@ -100,7 +100,7 @@
       properties:
         title: GitHub
         url: https://github.com/lowdefy/lowdefy
-        icon: GitBranch
+        icon: AiOutlineGithub
     - id: icon_object
       type: Anchor
       layout:
@@ -109,7 +109,7 @@
         title: Colored Icon
         url: https://lowdefy.com
         icon:
-          name: heart
+          name: AiOutlineHeart
           color: '#ff4d4f'
 
 - title: New Tab
@@ -130,7 +130,7 @@
         title: External Docs
         url: https://docs.lowdefy.com
         newTab: true
-        icon: SquareArrowOutUpRight
+        icon: AiOutlineExport
 
 - title: Disabled
   blocks:
@@ -150,7 +150,7 @@
         title: Disabled with Icon
         url: https://lowdefy.com
         disabled: true
-        icon: lock
+        icon: AiOutlineLock
     - id: enabled_link
       type: Anchor
       layout:
@@ -159,7 +159,7 @@
         title: Enabled Link
         url: https://lowdefy.com
         disabled: false
-        icon: unlock
+        icon: AiOutlineUnlock
 
 - title: Aria Label
   blocks:
@@ -177,7 +177,7 @@
         flex: 0 0 auto
       properties:
         url: https://lowdefy.com
-        icon: home
+        icon: AiOutlineHome
         ariaLabel: Go to home page
 
 - title: Rel Attribute
@@ -209,7 +209,7 @@
       properties:
         title: Go Back
         back: true
-        icon: arrow-left
+        icon: AiOutlineArrowLeft
     - id: nav_home
       type: Anchor
       layout:
@@ -217,7 +217,7 @@
       properties:
         title: Go Home
         home: true
-        icon: home
+        icon: AiOutlineHome
 
 - title: Keyboard Shortcuts
   blocks:
@@ -228,7 +228,7 @@
       properties:
         title: Documentation
         url: https://docs.lowdefy.com
-        icon: Book
+        icon: AiOutlineBook
       events:
         onClick:
           shortcut: mod+shift+d
@@ -313,4 +313,4 @@
       properties:
         title: Large Red Link
         url: https://lowdefy.com
-        icon: heart
+        icon: AiOutlineHeart

package/dist/blocks/Anchor/meta.js

@@ -15,7 +15,7 @@
 */ export default {
     category: 'display',
     icons: [
-        'loading'
+        'AiOutlineLoading3Quarters'
     ],
     valueType: null,
     cssKeys: {
@@ -65,7 +65,7 @@
                     'string',
                     'object'
                 ],
-                description: 'Icon name (a semantic name like `edit`, a Lucide icon name like `Pencil`, or a set-qualified name like `tabler:Pencil`) or properties of an Icon block for anchor icon.',
+                description: "Name of an React-Icon (See <a href='https://react-icons.github.io/react-icons/'>all icons</a>) or properties of an Icon block for anchor icon.",
                 docs: {
                     displayType: 'icon'
                 }

package/dist/blocks/Anchor/tests/Anchor.e2e.yaml

@@ -25,7 +25,7 @@ blocks:
     type: Anchor
     properties:
       title: With Icon
-      icon: link
+      icon: AiOutlineLink
 
   - id: anchor_disabled
     type: Anchor

package/dist/blocks/Anchor/tests.yaml

@@ -21,18 +21,18 @@
 - id: properties.icon string
   type: Anchor
   properties:
-    icon: Flame
+    icon: AiFillFire
 - id: properties.icon object
   type: Anchor
   properties:
     title: Click here
     icon:
       color: red
-      name: Rocket
+      name: AiFillRocket
 - id: properties.icon and properties.title
   type: Anchor
   properties:
-    icon: link
+    icon: AiOutlineLink
     title: This is the anchor title
 - id: properties.disabled
   type: Anchor
@@ -42,7 +42,7 @@
 - id: properties.icon, properties.title and properties.disabled
   type: Anchor
   properties:
-    icon: link
+    icon: AiOutlineLink
     title: This is the anchor title
     disabled: true
 - id: properties.url
@@ -92,7 +92,7 @@
   type: Anchor
   properties:
     title: Click here
-    icon: link
+    icon: AiOutlineLink
     style:
       color: green !important
       fontSize: 8
@@ -103,7 +103,7 @@
       loading: true
   properties:
     title: Click here
-    icon: link
+    icon: AiOutlineLink
     style:
       color: green !important
       fontSize: 8

package/dist/blocks/Box/gallery.yaml

@@ -896,7 +896,7 @@
               layout:
                 flex: 0 0 auto
               properties:
-                name: Rocket
+                name: AiOutlineRocket
                 size: 32
                 color: '#1677ff'
             - id: box_feature_a_title
@@ -918,7 +918,7 @@
               layout:
                 flex: 0 0 auto
               properties:
-                name: Shield
+                name: AiOutlineSafety
                 size: 32
                 color: '#52c41a'
             - id: box_feature_b_title
@@ -940,7 +940,7 @@
               layout:
                 flex: 0 0 auto
               properties:
-                name: Plug
+                name: AiOutlineApi
                 size: 32
                 color: '#722ed1'
             - id: box_feature_c_title
@@ -1110,7 +1110,7 @@
               layout:
                 flex: 0 0 auto
               properties:
-                name: check-circle
+                name: AiOutlineCheckCircle
                 size: 20
                 color: '#52c41a'
             - id: box_inbox_item_1_body
@@ -1147,7 +1147,7 @@
               layout:
                 flex: 0 0 auto
               properties:
-                name: UserPlus
+                name: AiOutlineUserAdd
                 size: 20
                 color: '#1677ff'
             - id: box_inbox_item_2_body
@@ -1184,7 +1184,7 @@
               layout:
                 flex: 0 0 auto
               properties:
-                name: warning
+                name: AiOutlineWarning
                 size: 20
                 color: '#faad14'
             - id: box_inbox_item_3_body
@@ -1247,7 +1247,7 @@
                   layout:
                     flex: 0 0 auto
                   properties:
-                    name: Gauge
+                    name: AiOutlineDashboard
                     size: 16
                     color: '#1677ff'
                 - id: box_sidebar_text_dashboard
@@ -1274,7 +1274,7 @@
                   layout:
                     flex: 0 0 auto
                   properties:
-                    name: SquareKanban
+                    name: AiOutlineProject
                     size: 16
                     color: rgba(128, 128, 128, 0.7)
                 - id: box_sidebar_text_projects
@@ -1301,7 +1301,7 @@
                   layout:
                     flex: 0 0 auto
                   properties:
-                    name: settings
+                    name: AiOutlineSetting
                     size: 16
                     color: rgba(128, 128, 128, 0.7)
                 - id: box_sidebar_text_settings

package/dist/blocks/ClickableHtml/ClickableHtml.js

@@ -14,12 +14,32 @@
   limitations under the License.
 */ import React from 'react';
 import { withBlockDefaults, HtmlComponent } from '@lowdefy/block-utils';
-// Each clickable element names the event it fires in its data-event attribute
-// (data-event="onEditClick" → events.onEditClick), so every target in the
-// markup has its own action chain. Its other data-* attributes are the event
-// object. HtmlComponent finds the target, including inside data-popover
-// content, and prevents the element's default action.
-const ClickableHtml = ({ blockId, classNames, events, properties, methods, styles })=>/*#__PURE__*/ React.createElement(HtmlComponent, {
+// dataset keys are camelCase (data-record-id → recordId); config authors
+// write the attributes in kebab-case, so hand them back as snake_case.
+function toSnakeCase(key) {
+    return key.replace(/[A-Z]/g, (match)=>`_${match.toLowerCase()}`);
+}
+const ClickableHtml = ({ blockId, classNames, events, properties, methods, styles })=>{
+    // Each clickable element names the event it fires in its data-event
+    // attribute (data-event="onEditClick" → events.onEditClick), so every
+    // target in the markup has its own action chain. Its other data-*
+    // attributes are the event object.
+    function onClick(clickEvent) {
+        const target = clickEvent.target.closest('[data-event]');
+        if (!target || !clickEvent.currentTarget.contains(target)) return;
+        const { event: name, ...data } = target.dataset;
+        if (!name) return;
+        clickEvent.preventDefault();
+        const event = {};
+        Object.keys(data).forEach((key)=>{
+            event[toSnakeCase(key)] = data[key];
+        });
+        methods.triggerEvent({
+            name,
+            event
+        });
+    }
+    return /*#__PURE__*/ React.createElement(HtmlComponent, {
         div: true,
         events: events,
         html: properties.html,
@@ -27,6 +47,7 @@ const ClickableHtml = ({ blockId, classNames, events, properties, methods, style
         methods: methods,
         className: classNames?.element,
         style: styles?.element,
-        onDataEvent: methods.triggerEvent
+        onClick: onClick
     });
+};
 export default withBlockDefaults(ClickableHtml);

package/dist/blocks/ClickableHtml/gallery.yaml

@@ -111,70 +111,3 @@
             type: SetState
             params:
               style_card_action: remove
-
-- title: Clickable icons and a popover menu
-  blocks:
-    - id: row_actions
-      type: ClickableHtml
-      properties:
-        html: '<p>Invoice INV-042 <i data-icon="edit" data-event="onEdit" data-id="42" data-tooltip="Edit" style="cursor: pointer"></i> <span data-popover="more" style="cursor: pointer"><i data-icon="more-vertical"></i></span></p><div data-popover-content="more" hidden><p data-event="onDuplicate" data-id="42" style="cursor: pointer; margin: 0 0 8px"><i data-icon="copy"></i> Duplicate</p><p data-event="onDelete" data-id="42" style="cursor: pointer; margin: 0; color: var(--ant-color-error)"><i data-icon="delete"></i> Delete</p></div>'
-      events:
-        onEdit:
-          - id: set_edit
-            type: SetState
-            params:
-              row_actions_last: { _string.concat: ['edit ', { _event: id }] }
-        onDuplicate:
-          - id: set_duplicate
-            type: SetState
-            params:
-              row_actions_last: { _string.concat: ['duplicate ', { _event: id }] }
-        onDelete:
-          - id: set_delete
-            type: SetState
-            params:
-              row_actions_last: { _string.concat: ['delete ', { _event: id }] }
-    - id: row_actions_result
-      type: Html
-      properties:
-        html:
-          _string.concat:
-            - '<p>Last action: <code>'
-            - _state:
-                key: row_actions_last
-                default: 'none yet'
-            - '</code></p>'
-
-- title: Confirm before an event
-  blocks:
-    - id: confirm_actions
-      type: ClickableHtml
-      properties:
-        html: '<p>INV-2026-0042 <i data-icon="delete" data-event="onDelete" data-id="42" data-tooltip="Delete" data-confirm="Delete invoice INV-2026-0042?" style="cursor: pointer; color: var(--ant-color-error)"></i> <span data-event="onArchive" data-id="42" data-confirm style="cursor: pointer; color: var(--ant-color-primary)">Archive</span></p>'
-      events:
-        onDelete:
-          - id: deleted
-            type: SetState
-            params:
-              confirm_last:
-                _string.concat:
-                  - 'deleted '
-                  - _event: id
-        onArchive:
-          - id: archived
-            type: SetState
-            params:
-              confirm_last:
-                _string.concat:
-                  - 'archived '
-                  - _event: id
-    - id: confirm_result
-      type: Html
-      properties:
-        html:
-          _string.concat:
-            - '<p>Last action: <code>'
-            - _state:
-                key: confirm_last
-                default: 'none yet'
-            - '</code></p>'

package/dist/blocks/ClickableHtml/meta.js

@@ -19,21 +19,8 @@
     cssKeys: {
         element: 'The Html element.'
     },
-    hazards: [
-        {
-            id: 'html-style-stripped',
-            message: 'Content is sanitised with DOMPurify, so <style>, <script> and inline event handlers are removed before render. Clicks are wired through data-event attributes instead of inline handlers.',
-            see: 'display-blocks/clickablehtml'
-        },
-        {
-            id: 'clickable-html-confirm-destructive',
-            message: 'Add data-confirm="Delete this row?" to a data-event element whose event deletes or changes data, so a stray click cannot fire it. Only OK fires the event.',
-            see: 'concepts/html-attributes'
-        }
-    ],
     // Each clickable element names its event in a data-event attribute, so the
     // event names this block fires are authored in its html.
-    dynamicEvents: true,
     events: {
         onTextSelection: 'Trigger action when text is selected and pass selected text to the event object.'
     },
@@ -43,7 +30,7 @@
         properties: {
             html: {
                 type: 'string',
-                description: 'Content to be rendered as Html. An element with a data-event attribute fires the event it names when clicked (data-event="onEditClick" fires events.onEditClick), and its default browser action is prevented. The event object holds the element\'s other data-* attributes with snake_case keys, so data-event="onEditClick" data-record-id="42" gives { record_id: "42" }. Targets that are not links or buttons become keyboard focusable, and Enter or Space clicks them. A data-event inside popover content fires too, then closes the popover. A link with data-event fires the event and does not navigate. data-confirm="Delete this row?" on a data-event element asks first: only OK fires the event (bare data-confirm asks "Are you sure?"). All Html block attributes work too: data-icon, data-tooltip, data-popover, data-page-id links, data-new-tab, data-tag, data-status, data-time, data-format, data-avatar, data-copy, data-truncate and data-tone. See the HTML attributes docs page.',
+                description: 'Content to be rendered as Html. An element with a data-event attribute fires the event it names when clicked (data-event="onEditClick" fires events.onEditClick), and its default browser action is prevented. The event object holds the element\'s other data-* attributes with snake_case keys, so data-event="onEditClick" data-record-id="42" gives { record_id: "42" }.',
                 docs: {
                     displayType: 'text-area'
                 }

package/dist/blocks/ClickableHtml/tests/ClickableHtml.e2e.yaml

@@ -67,31 +67,3 @@ blocks:
     type: ClickableHtml
     properties:
       html: <p>Safe content</p><script>alert('xss')</script>
-
-  - id: clickable_confirm
-    type: ClickableHtml
-    properties:
-      html: '<button id="confirm_delete" data-event="onDelete" data-row-id="7" data-confirm="Delete row 7?">Delete</button> <button id="proto_event" data-event="__proto__">Proto</button>'
-    events:
-      onDelete:
-        - id: count_delete
-          type: SetState
-          params:
-            delete_count:
-              _sum:
-                - _state:
-                    key: delete_count
-                    default: 0
-                - 1
-
-  - id: clickable_confirm_result
-    type: Html
-    properties:
-      html:
-        _string.concat:
-          - '<span id="delete_count">'
-          - _json.stringify:
-              - _state:
-                  key: delete_count
-                  default: 0
-          - '</span>'

package/dist/blocks/DangerousHtml/DangerousHtml.js

@@ -13,39 +13,39 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 */ import React from 'react';
-import { HtmlComponent, withBlockDefaults } from '@lowdefy/block-utils';
+import DOMPurify from 'dompurify';
+import { withBlockDefaults } from '@lowdefy/block-utils';
+import { type } from '@lowdefy/helpers';
 let DangerousHtml = class DangerousHtml extends React.Component {
-    warnOnOptionsChange() {
-        const { DOMPurifyOptions } = this.props.properties;
-        if (!this.warnedOptionsChange && JSON.stringify(DOMPurifyOptions) !== JSON.stringify(this.DOMPurifyOptions)) {
-            this.warnedOptionsChange = true;
-            console.warn(`DangerousHtml block "${this.props.blockId}": DOMPurifyOptions changed after mount and the change is ignored. The sanitizer options are fixed at the first render; write them as a literal, not from state.`);
-        }
-    }
     componentDidMount() {
-        this.warnOnOptionsChange();
+        const htmlString = type.isNone(this.props.properties.html) ? '' : this.props.properties.html.toString();
+        this.div.innerHTML = DOMPurify.sanitize(htmlString, this.DOMPurifyOptions);
     }
     componentDidUpdate() {
-        this.warnOnOptionsChange();
+        const htmlString = type.isNone(this.props.properties.html) ? '' : this.props.properties.html.toString();
+        this.div.innerHTML = DOMPurify.sanitize(htmlString, this.DOMPurifyOptions);
     }
     render() {
-        const { blockId, classNames, properties, styles } = this.props;
-        return /*#__PURE__*/ React.createElement(HtmlComponent, {
-            div: true,
-            html: properties.html,
+        const { blockId, classNames, styles } = this.props;
+        return /*#__PURE__*/ React.createElement("div", {
             id: blockId,
+            "data-testid": blockId,
+            ref: (el)=>{
+                if (el) {
+                    this.div = el;
+                }
+            },
             className: classNames?.element,
-            sanitizeOptions: this.DOMPurifyOptions,
             style: styles?.element
         });
     }
     constructor(props){
         super(props);
-        // The sanitizer options are fixed at mount on purpose: a later, operator-driven
-        // value could loosen the sanitizer from state. A change is refused loudly
-        // rather than ignored silently.
+        this.div = {
+            innerHTML: ''
+        };
+        // we do not revaluate DOMPurifyOptions improve options safety by not making options dynamic.
         this.DOMPurifyOptions = props.properties.DOMPurifyOptions;
-        this.warnedOptionsChange = false;
     }
 };
 export default withBlockDefaults(DangerousHtml);

package/dist/blocks/DangerousHtml/meta.js

@@ -19,25 +19,13 @@
     cssKeys: {
         element: 'The DangerousHtml element.'
     },
-    hazards: [
-        {
-            id: 'dangerous-html-unsanitised',
-            message: 'Content is rendered without sanitising, so never pass caller-supplied or database HTML through it. Use Html for anything a user could have written.',
-            see: 'display-blocks/dangeroushtml'
-        },
-        {
-            id: 'dompurify-options-first-render',
-            message: 'DOMPurifyOptions is read once when the block mounts, so a value that changes after the first render has no effect. Set it statically or remount the block.',
-            see: 'display-blocks/dangeroushtml'
-        }
-    ],
     properties: {
         type: 'object',
         additionalProperties: false,
         properties: {
             html: {
                 type: 'string',
-                description: 'Content to be rendered as Html. The Html block attributes (data-icon, data-tooltip, data-popover, data-page-id links, data-new-tab, data-tag, data-status, data-time, data-format, data-avatar, data-copy, data-truncate, data-tone) work here too, unless DOMPurifyOptions removes data attributes.',
+                description: 'Content to be rendered as Html.',
                 docs: {
                     displayType: 'text-area'
                 }

package/dist/blocks/Dynamic/meta.js

@@ -38,10 +38,6 @@
                 type: 'object',
                 description: 'Static values passed to the endpoint payload as params. Operators are not allowed — read runtime values in the endpoint routine with _payload, _user or _secret.'
             },
-            policy: {
-                type: 'string',
-                description: 'Id of a policies.dynamicBlocks entry in lowdefy.yaml. The resolved content must pass the policy on every page get. The endpoint returns stored content as config by reading the blocks of a ValidateDynamic step with the same policy. Replaces types: the policy lists are bundled.'
-            },
             required: {
                 type: 'boolean',
                 default: false,

package/dist/blocks/Html/gallery.yaml

@@ -237,31 +237,3 @@
           border: 1px solid var(--ant-color-border)
       properties:
         html: '<h4 style="margin: 0 0 8px 0;">Elevated Block</h4><p style="margin: 0;">Uses bg-elevated token for a surface that adapts to light and dark mode.</p>'
-
-- title: Icons, tooltips and popovers
-  blocks:
-    - id: html_icons
-      type: Html
-      properties:
-        html: '<p><i data-icon="success" style="color: var(--ant-color-success)"></i> Saved <span data-tooltip="Saved to the cloud 2 minutes ago" style="text-decoration: underline dotted">just now</span></p><p><i data-icon="warning" style="color: var(--ant-color-warning)"></i> 3 fields need attention. <span data-popover="fields" style="color: var(--ant-color-primary); cursor: pointer">Which? <i data-icon="chevron-down"></i></span></p><div data-popover-content="fields" hidden><ul style="margin: 0; padding-left: 16px"><li>Email</li><li>Phone</li><li>Address</li></ul></div>'
-
-- title: Links and status tags
-  blocks:
-    - id: html_links_tags
-      type: Html
-      properties:
-        html: '<p><a data-page-id="Button">Button</a> moved to <span data-tag="success">Released</span> · <a data-page-id="theming" data-url-query="section=icons">Theming</a> is <span data-tag="warning">In review</span> · <a href="https://ant.design" data-new-tab>Ant Design</a> <i data-icon="external-link"></i></p><p><span data-status="success">Online</span> &nbsp; <span data-status="processing">Syncing</span> &nbsp; <span data-status="error">Offline</span></p><p><span data-tag>Design</span> <span data-tag>Engineering</span> <span data-tag>Support</span> <span data-tag="purple">Beta</span> <span data-tag="#0f766e">Custom colour</span></p>'
-
-- title: Dates, numbers, avatars and copy
-  blocks:
-    - id: html_time_format
-      type: Html
-      properties:
-        html: '<p><span data-avatar="Jane Doe"></span> Jane Doe updated the invoice <time datetime="2026-01-05T09:30:00Z" data-time="relative"></time> (<time datetime="2026-01-05T09:30:00Z" data-time="D MMM YYYY"></time>) · <span data-format="currency" data-currency="USD">1234.5</span> · <span data-format="percent" data-decimals="1">0.123</span> of target · <span data-format="bytes">1536000</span> attached</p><p>Invoice number <code data-copy>INV-2026-0042</code> · owner <img data-avatar="Sam Smith" src="" style="--lf-avatar-size: 32px"></p>'
-
-- title: Truncation and text tone
-  blocks:
-    - id: html_truncate_tone
-      type: Html
-      properties:
-        html: '<div style="max-width: 320px"><div data-truncate><b>Quarterly report for the northern region, including every branch and its targets</b></div><div data-truncate="2" data-tone="secondary">The report covers revenue, costs and headcount for each branch, compares them with the same quarter last year, and lists the actions each branch manager agreed for the next quarter.</div><div><span data-tone="tertiary">Updated 3 days ago</span> · <span data-tone="success">On track</span> · <span data-tone="quaternary">—</span></div></div>'

package/dist/blocks/Html/meta.js

@@ -19,28 +19,6 @@
     cssKeys: {
         element: 'The Html element.'
     },
-    hazards: [
-        {
-            id: 'html-style-stripped',
-            message: 'Content is sanitised with DOMPurify, so <style>, <script> and inline event handlers are removed before render. Use DangerousHtml for a trusted <style> block, or style the block through its style and class properties.',
-            see: 'display-blocks/html'
-        },
-        {
-            id: 'html-no-click-events',
-            message: 'Html fires no events from its markup: data-event attributes do nothing here. Use ClickableHtml for clickable elements, including icons.',
-            see: 'display-blocks/clickablehtml'
-        },
-        {
-            id: 'html-hardcoded-links',
-            message: 'Link to app pages with <a data-page-id="page-id" data-url-query="key=value">, not <a href="/page-id?key=value">. A hard-coded href reloads the whole app on click, ignores basePath and is not checked by the build. Use data-new-tab, not target="_blank", which sanitising removes.',
-            see: 'concepts/html-attributes'
-        },
-        {
-            id: 'html-inline-status-pills',
-            message: 'Show statuses with <span data-tag="success">Approved</span> or <span data-status="warning">Syncing</span>, not inline-styled pills or hex status colours. data-tag and data-status follow the theme and dark mode and match the ag-grid tag cells.',
-            see: 'concepts/html-attributes'
-        }
-    ],
     events: {
         onTextSelection: 'Trigger action when text is selected and pass selected text to the event object.'
     },
@@ -50,7 +28,7 @@
         properties: {
             html: {
                 type: 'string',
-                description: 'Content to be rendered as Html. It understands these attributes: data-icon="edit" renders an icon (a semantic name like edit, delete or warning, or a Lucide icon name like Pencil); data-tooltip="Text" shows a tooltip on hover and focus; data-popover="id" toggles a popover showing the element with data-popover-content="id" (mark it hidden); <a data-page-id="page-id" data-url-query="key=value"> links to an app page without reloading (never hard-code href="/page"); data-link opts an existing app-relative <a href="/path"> into the same navigation; data-new-tab opens a link in a new tab (target is stripped by sanitising); data-tag="success" renders a tinted status tag and data-status="success" a status dot (tones success, processing, info, warning, error, default, an antd preset colour, a CSS colour, or any other value to seed a stable colour); <time datetime="ISO" data-time="relative"> renders a date as relative, date, datetime, time or a dayjs format; data-format="currency" data-currency="USD" formats the element\'s number as number, currency, percent, compact or bytes; data-avatar="Jane Doe" renders initials (on an <img>, a fallback for a broken image; never use an avatar image service); data-copy adds a copy button for the element\'s text or the attribute\'s value; data-truncate="2" clamps block text to 1–6 lines with the full text in a tooltip when cut off; data-tone="secondary" colours text with a theme tone (secondary, tertiary, quaternary, success, warning, error, info). See the HTML attributes docs page.',
+                description: 'Content to be rendered as Html.',
                 docs: {
                     displayType: 'text-area'
                 }

package/dist/blocks/Html/tests/Html.e2e.yaml

@@ -54,14 +54,3 @@ blocks:
           params:
             selected_text:
               _event: selectedText
-
-  - id: html_enhanced
-    type: Html
-    properties:
-      html: >-
-        <i id="enh_icon" data-icon="edit"></i>
-        <span id="enh_tooltip" data-tooltip="&lt;img src=x onerror=&quot;window.tooltipXss=1&quot;&gt;">Hover</span>
-        <span id="enh_popover" data-popover="more">More</span>
-        <div data-popover-content="more" hidden><b class="enh-popover-body">Popover body</b></div>
-        <a id="enh_page_link" data-page-id="clickablehtml" data-url-query="tab=a">Clickable</a>
-        <a id="enh_dot_link" href="/.//evil.example/x" data-link>Dot link</a>