@lowdefy/docs-content 0.0.0-experimental-20260928120643 → 6.1.0

package/content/container-blocks/configprovider.md

@@ -328,7 +328,7 @@ Multiple algorithms can be combined by passing an array. Here dark and compact a
               disabled: true
 ```
 
-Setting componentDisabled to true disables all interactive child components at once, without needing to set disabled on each individual component. A block that sets disabled to false stays enabled.
+Setting componentDisabled to true disables all interactive child components at once, without needing to set disabled on each individual component.
 
 ```yaml
 - id: cp_disabled
@@ -370,30 +370,12 @@ Setting componentDisabled to true disables all interactive child components at o
         label:
           title: Disabled input
           colon: false
-    - id: cp_disabled_selector
-      type: Selector
-      properties:
-        placeholder: Disabled selector
-        options:
-          - Option 1
-          - Option 2
-        label:
-          title: Disabled selector
-          colon: false
-    - id: cp_enabled_input
-      type: TextInput
-      properties:
-        placeholder: Still enabled
-        disabled: false
-        label:
-          title: "Re-enabled with disabled: false"
-          colon: false
     - id: cp_disabled_text
       type: Paragraph
       properties:
         content: Setting componentDisabled to true disables all interactive child
           components at once, without needing to set disabled on each individual
-          component. A block that sets disabled to false stays enabled.
+          component.
 ```
 
 Setting direction to rtl enables right-to-left layout for all child components. This is essential for languages like Arabic and Hebrew.
@@ -417,7 +399,7 @@ Setting direction to rtl enables right-to-left layout for all child components.
             title: Right-to-Left
             color: primary
             variant: solid
-            icon: arrow-left
+            icon: AiOutlineArrowLeft
     - id: cp_rtl_input
       type: TextInput
       properties:
@@ -769,9 +751,10 @@ This demonstrates using ConfigProvider to apply a brand theme across an entire s
               layout:
                 flex: 0 0 auto
               properties:
-                icon: Store
+                icon: AiOutlineShop
                 size: 48
-                color: "#e11d48"
+                color: "#fff"
+                backgroundColor: "#e11d48"
             - id: cp_brand_title
               type: Title
               layout:
@@ -799,7 +782,7 @@ This demonstrates using ConfigProvider to apply a brand theme across an entire s
                 placeholder: Search products...
                 label:
                   disabled: true
-                suffixIcon: search
+                suffixIcon: AiOutlineSearch
             - id: cp_brand_search_btn
               type: Button
               layout:
@@ -814,7 +797,7 @@ This demonstrates using ConfigProvider to apply a brand theme across an entire s
                 flex: 0 0 auto
               properties:
                 title: Cart
-                icon: ShoppingCart
+                icon: AiOutlineShoppingCart
                 color: default
                 variant: outlined
         - id: cp_brand_stats_row
@@ -956,7 +939,7 @@ System Metrics
             flex: 0 0 auto
           properties:
             title: Refresh
-            icon: refresh
+            icon: AiOutlineReload
             color: primary
             variant: solid
 ```
@@ -1053,7 +1036,7 @@ A dark-themed admin panel using ConfigProvider to apply the dark algorithm with
                 flex: 0 0 auto
               properties:
                 title: Save User
-                icon: save
+                icon: AiOutlineSave
                 color: primary
                 variant: solid
             - id: cp_admin_cancel_btn
@@ -1069,19 +1052,14 @@ A dark-themed admin panel using ConfigProvider to apply the dark algorithm with
 | Property | Type | Default | Description |
 | --- | --- | --- | --- |
 | `algorithm` | string \| array | - | Theme algorithm. Can be "default", "dark", "compact", or an array of these values. |
-| `componentDisabled` | boolean | `false` | Disable every input and button inside the ConfigProvider. A block that sets its own `disabled` property keeps that value, so `disabled: false` re-enables it. |
-| `componentSize` | string | - | Set size for all child components. `middle` is the older name for `medium`. Enum: `small`, `medium`, `middle`, `large`. |
+| `componentDisabled` | boolean | `false` | Set disabled state for all child components. |
+| `componentSize` | string | - | Set size for all child components. Enum: `small`, `middle`, `large`. |
 | `components` | object | - | Component-level token overrides. Keys are component names, values are token objects. |
 | `direction` | string | `"ltr"` | Direction of layout. Enum: `ltr`, `rtl`. |
 | `locale` | object | - | Antd locale object to localize built-in component strings (date pickers, pagination, modal, form validation). Pair with the _locale operator and config.i18n to keep the whole subtree in one language. |
