@lowdefy/blocks-basic 0.0.0-experimental-20260926150052 → 0.0.0-experimental-20260926183344

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: 'AiOutlineLoading3Quarters',
+                name: 'loading',
                 spin: true
             } : icon,
             styles: {

package/dist/blocks/Anchor/gallery.yaml

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

package/dist/blocks/Anchor/meta.js

@@ -15,7 +15,7 @@
 */ export default {
     category: 'display',
     icons: [
-        'AiOutlineLoading3Quarters'
+        'loading'
     ],
     valueType: null,
     cssKeys: {
@@ -65,7 +65,7 @@
                     'string',
                     'object'
                 ],
-                description: "Icon name (a semantic name like edit, or a <a href='https://react-icons.github.io/react-icons/'>React Icons</a> name like LuPencil) or properties of an Icon block for anchor icon.",
+                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.',
                 docs: {
                     displayType: 'icon'
                 }

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

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

package/dist/blocks/Anchor/tests.yaml

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

package/dist/blocks/Box/gallery.yaml

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

package/dist/blocks/Html/meta.js

@@ -50,7 +50,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, warning, or a React Icons name); 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. 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.',
                 docs: {
                     displayType: 'text-area'
                 }

package/dist/blocks/Icon/gallery.yaml

@@ -78,84 +78,84 @@
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineHome
+        name: home
         size: 24
     - id: icon_search
       type: Icon
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineSearch
+        name: search
         size: 24
     - id: icon_user
       type: Icon
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineUser
+        name: user
         size: 24
     - id: icon_setting
       type: Icon
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineSetting
+        name: settings
         size: 24
     - id: icon_bell
       type: Icon
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineBell
+        name: bell
         size: 24
     - id: icon_heart
       type: Icon
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineHeart
+        name: heart
         size: 24
     - id: icon_star
       type: Icon
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineStar
+        name: star
         size: 24
     - id: icon_check
       type: Icon
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineCheck
+        name: check
         size: 24
     - id: icon_close
       type: Icon
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineClose
+        name: close
         size: 24
     - id: icon_info
       type: Icon
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineInfoCircle
+        name: info
         size: 24
     - id: icon_warning
       type: Icon
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineWarning
+        name: warning
         size: 24
     - id: icon_mail
       type: Icon
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineMail
+        name: mail
         size: 24
 
 - title: Sizes
@@ -165,35 +165,35 @@
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineRocket
+        name: Rocket
         size: 16
     - id: size_24
       type: Icon
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineRocket
+        name: Rocket
         size: 24
     - id: size_32
       type: Icon
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineRocket
+        name: Rocket
         size: 32
     - id: size_48
       type: Icon
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineRocket
+        name: Rocket
         size: 48
     - id: size_64
       type: Icon
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineRocket
+        name: Rocket
         size: 64
 
 - title: Named Colors
@@ -203,7 +203,7 @@
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineHeart
+        name: heart
         size: 32
         color: red
     - id: color_blue
@@ -211,7 +211,7 @@
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineHeart
+        name: heart
         size: 32
         color: blue
     - id: color_green
@@ -219,7 +219,7 @@
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineHeart
+        name: heart
         size: 32
         color: green
     - id: color_orange
@@ -227,7 +227,7 @@
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineHeart
+        name: heart
         size: 32
         color: orange
     - id: color_purple
@@ -235,7 +235,7 @@
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineHeart
+        name: heart
         size: 32
         color: purple
     - id: color_tomato
@@ -243,7 +243,7 @@
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineHeart
+        name: heart
         size: 32
         color: tomato
     - id: color_teal
@@ -251,7 +251,7 @@
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineHeart
+        name: heart
         size: 32
         color: teal
     - id: color_coral
@@ -259,7 +259,7 @@
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineHeart
+        name: heart
         size: 32
         color: coral
 
@@ -270,7 +270,7 @@
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineThunderbolt
+        name: Zap
         size: 40
         color: '#1677ff'
     - id: hex_green
@@ -278,7 +278,7 @@
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineThunderbolt
+        name: Zap
         size: 40
         color: '#52c41a'
     - id: hex_red
@@ -286,7 +286,7 @@
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineThunderbolt
+        name: Zap
         size: 40
         color: '#f5222d'
     - id: hex_orange
@@ -294,7 +294,7 @@
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineThunderbolt
+        name: Zap
         size: 40
         color: '#fa8c16'
     - id: hex_purple
@@ -302,7 +302,7 @@
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineThunderbolt
+        name: Zap
         size: 40
         color: '#722ed1'
     - id: hex_cyan
@@ -310,7 +310,7 @@
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineThunderbolt
+        name: Zap
         size: 40
         color: '#13c2c2'
     - id: hex_coral
@@ -318,7 +318,7 @@
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineThunderbolt
+        name: Zap
         size: 40
         color: '#ff6b6b'
     - id: hex_indigo
@@ -326,7 +326,7 @@
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineThunderbolt
+        name: Zap
         size: 40
         color: '#4c6ef5'
     - id: hex_pink
@@ -334,7 +334,7 @@
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineThunderbolt
+        name: Zap
         size: 40
         color: '#e64980'
     - id: hex_amber
@@ -342,7 +342,7 @@
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineThunderbolt
+        name: Zap
         size: 40
         color: '#fab005'
 
@@ -353,7 +353,7 @@
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineLoading
+        name: loading
         size: 32
         spin: true
         color: '#1677ff'
@@ -362,7 +362,7 @@
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineLoading3Quarters
+        name: loading
         size: 32
         spin: true
         color: '#52c41a'
@@ -371,7 +371,7 @@
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineSync
+        name: RefreshCw
         size: 32
         spin: true
         color: '#fa8c16'
@@ -380,7 +380,7 @@
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineSetting
+        name: settings
         size: 32
         spin: true
         color: '#722ed1'
@@ -389,7 +389,7 @@
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineReload
+        name: refresh
         size: 32
         spin: true
         color: '#f5222d'
@@ -401,7 +401,7 @@
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineArrowUp
+        name: arrow-up
         size: 32
         rotate: 0
         color: '#1677ff'
@@ -410,7 +410,7 @@
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineArrowUp
+        name: arrow-up
         size: 32
         rotate: 45
         color: '#1677ff'
@@ -419,7 +419,7 @@
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineArrowUp
+        name: arrow-up
         size: 32
         rotate: 90
         color: '#1677ff'
@@ -428,7 +428,7 @@
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineArrowUp
+        name: arrow-up
         size: 32
         rotate: 135
         color: '#1677ff'
@@ -437,7 +437,7 @@
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineArrowUp
+        name: arrow-up
         size: 32
         rotate: 180
         color: '#1677ff'
@@ -446,11 +446,46 @@
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineArrowUp
+        name: arrow-up
         size: 32
         rotate: 270
         color: '#1677ff'
 
+- title: Stroke Width
+  blocks:
+    - id: stroke_width_1
+      type: Icon
+      layout:
+        flex: 0 0 auto
+      properties:
+        name: heart
+        size: 32
+        strokeWidth: 1
+    - id: stroke_width_2
+      type: Icon
+      layout:
+        flex: 0 0 auto
+      properties:
+        name: heart
+        size: 32
+        strokeWidth: 2
+    - id: stroke_width_3
+      type: Icon
+      layout:
+        flex: 0 0 auto
+      properties:
+        name: heart
+        size: 32
+        strokeWidth: 3
+    - id: non_scaling_stroke
+      type: Icon
+      layout:
+        flex: 0 0 auto
+      properties:
+        name: heart
+        size: 64
+        nonScalingStroke: true
+
 - title: Title (Hover Tooltip)
   blocks:
     - id: title_info
@@ -458,7 +493,7 @@
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineInfoCircle
+        name: info
         size: 32
         color: '#1677ff'
         title: More information
@@ -467,7 +502,7 @@
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineWarning
+        name: warning
         size: 32
         color: '#faad14'
         title: Warning - proceed with caution
@@ -476,7 +511,7 @@
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineQuestionCircle
+        name: help
         size: 32
         color: '#722ed1'
         title: Click for help
@@ -501,7 +536,7 @@
           layout:
             flex: 0 0 auto
           properties:
-            name: AiOutlineCloud
+            name: Cloud
             size: 40
             color: '#69b1ff'
     - id: dark_bg_green
@@ -522,7 +557,7 @@
           layout:
             flex: 0 0 auto
           properties:
-            name: AiOutlineCheckCircle
+            name: check-circle
             size: 40
             color: '#95de64'
     - id: dark_bg_red
@@ -543,7 +578,7 @@
           layout:
             flex: 0 0 auto
           properties:
-            name: AiOutlineCloseCircle
+            name: close-circle
             size: 40
             color: '#ff7875'
     - id: dark_bg_purple
@@ -564,7 +599,7 @@
           layout:
             flex: 0 0 auto
           properties:
-            name: AiOutlineStar
+            name: star
             size: 40
             color: '#b37feb'
 
@@ -589,7 +624,7 @@
           layout:
             flex: 0 0 auto
           properties:
-            name: AiOutlineCheckCircle
+            name: check-circle
             size: 36
             color: '#52c41a'
     - id: colored_bg_warning
@@ -611,7 +646,7 @@
           layout:
             flex: 0 0 auto
           properties:
-            name: AiOutlineExclamationCircle
+            name: CircleAlert
             size: 36
             color: '#faad14'
     - id: colored_bg_error
@@ -633,7 +668,7 @@
           layout:
             flex: 0 0 auto
           properties:
-            name: AiOutlineCloseCircle
+            name: close-circle
             size: 36
             color: '#ff4d4f'
     - id: colored_bg_info
@@ -655,7 +690,7 @@
           layout:
             flex: 0 0 auto
           properties:
-            name: AiOutlineInfoCircle
+            name: info
             size: 36
             color: '#1677ff'
 
@@ -671,7 +706,7 @@
           padding: 12
           borderRadius: 50%
       properties:
-        name: AiOutlineUser
+        name: user
         size: 32
         color: '#1677ff'
     - id: style_bordered
@@ -684,7 +719,7 @@
           padding: 10
           borderRadius: 8
       properties:
-        name: AiOutlineSetting
+        name: settings
         size: 28
         color: '#595959'
     - id: style_shadow
@@ -698,7 +733,7 @@
           borderRadius: 12
           boxShadow: 0 2px 8px rgba(0, 0, 0, 0.15)
       properties:
-        name: AiOutlineBell
+        name: bell
         size: 30
         color: '#fa8c16'
     - id: style_gradient_bg
@@ -711,7 +746,7 @@
           padding: 14
           borderRadius: 12
       properties:
-        name: AiOutlineThunderbolt
+        name: Zap
         size: 30
         color: '#ffffff'
     - id: style_circle_bg
@@ -727,7 +762,7 @@
           alignItems: center
           justifyContent: center
       properties:
-        name: AiOutlineHeart
+        name: heart
         size: 24
         color: '#ffffff'
 
@@ -742,7 +777,7 @@
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineEdit
+        name: edit
         size: 32
         color: '#1677ff'
         disableLoadingIcon: false
@@ -755,7 +790,7 @@
       layout:
         flex: 0 0 auto
       properties:
-        name: AiOutlineEdit
+        name: edit
         size: 32
         color: '#1677ff'
         disableLoadingIcon: true

package/dist/blocks/Icon/meta.js

@@ -15,7 +15,7 @@
 */ export default {
     category: 'display',
     icons: [
-        'AiOutlineCloseCircle'
+        'loading'
     ],
     valueType: null,
     cssKeys: {
@@ -37,8 +37,11 @@
             },
             name: {
                 type: 'string',
-                default: 'AiOutlineCloseCircle',
-                description: 'Name of the icon: a semantic name like edit, delete or warning (add your own with theme.icons.aliases), or a React Icons name like LuPencil.'
+                description: 'Icon name: a semantic name like `edit`, a Lucide icon name like `Pencil`, or a set-qualified name like `tabler:Pencil`. Add your own semantic names with `theme.icons.aliases`.'
+            },
+            nonScalingStroke: {
+                type: 'boolean',
+                description: 'Keep the stroke width constant at any icon size. Defaults to `theme.icons.nonScalingStroke`.'
             },
             rotate: {
                 type: 'number',
@@ -54,6 +57,10 @@
                     displayType: 'number'
                 }
             },
+            strokeWidth: {
+                type: 'number',
+                description: 'Stroke width of the icon lines, in pixels of the 24px icon grid. Defaults to `theme.icons.strokeWidth` (2).'
+            },
             spin: {
                 type: 'boolean',
                 default: false,

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

@@ -22,7 +22,7 @@ blocks:
   - id: icon_custom
     type: Icon
     properties:
-      name: AiOutlineHome
+      name: home
 
   - id: icon_clickable
     type: Icon
@@ -33,8 +33,8 @@ blocks:
             _eq:
               - _state: icon_clicked
               - true
-          then: AiOutlineCheck
-          else: AiOutlineClose
+          then: check
+          else: close
     events:
       onClick:
         - id: set_clicked

package/dist/blocks/Icon/tests.yaml

@@ -17,38 +17,38 @@
 - id: properties.icon
   type: Icon
   properties:
-    name: AiOutlineRocket
+    name: Rocket
 - id: 'properties.disableLoadingIcon: true'
   type: Icon
   properties:
-    name: AiOutlineRocket
+    name: Rocket
     disableLoadingIcon: true
 - id: 'properties.size: 30'
   type: Icon
   properties:
-    name: AiOutlineRocket
+    name: Rocket
     size: 30
 - id: 'properties.rotate: 90'
   type: Icon
   properties:
-    name: AiOutlineRocket
+    name: Rocket
     size: 30
     rotate: 90
 - id: 'properties.spin: true'
   type: Icon
   properties:
-    name: AiOutlineRocket
+    name: Rocket
     size: 30
     spin: true
 - id: 'properties.color'
   type: Icon
   properties:
-    name: AiOutlineRocket
+    name: Rocket
     size: 25
     color: '#9c27b0'
 - id: 'properties.style: border: 1px solid red'
   type: Icon
   properties:
-    name: AiOutlineRocket
+    name: Rocket
     style:
       border: 1px solid red

package/dist/blocks/List/gallery.yaml

@@ -37,7 +37,7 @@
             flex: 0 0 auto
           properties:
             title: Add Note
-            icon: AiOutlinePlus
+            icon: add
             color: primary
             variant: solid
             size: small
@@ -66,7 +66,7 @@
           layout:
             flex: 0 0 auto
           properties:
-            icon: AiOutlineClose
+            icon: close
             color: default
             variant: text
             shape: circle
@@ -135,7 +135,7 @@
             flex: 0 0 auto
           properties:
             title: Add Task
-            icon: AiOutlinePlus
+            icon: add
             color: primary
             variant: solid
             size: small
@@ -209,7 +209,7 @@
           layout:
             flex: 0 0 auto
           properties:
-            icon: AiOutlineArrowUp
+            icon: arrow-up
             color: default
             variant: text
             size: small
@@ -228,7 +228,7 @@
           layout:
             flex: 0 0 auto
           properties:
-            icon: AiOutlineArrowDown
+            icon: arrow-down
             color: default
             variant: text
             size: small
@@ -247,7 +247,7 @@
           layout:
             flex: 0 0 auto
           properties:
-            icon: AiOutlineDelete
+            icon: delete
             color: danger
             variant: text
             size: small
@@ -272,7 +272,7 @@
             flex: 0 0 auto
           properties:
             title: Save Tasks
-            icon: AiOutlineSave
+            icon: save
             color: primary
             variant: solid
           events:
@@ -315,7 +315,7 @@
                 flex: 0 0 auto
               properties:
                 title: Load Users
-                icon: AiOutlineCloudDownload
+                icon: CloudDownload
                 color: primary
                 variant: solid
                 size: small
@@ -408,7 +408,7 @@
             flex: 0 0 auto
           properties:
             title: Add Line
-            icon: AiOutlinePlus
+            icon: add
             color: primary
             variant: dashed
             size: small
@@ -467,7 +467,7 @@
           layout:
             flex: 0 0 auto
           properties:
-            icon: AiOutlineMinusCircle
+            icon: remove
             color: danger
             variant: text
             size: small
@@ -507,7 +507,7 @@
             flex: 0 0 auto
           properties:
             title: Submit Invoice
-            icon: AiOutlineSend
+            icon: send
             color: primary
             variant: solid
           events:

package/dist/blocks/PollingTimer/gallery.yaml

@@ -51,7 +51,7 @@
           type: Button
           properties:
             title: Start Job
-            icon: AiOutlinePlayCircle
+            icon: CirclePlay
           events:
             onClick:
               - id: job_timer_set_running
@@ -97,7 +97,7 @@
           type: Button
           properties:
             title: Start
-            icon: AiOutlinePlayCircle
+            icon: CirclePlay
           events:
             onClick:
               - id: manual_timer_call_start
@@ -109,7 +109,7 @@
           type: Button
           properties:
             title: Stop
-            icon: AiOutlinePauseCircle
+            icon: CirclePause
           events:
             onClick:
               - id: manual_timer_call_stop
@@ -121,7 +121,7 @@
           type: Button
           properties:
             title: Toggle
-            icon: AiOutlineSwap
+            icon: ArrowRightLeft
           events:
             onClick:
               - id: manual_timer_call_toggle

package/dist/blocks/Span/gallery.yaml

@@ -57,7 +57,7 @@
           layout:
             flex: 0 0 auto
           properties:
-            name: AiOutlineInfoCircle
+            name: info
             size: 14
             color: '#1677ff'
         - id: span_content_area_text
@@ -305,7 +305,7 @@
               layout:
                 flex: 0 0 auto
               properties:
-                name: AiOutlineCheckCircle
+                name: check-circle
                 size: 14
                 color: '#52c41a'
             - id: span_nested_value_text
@@ -420,7 +420,7 @@
           layout:
             flex: 0 0 auto
           properties:
-            name: AiOutlineSmile
+            name: FaceSlightlySmiling
             size: 16
             color: '#faad14'
         - id: span_icon_smile_label
@@ -442,7 +442,7 @@
           layout:
             flex: 0 0 auto
           properties:
-            name: AiOutlineCheckCircle
+            name: check-circle
             size: 16
             color: '#52c41a'
         - id: span_icon_check_label
@@ -464,7 +464,7 @@
           layout:
             flex: 0 0 auto
           properties:
-            name: AiOutlineWarning
+            name: warning
             size: 16
             color: '#ff4d4f'
         - id: span_icon_warning_label
@@ -514,7 +514,7 @@
               layout:
                 flex: 0 0 auto
               properties:
-                name: AiOutlineCheckCircle
+                name: check-circle
                 size: 14
                 color: '#52c41a'
             - id: span_order_shipped_text
@@ -616,7 +616,7 @@
           layout:
             flex: 0 0 auto
           properties:
-            name: AiOutlineUser
+            name: user
             size: 20
             color: '#1677ff'
         - id: span_profile_name

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lowdefy/blocks-basic",
-  "version": "0.0.0-experimental-20260926150052",
+  "version": "0.0.0-experimental-20260926183344",
   "license": "Apache-2.0",
   "description": "Basic html Lowdefy blocks.",
   "homepage": "https://lowdefy.com",
@@ -45,8 +45,8 @@
     "dist/*"
   ],
   "dependencies": {
-    "@lowdefy/block-utils": "0.0.0-experimental-20260926150052",
-    "@lowdefy/helpers": "0.0.0-experimental-20260926150052",
+    "@lowdefy/block-utils": "0.0.0-experimental-20260926183344",
+    "@lowdefy/helpers": "0.0.0-experimental-20260926183344",
     "dompurify": "3.4.13"
   },
   "peerDependencies": {
@@ -54,8 +54,8 @@
     "react-dom": ">=18"
   },
   "devDependencies": {
-    "@lowdefy/block-dev-e2e": "0.0.0-experimental-20260926150052",
-    "@lowdefy/e2e-utils": "0.0.0-experimental-20260926150052",
+    "@lowdefy/block-dev-e2e": "0.0.0-experimental-20260926183344",
+    "@lowdefy/e2e-utils": "0.0.0-experimental-20260926183344",
     "@playwright/test": "1.59.1",
     "@swc/cli": "0.8.1",
     "@swc/core": "1.15.32",