-| `popupMatchSelectWidth` | boolean \| number | - | Whether dropdowns of select-like components match the width of their input. A number sets a minimum dropdown width in pixels. `false` also turns off virtual scrolling. |
-| `popupOverflow` | string | `"viewport"` | Keep dropdowns of select-like components inside the viewport, or let them follow the page scroll. Enum: `viewport`, `scroll`. |
 | `token` | object | - | Theme token configuration. Customize design tokens like colorPrimary, fontSize, etc. |
-| `virtual` | boolean | `true` | Set to false to turn off virtual scrolling in selectors, trees and tables, so every option renders. |
-| `wave` | object | - | Click wave effect of buttons and other clickable components. |
-| `wave.disabled` | boolean | `false` | Turn off the click wave effect. |
 | `variant` | string | - | Global input variant style for all child components. Enum: `outlined`, `filled`, `borderless`, `underlined`. |
-| `theme` | object | - | Antd design token overrides for this block and its descendants. Merged with token, which takes precedence. See [antd design tokens](https://ant.design/components/overview#design-token). |
+| `theme` | object | - | Antd design token overrides for this block. See [antd design tokens](https://ant.design/components/overview#design-token). |
 
 No events defined.
 

package/content/container-blocks/confirmmodal.md

@@ -275,14 +275,14 @@ Are you absolutely sure you want to delete this project and all its data?
   properties:
     title: Delete Item?
     content: This item will be permanently removed from the system.
-    icon: delete
+    icon: AiOutlineDelete
 - id: confirm_icon_colored
   type: ConfirmModal
   properties:
     title: Danger Zone
     content: Are you absolutely sure you want to delete this project and all its data?
     icon:
-      name: warning
+      name: AiOutlineWarning
       color: "#ff4d4f"
       size: 22
 ```
@@ -513,11 +513,10 @@ Your data will be exported to a CSV file and downloaded.
     status: confirm
     okText: Export
     okButton:
-      icon: download
-      iconPlacement: end
+      icon: AiOutlineDownload
     cancelText: Cancel
     cancelButton:
-      icon: close
+      icon: AiOutlineClose
 ```
 
 This modal uses style to apply custom CSS directly to the modal element.
@@ -719,7 +718,7 @@ The body CSS key targets the modal body area. This modal uses bg-bg-layout and p
 - id: confirm_css_element
   type: ConfirmModal
   class:
-    .element: rounded-2xl shadow-2xl
+    element: rounded-2xl shadow-2xl
   properties:
     title: Styled Element
     content: The element CSS key applies Tailwind classes to the modal wrapper. This
@@ -727,7 +726,7 @@ The body CSS key targets the modal body area. This modal uses bg-bg-layout and p
 - id: confirm_css_body
   type: ConfirmModal
   class:
-    .body: bg-bg-layout p-6
+    body: bg-bg-layout p-6
   properties:
     title: Styled Body
     content: The body CSS key targets the modal body area. This modal uses
@@ -840,9 +839,10 @@ James Park - Engineering Lead
           layout:
             flex: 0 0 auto
           properties:
-            icon: user
+            icon: AiOutlineUser
             size: 32
-            color: "#1677ff"
+            color: "#fff"
+            backgroundColor: "#1677ff"
         - id: delete_flow_name_1
           type: Paragraph
           layout:
@@ -855,7 +855,7 @@ James Park - Engineering Lead
             flex: 0 0 auto
           properties:
             title: Remove
-            icon: delete
+            icon: AiOutlineDelete
             color: danger
             variant: text
             size: small
@@ -883,9 +883,10 @@ James Park - Engineering Lead
           layout:
             flex: 0 0 auto
           properties:
-            icon: user
+            icon: AiOutlineUser
             size: 32
-            color: "#52c41a"
+            color: "#fff"
+            backgroundColor: "#52c41a"
         - id: delete_flow_name_2
           type: Paragraph
           layout:
@@ -898,7 +899,7 @@ James Park - Engineering Lead
             flex: 0 0 auto
           properties:
             title: Remove
-            icon: delete
+            icon: AiOutlineDelete
             color: danger
             variant: text
             size: small
@@ -919,7 +920,7 @@ James Park - Engineering Lead
     title: Remove Team Member
     status: error
     icon:
-      name: UserMinus
+      name: AiOutlineUserDelete
       color: "#ff4d4f"
     okText: Remove
     okButton:
@@ -980,7 +981,7 @@ Please verify your ticket details before submitting. You will receive a confirma
         flex: 0 0 auto
       properties:
         title: Submit Ticket
-        icon: send
+        icon: AiOutlineSend
         color: primary
         variant: solid
       events:
@@ -1001,7 +1002,7 @@ Please verify your ticket details before submitting. You will receive a confirma
     cancelText: Review Again
     centered: true
     width: 480
-    icon: check-circle
+    icon: AiOutlineCheckCircle
   events:
     onOk:
       - id: form_submit_ok_msg
@@ -1085,7 +1086,7 @@ You have unsaved changes that will be lost if you leave this page. Do you want t
     content: You have unsaved changes that will be lost if you leave this page. Do
       you want to save your changes before leaving?
     status: warning
-    icon: warning
+    icon: AiOutlineWarning
     okText: Save & Leave
     cancelText: Discard Changes
     closable: true
@@ -1111,62 +1112,15 @@ You have unsaved changes that will be lost if you leave this page. Do you want t
 | --- | --- | --- | --- |
 | `title` | string | - | Modal title - supports html. |
 | `centered` | boolean | `false` | Centered Modal. |
-| `closable` | boolean \| object | `false` | Whether a close (x) button is visible on top right of the confirm dialog or not. Set `{ disabled: true }` to show the button disabled. |
-| `closable.disabled` | boolean | `false` | Show the close button, but disabled. |
+| `closable` | boolean | `false` | Whether a close (x) button is visible on top right of the confirm dialog or not. |
 | `content` | string | - | Modal content. Overridden by the "content" content area - supports html. |
-| `icon` | string \| object | - | 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 to customize modal icon. |
-| `icon.name` | string | - | Icon name: a semantic name like `edit`, a Lucide icon name like `Pencil`, or a set-qualified name like `tabler:Pencil`. |
-| `icon.color` | string | - | Icon color. |
-| `icon.size` | string \| number | - | Size of the icon. Defaults to `theme.icons.size`. |
-| `icon.rotate` | number | - | Number of degrees to rotate the icon. |
-| `icon.spin` | boolean | - | Continuously spin the icon with animation. |
-| `icon.strokeWidth` | number | - | Stroke width of the icon lines, in pixels of the 24px icon grid. Defaults to `theme.icons.strokeWidth` (2). |
-| `icon.nonScalingStroke` | boolean | - | Keep the stroke width constant at any icon size. Defaults to `theme.icons.nonScalingStroke`. |
-| `icon.title` | string | - | Icon hover title for accessibility. An empty string marks the icon as decorative. |
-| `icon.disableLoadingIcon` | boolean | - | While loading after the icon has been clicked, don't render the loading icon. |
-| `focusable` | object | - | Focus management of the dialog. |
-| `focusable.trap` | boolean | `true` | Keep keyboard focus inside the dialog while it is open. |
-| `focusable.focusTriggerAfterClose` | boolean | `true` | Return focus to the element that opened the dialog after it closes. |
-| `focusable.autoFocusButton` | string \| null | `"ok"` | The button that receives focus when the confirm modal opens. Set to null to focus neither. Enum: `ok`, `cancel`, `null`. |
-| `keyboard` | boolean | `true` | Whether pressing Esc closes the confirm modal. |
-| `mask` | boolean \| object | `true` | Whether to show the mask. Set an object to configure the mask with `enabled`, `blur` and `closable`. |
-| `mask.enabled` | boolean | `true` | Whether to show the mask. |
-| `mask.blur` | boolean | `false` | Blur the page behind the mask. |
-| `mask.closable` | boolean | - | Whether clicking the mask closes the dialog. Takes precedence over `maskClosable`. |
-| `maskClosable` | boolean | `false` | Whether to close the modal dialog when the mask (area outside the modal) is clicked. `mask.closable` takes precedence. |
-| `scrollLock` | boolean | `true` | Whether to lock page scrolling while the confirm modal is open. |
+| `icon` | string \| object | - | Name of an React-Icon (See all icons) or properties of an Icon block to customize modal icon. |
+| `mask` | boolean | `true` | Whether show mask or not. |
+| `maskClosable` | boolean | `false` | Whether to close the modal dialog when the mask (area outside the modal) is clicked. |
 | `okText` | string | - | Text of the Ok button. When unset, antd uses the localized default from ConfigProvider locale. |
 | `cancelText` | string | - | Text of the Cancel button. When unset, antd uses the localized default from ConfigProvider locale. |
 | `okButton` | object | - | Ok button properties. |
-| `okButton.type` | string | - | The button type. Enum: `default`, `primary`, `dashed`, `text`, `link`. |
-| `okButton.danger` | boolean | `false` | Set the danger status of the button. |
-| `okButton.disabled` | boolean | `false` | Disable the button. |
-| `okButton.icon` | string \| object | - | 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 to show in the button. |
-| `okButton.icon.name` | string | - | Icon name: a semantic name like `edit`, a Lucide icon name like `Pencil`, or a set-qualified name like `tabler:Pencil`. |
-| `okButton.icon.color` | string | - | Icon color. |
-| `okButton.icon.size` | string \| number | - | Size of the icon. Defaults to `theme.icons.size`. |
-| `okButton.icon.rotate` | number | - | Number of degrees to rotate the icon. |
-| `okButton.icon.spin` | boolean | - | Continuously spin the icon with animation. |
-| `okButton.icon.strokeWidth` | number | - | Stroke width of the icon lines, in pixels of the 24px icon grid. Defaults to `theme.icons.strokeWidth` (2). |
-| `okButton.icon.nonScalingStroke` | boolean | - | Keep the stroke width constant at any icon size. Defaults to `theme.icons.nonScalingStroke`. |
-| `okButton.icon.title` | string | - | Icon hover title for accessibility. An empty string marks the icon as decorative. |
-| `okButton.icon.disableLoadingIcon` | boolean | - | While loading after the icon has been clicked, don't render the loading icon. |
-| `okButton.iconPlacement` | string | `"start"` | Place the icon before (`start`) or after (`end`) the button text. Enum: `start`, `end`. |
 | `cancelButton` | object | - | Cancel button properties. |
-| `cancelButton.type` | string | - | The button type. Enum: `default`, `primary`, `dashed`, `text`, `link`. |
-| `cancelButton.danger` | boolean | `false` | Set the danger status of the button. |
-| `cancelButton.disabled` | boolean | `false` | Disable the button. |
-| `cancelButton.icon` | string \| object | - | 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 to show in the button. |
-| `cancelButton.icon.name` | string | - | Icon name: a semantic name like `edit`, a Lucide icon name like `Pencil`, or a set-qualified name like `tabler:Pencil`. |
-| `cancelButton.icon.color` | string | - | Icon color. |
-| `cancelButton.icon.size` | string \| number | - | Size of the icon. Defaults to `theme.icons.size`. |
-| `cancelButton.icon.rotate` | number | - | Number of degrees to rotate the icon. |
-| `cancelButton.icon.spin` | boolean | - | Continuously spin the icon with animation. |
-| `cancelButton.icon.strokeWidth` | number | - | Stroke width of the icon lines, in pixels of the 24px icon grid. Defaults to `theme.icons.strokeWidth` (2). |
-| `cancelButton.icon.nonScalingStroke` | boolean | - | Keep the stroke width constant at any icon size. Defaults to `theme.icons.nonScalingStroke`. |
-| `cancelButton.icon.title` | string | - | Icon hover title for accessibility. An empty string marks the icon as decorative. |
-| `cancelButton.icon.disableLoadingIcon` | boolean | - | While loading after the icon has been clicked, don't render the loading icon. |
-| `cancelButton.iconPlacement` | string | `"start"` | Place the icon before (`start`) or after (`end`) the button text. Enum: `start`, `end`. |
 | `width` | number \| string | `416` | Width of the modal dialog. |
 | `zIndex` | number | `1000` | The z-index of the Modal. |
 | `status` | string | `"confirm"` | Modal status type. Enum: `success`, `error`, `info`, `warning`, `confirm`. |
@@ -1189,7 +1143,7 @@ You have unsaved changes that will be lost if you leave this page. Do you want t
 | `onOk` | \- | Trigger actions when Ok button is clicked. |
 | `onOpen` | \- | Trigger actions when confirm modal is opened. |
 | `onCancel` | \- | Trigger actions when Cancel button is clicked. |
-| `onClose` | \- | Trigger actions after the confirm modal has closed, once the onOk or onCancel actions are completed. |
+| `onClose` | \- | Triggered after onOk or onCancel actions are completed. |
 
 | Key | Target |
 | --- | --- |

package/content/container-blocks/content.md

@@ -70,8 +70,7 @@ Content works within a Layout alongside Header and Footer blocks to form a compl
           properties:
             content: My Application
             level: 4
-          style:
-            .element:
+            style:
               margin: 0
     - id: content_full_page_main
       type: Content
@@ -125,8 +124,7 @@ When used alongside a Sider block, Content fills the remaining horizontal space.
           properties:
             content: App with Sidebar
             level: 4
-          style:
-            .element:
+            style:
               margin: 0
     - id: content_sider_inner
       type: Layout
@@ -147,22 +145,16 @@ When used alongside a Sider block, Content fills the remaining horizontal space.
               type: Menu
               properties:
                 mode: inline
-                links:
-                  - id: cs_dashboard
-                    type: MenuLink
-                    properties:
-                      title: Dashboard
-                      icon: Gauge
-                  - id: cs_users
-                    type: MenuLink
-                    properties:
-                      title: Users
-                      icon: user
-                  - id: cs_settings
-                    type: MenuLink
-                    properties:
-                      title: Settings
-                      icon: settings
+                options:
+                  - id: dashboard
+                    title: Dashboard
+                    icon: AiOutlineDashboard
+                  - id: users
+                    title: Users
+                    icon: AiOutlineUser
+                  - id: settings
+                    title: Settings
+                    icon: AiOutlineSetting
         - id: content_sider_main
           type: Content
           layout:
@@ -186,40 +178,94 @@ When used alongside a Sider block, Content fills the remaining horizontal space.
                   admin dashboards and applications with navigation sidebars.
 ```
 
+Themed Content Area
+
+Use the theme property to override antd design tokens. The colorBgLayout token changes the background of the Content block, and colorText adjusts the default text color within it.
+
+Warm Color Scheme
+
+A warm-toned content area using orange theme tokens. Theme tokens cascade through the antd design system and affect all child blocks within this Content.
+
+Dark Content Area
+
+Dark-themed content using colorBgLayout and colorText tokens. For app-wide dark themes, prefer using a global ConfigProvider rather than per-block overrides.
+
 ```yaml
 - id: content_theme_layout
   type: Layout
-  properties:
-    theme:
-      bodyBg: "#e6f4ff"
   blocks:
     - id: content_theme_custom
       type: Content
       style:
         padding: 24px
         minHeight: 150px
+      properties:
+        theme:
+          colorText: "#003a8c"
       blocks:
+        - id: content_theme_title
+          type: Title
+          properties:
+            content: Themed Content Area
+            level: 4
         - id: content_theme_text
-          type: Html
+          type: Paragraph
           properties:
-            html: The parent Layout theme sets the background behind the Content area with
-              the bodyBg token.
+            content: >
+              Use the theme property to override antd design tokens. The
+              colorBgLayout token changes the background of the Content block,
+              and colorText adjusts the default text color within it.
 - id: content_theme_warm_layout
   type: Layout
-  properties:
-    theme:
-      bodyBg: "#fff7e6"
   blocks:
     - id: content_theme_warm
       type: Content
       style:
         padding: 24px
         minHeight: 150px
+      properties:
+        theme:
+          colorText: "#874d00"
       blocks:
+        - id: content_theme_warm_title
+          type: Title
+          properties:
+            content: Warm Color Scheme
+            level: 4
         - id: content_theme_warm_text
-          type: Html
+          type: Paragraph
+          properties:
+            content: >
+              A warm-toned content area using orange theme tokens. Theme tokens
+              cascade through the antd design system and affect all child blocks
+              within this Content.
+- id: content_theme_dark_layout
+  type: Layout
+  blocks:
+    - id: content_theme_dark
+      type: Content
+      style:
+        padding: 24px
+        minHeight: 150px
+      properties:
+        theme:
+          colorBgLayout: "#1f1f1f"
+          colorText: "#e0e0e0"
+      blocks:
+        - id: content_theme_dark_title
+          type: Title
+          class: text-text-secondary
           properties:
-            html: A warm-toned content area from the same Layout token.
+            content: Dark Content Area
+            level: 4
+        - id: content_theme_dark_text
+          type: Paragraph
+          class: text-text-secondary
+          properties:
+            content: >
+              Dark-themed content using colorBgLayout and colorText tokens. For
+              app-wide dark themes, prefer using a global ConfigProvider rather
+              than per-block overrides.
 ```
 
 Rounded Content with Tailwind
@@ -241,7 +287,7 @@ A left accent border highlights the content area. Combine Tailwind border utilit
     - id: content_css_rounded
       type: Content
       class:
-        .element: bg-bg-layout rounded-xl p-6 m-4
+        element: bg-bg-layout rounded-xl p-6 m-4
       style:
         minHeight: 150px
       blocks:
@@ -262,7 +308,7 @@ A left accent border highlights the content area. Combine Tailwind border utilit
     - id: content_css_gradient
       type: Content
       class:
-        .element: bg-gradient-to-br from-primary/10 to-primary/5 p-8 m-4 rounded-lg
+        element: bg-gradient-to-br from-primary/10 to-primary/5 p-8 m-4 rounded-lg
           shadow-inner
       style:
         minHeight: 150px
@@ -285,7 +331,7 @@ A left accent border highlights the content area. Combine Tailwind border utilit
     - id: content_css_border
       type: Content
       class:
-        .element: border-l-4 border-l-green-500 bg-bg-layout p-6 m-4
+        element: border-l-4 border-l-green-500 bg-bg-layout p-6 m-4
       style:
         minHeight: 150px
       blocks:
@@ -331,8 +377,7 @@ New team member Sarah joined — 1 hour ago
           properties:
             content: Analytics Dashboard
             level: 4
-          style:
-            .element:
+            style:
               margin: 0
         - id: content_dashboard_header_btn
           type: Button
@@ -340,7 +385,7 @@ New team member Sarah joined — 1 hour ago
             flex: 0 0 auto
           properties:
             title: Export Report
-            icon: download
+            icon: AiOutlineDownload
             color: default
             variant: outlined
             size: small
@@ -363,27 +408,19 @@ New team member Sarah joined — 1 hour ago
               type: Menu
               properties:
                 mode: inline
-                links:
-                  - id: cd_overview
-                    type: MenuLink
-                    properties:
-                      title: Overview
-                      icon: home
-                  - id: cd_analytics
-                    type: MenuLink
-                    properties:
-                      title: Analytics
-                      icon: chart
-                  - id: cd_reports
-                    type: MenuLink
-                    properties:
-                      title: Reports
-                      icon: document
-                  - id: cd_team
-                    type: MenuLink
-                    properties:
-                      title: Team
-                      icon: users
+                options:
+                  - id: overview
+                    title: Overview
+                    icon: AiOutlineHome
+                  - id: analytics
+                    title: Analytics
+                    icon: AiOutlineBarChart
+                  - id: reports
+                    title: Reports
+                    icon: AiOutlineFileText
+                  - id: team
+                    title: Team
+                    icon: AiOutlineTeam
         - id: content_dashboard_main
           type: Content
           layout:
@@ -477,8 +514,7 @@ Update your personal details and preferences below.
           properties:
             content: Account Settings
             level: 4
-          style:
-            .element:
+            style:
               margin: 0
     - id: content_settings_main
       type: Content
@@ -535,7 +571,7 @@ Update your personal details and preferences below.
                 title: Save Changes
                 color: primary
                 variant: solid
-                icon: save
+                icon: AiOutlineSave
               events:
                 onClick:
                   - id: content_settings_save_msg
@@ -547,7 +583,7 @@ Update your personal details and preferences below.
 
 | Property | Type | Default | Description |
 | --- | --- | --- | --- |
-| `theme` | object | - | Not applied: antd scopes Layout design tokens to the Layout element, so set tokens such as headerHeight or footerBg on the parent Layout block theme. |
+| `theme` | object | - | Antd design token overrides for this block. See [antd design tokens](https://ant.design/components/overview#design-token). |
 
 No events defined.