@fundamental-styles/mcp 0.41.7-rc.12 → 0.41.7-rc.13

package/data/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.41.7-rc.13](https://github.com/SAP/fundamental-styles/compare/v0.41.7-rc.12...v0.41.7-rc.13) (2026-06-05)
+
+### Bug Fixes
+
+- expose component catalog ([#6316](https://github.com/SAP/fundamental-styles/issues/6316)) ([5e4043d](https://github.com/SAP/fundamental-styles/commit/5e4043d55392a3212753c21dc6838b5d36e54ed8))
+
 ## [0.41.7-rc.12](https://github.com/SAP/fundamental-styles/compare/v0.41.7-rc.11...v0.41.7-rc.12) (2026-06-04)
 
 **Note:** Version bump only for package fundamental-styles
@@ -6921,9 +6927,9 @@ Co-authored-by: droshev <mladen.droshev@sap.com>
 
 - added a new modifier class to fd-row to achieve even alignment of its elements:fd-row--top in a form.
   Before:
-      <div class="fd-row">
-      After:
-      <div class="fd-row fd-row--top">
+  <div class="fd-row">
+  After:
+  <div class="fd-row fd-row--top">
 
 ### Bug Fixes
 

package/data/component-catalog.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://json-schema.org/draft/2020-12/schema",
-  "version": "0.41.0",
+  "version": "0.41.7-rc.8",
   "description": "Machine-readable catalog of Fundamental Library Styles components",
   "generatedBy": "scripts/generate-ai-metadata.js",
   "relatedFiles": {
@@ -93,9 +93,7 @@
             "--fdActionBarInlinePadding"
           ],
           "tags": [
-            "non-f3",
-            "a11y",
-            "theme"
+            "non-f3"
           ],
           "examples": [
             "actions",
@@ -176,12 +174,7 @@
             "--fdActionSheet_Item_Padding_Block",
             "--fdActionSheet_Item_Padding_Inline"
           ],
-          "tags": [
-            "a11y",
-            "f3",
-            "theme",
-            "responsive"
-          ],
+          "tags": [],
           "examples": [
             "action-sheet-mobile",
             "default"
@@ -1291,11 +1284,7 @@
             "--fdBusy_Indicator_Dot_Color",
             "--fdBusy_Indicator_Dot_Contrast_Color"
           ],
-          "tags": [
-            "f3",
-            "a11y",
-            "theme"
-          ],
+          "tags": [],
           "examples": [
             "busy-dialog",
             "contrast-mode",
@@ -1540,11 +1529,7 @@
             "menu"
           ],
           "dependencies": [],
-          "tags": [
-            "f3",
-            "a11y",
-            "theme"
-          ],
+          "tags": [],
           "variables": [
             "--fdButton_Clickable_Height",
             "--fdButton_Padding_X",
@@ -2518,12 +2503,7 @@
             "--fdCarousel_Dot_Selected_Background",
             "--fdButton_Focus_Border_Radius"
           ],
-          "tags": [
-            "f3",
-            "a11y",
-            "theme",
-            "development"
-          ],
+          "tags": [],
           "examples": [
             "carousel-backgrounds",
             "carousel-bottom",
@@ -2690,12 +2670,7 @@
           ],
           "elements": [],
           "variables": [],
-          "tags": [
-            "f3",
-            "a11y",
-            "theme",
-            "development"
-          ],
+          "tags": [],
           "examples": [
             "inline-code",
             "primary"
@@ -2739,11 +2714,7 @@
           "variables": [
             "--fdBadge_Border_Color"
           ],
-          "tags": [
-            "f3",
-            "a11y",
-            "development"
-          ],
+          "tags": [],
           "examples": [
             "notifier",
             "paragraph",
@@ -2907,11 +2878,7 @@
             "bar"
           ],
           "dependencies": [],
-          "tags": [
-            "f3",
-            "a11y",
-            "theme"
-          ],
+          "tags": [],
           "variables": [],
           "examples": [
             "default-dialog",
@@ -3305,11 +3272,7 @@
             "--fdButton_Badge_Margin_Inline_Start",
             "--fdButton_Badge_Size_Attention"
           ],
-          "tags": [
-            "f3",
-            "a11y",
-            "theme"
-          ],
+          "tags": [],
           "examples": [
             "disabled",
             "input-growth",
@@ -3436,11 +3399,7 @@
             "--fdFeed_List_Item_Border_Top",
             "--fdFeed_List_Item_Border_Bottom"
           ],
-          "tags": [
-            "f3",
-            "a11y",
-            "theme"
-          ],
+          "tags": [],
           "examples": [
             "borderless",
             "group",
@@ -3566,11 +3525,7 @@
           "variables": [
             "--fdFileUploaderButtonsSpacing"
           ],
-          "tags": [
-            "f3",
-            "a11y",
-            "theme"
-          ],
+          "tags": [],
           "examples": [
             "file-uploader-with-files",
             "primary",
@@ -3762,6 +3717,10 @@
             {
               "class": "fd-form-group--no-border",
               "description": "no-border variant"
+            },
+            {
+              "class": "fd-form-group--wrap",
+              "description": "wrap variant"
             }
           ],
           "elements": [
@@ -3910,6 +3869,10 @@
               "class": "fd-form-label--disabled",
               "description": "disabled variant"
             },
+            {
+              "class": "fd-form-label--wrap",
+              "description": "wrap variant"
+            },
             {
               "class": "fd-form-label--unit-description",
               "description": "unit-description variant"
@@ -4583,10 +4546,7 @@
             "--fdIconTabBar_Button_Shell_Focus_Color",
             "--fdIconTabBar_Button_Shell_Background_Color_Selected"
           ],
-          "tags": [
-            "f3",
-            "development"
-          ],
+          "tags": [],
           "examples": [
             "badge",
             "counter",
@@ -5936,12 +5896,7 @@
             "action-sheet"
           ],
           "dependencies": [],
-          "tags": [
-            "f3",
-            "a11y",
-            "theme",
-            "development"
-          ],
+          "tags": [],
           "variables": [
             "--fdButton_Menu_Border_Radius",
             "--fdMenu_Icon_Width",
@@ -6071,11 +6026,7 @@
             "--fdIcon_Font_Size",
             "--fdIcon_Color"
           ],
-          "tags": [
-            "f3",
-            "a11y",
-            "theme"
-          ],
+          "tags": [],
           "examples": [
             "responsive",
             "structure",
@@ -6171,12 +6122,7 @@
             "--fdMessage_Page_Title_Margin_Top",
             "--fdMessage_Page_Title_Margin_Bottom"
           ],
-          "tags": [
-            "f3",
-            "a11y",
-            "theme",
-            "development"
-          ],
+          "tags": [],
           "examples": [
             "buttons",
             "error",
@@ -6270,10 +6216,7 @@
             "--fdMessagePopover_Information_Focus_Outline_Color",
             "--fdMessagePopover_Active_Focus_Outline_Color"
           ],
-          "tags": [
-            "f3",
-            "theme"
-          ],
+          "tags": [],
           "examples": [
             "cozy-message-popover",
             "details-view",
@@ -6507,11 +6450,7 @@
           "modifiers": [],
           "elements": [],
           "variables": [],
-          "tags": [
-            "f3",
-            "a11y",
-            "theme"
-          ],
+          "tags": [],
           "examples": [
             "default-toast"
           ],
@@ -6644,11 +6583,7 @@
             "--fdMicro_Process_Flow_Icon_Color",
             "--fdMicro_Process_Flow_Active_Icon_Color"
           ],
-          "tags": [
-            "f3",
-            "a11y",
-            "theme"
-          ],
+          "tags": [],
           "examples": [
             "default-micro-process-flow",
             "micro-process-flow-custom-width",
@@ -7297,9 +7232,7 @@
             "--fdNotification_Popover_Max_Width",
             "--fdNotification_Title_Offset"
           ],
-          "tags": [
-            "development"
-          ],
+          "tags": [],
           "examples": [
             "banner",
             "notification-group",
@@ -7509,9 +7442,7 @@
             "--fdObjectIdentifier_Font_Size",
             "--fdObjectIdentifier_Font_Weight"
           ],
-          "tags": [
-            "f3"
-          ],
+          "tags": [],
           "examples": [
             "bold-title",
             "medium-size",
@@ -7619,12 +7550,7 @@
             "--fdObject_List_Title_Font_Size",
             "--fdObject_List_Title_Font_Weight"
           ],
-          "tags": [
-            "f3",
-            "a11y",
-            "theme",
-            "development"
-          ],
+          "tags": [],
           "examples": [
             "borderless",
             "navigation",
@@ -7682,11 +7608,7 @@
             }
           ],
           "variables": [],
-          "tags": [
-            "f3",
-            "a11y",
-            "theme"
-          ],
+          "tags": [],
           "examples": [
             "clickable-object-marker",
             "icon-and-text",
@@ -8701,11 +8623,7 @@
             "menu"
           ],
           "dependencies": [],
-          "tags": [
-            "f3",
-            "a11y",
-            "theme"
-          ],
+          "tags": [],
           "modifiers": [
             {
               "class": "fd-popover--visible",
@@ -8892,11 +8810,7 @@
             "--fdButton_Outline_Contrast",
             "--fdButtonPrioritizedBorderColor"
           ],
-          "tags": [
-            "f3",
-            "a11y",
-            "theme"
-          ],
+          "tags": [],
           "examples": [
             "large",
             "medium",
@@ -9041,12 +8955,7 @@
             "--fdProgress_Indicator_Label_Position",
             "--fdProgress_Indicator_Label_Font_Size"
           ],
-          "tags": [
-            "f3",
-            "a11y",
-            "theme",
-            "development"
-          ],
+          "tags": [],
           "examples": [
             "layout",
             "truncation",
@@ -9141,6 +9050,10 @@
             {
               "class": "fd-quick-view--header-with-subheader",
               "description": "header-with-subheader variant"
+            },
+            {
+              "class": "fd-quick-view--wrap",
+              "description": "wrap variant"
             }
           ],
           "elements": [
@@ -9176,11 +9089,7 @@
             }
           ],
           "variables": [],
-          "tags": [
-            "f3",
-            "a11y",
-            "theme"
-          ],
+          "tags": [],
           "examples": [
             "dialog",
             "no-header",
@@ -9412,11 +9321,7 @@
             "--fdRating_Indicator_Disabled_Unselected_Color",
             "--fdRating_Indicator_Display_Only_Selected_Color"
           ],
-          "tags": [
-            "f3",
-            "a11y",
-            "theme"
-          ],
+          "tags": [],
           "examples": [
             "custom-icons",
             "different-values",
@@ -9602,11 +9507,7 @@
             "--fdScrollbar_Thumb_Border_Radius",
             "--fdScrollbar_Thumb_Hover_Color"
           ],
-          "tags": [
-            "f3",
-            "theme",
-            "development"
-          ],
+          "tags": [],
           "examples": [
             "default-example"
           ],
@@ -9816,6 +9717,8 @@
             "--fdButton_Border_Radius_Left",
             "--fdButton_Border_Radius_Right",
             "--fdButton_Segmented_Border_Offset",
+            "--fdButtonBorderColor",
+            "--fdButtonBackgroundColor",
             "--fdButton_Border_Radius_Left_RTL",
             "--fdButton_Border_Radius_Right_RTL",
             "--fdButton_Vertical_Border_Radius_Left",
@@ -10181,7 +10084,6 @@
           ],
           "dependencies": [],
           "tags": [
-            "experimental",
             "uxc"
           ],
           "modifiers": [
@@ -10464,9 +10366,7 @@
           "variables": [
             "--fdSkeletonGradientMiddleColor"
           ],
-          "tags": [
-            "f3"
-          ],
+          "tags": [],
           "examples": [
             "circle",
             "complex",
@@ -10625,10 +10525,7 @@
             "--fdSlider_Range_Focus_Handle_Background",
             "--fdSlider_Range_Focus_Handle_Border"
           ],
-          "tags": [
-            "f3",
-            "theme"
-          ],
+          "tags": [],
           "examples": [
             "mobile-mode",
             "range",
@@ -10924,11 +10821,7 @@
             }
           ],
           "variables": [],
-          "tags": [
-            "f3",
-            "a11y",
-            "theme"
-          ],
+          "tags": [],
           "examples": [
             "fill-values",
             "sizes",
@@ -11889,11 +11782,7 @@
           "variables": [
             "--fdText_Selected_Background_Color"
           ],
-          "tags": [
-            "f3",
-            "a11y",
-            "theme"
-          ],
+          "tags": [],
           "examples": [
             "default-example",
             "expand",
@@ -12265,11 +12154,7 @@
             "--fdTime_Unit_Line_Height",
             "--fdTime_Text_Shadow"
           ],
-          "tags": [
-            "f3",
-            "a11y",
-            "theme"
-          ],
+          "tags": [],
           "examples": [
             "default-cozy-mode",
             "scrollable-mode",
@@ -12387,10 +12272,7 @@
             "--fdTimePickerTickMarginBlock",
             "--fdTimePickerTickMarginInline"
           ],
-          "tags": [
-            "f3",
-            "theme"
-          ],
+          "tags": [],
           "examples": [
             "hours12-cozy",
             "hours24-cozy",
@@ -12532,9 +12414,7 @@
             "--fdTitle_Color",
             "--fdTitle_Font_Family"
           ],
-          "tags": [
-            "f3"
-          ],
+          "tags": [],
           "examples": [
             "elision",
             "levels",
@@ -12627,11 +12507,7 @@
             "--fdToken_Selected_Font_Family",
             "--fdToken_Border_Color_Selected_Focus"
           ],
-          "tags": [
-            "f3",
-            "a11y",
-            "theme"
-          ],
+          "tags": [],
           "examples": [
             "primary"
           ],
@@ -12707,11 +12583,7 @@
             "--fdTokenizer_Indicator_Color",
             "--fdInput_Field_Compact_Min_Width"
           ],
-          "tags": [
-            "f3",
-            "a11y",
-            "theme"
-          ],
+          "tags": [],
           "examples": [
             "cozy-tokenizer",
             "scrollable-tokenizer"
@@ -13036,12 +12908,7 @@
             "--fdToolbar_Transparent_Background",
             "--fdToolbar_Info_Outline_Color"
           ],
-          "tags": [
-            "f3",
-            "a11y",
-            "theme",
-            "design"
-          ],
+          "tags": [],
           "examples": [
             "alignment",
             "overflow",
@@ -13182,12 +13049,7 @@
             "--fdTree_Item_Level_Spacing",
             "--fdTree_Item_Highlight_Color"
           ],
-          "tags": [
-            "f3",
-            "a11y",
-            "theme",
-            "development"
-          ],
+          "tags": [],
           "examples": [
             "borderless",
             "highlight-indicators",
@@ -13306,12 +13168,7 @@
             }
           ],
           "variables": [],
-          "tags": [
-            "f3",
-            "a11y",
-            "theme",
-            "development"
-          ],
+          "tags": [],
           "examples": [
             "edit",
             "no-data",
@@ -13568,11 +13425,7 @@
             "--fdTitle_Font_Size",
             "--fdTitle_Font_Family"
           ],
-          "tags": [
-            "f3",
-            "theme",
-            "development"
-          ],
+          "tags": [],
           "examples": [
             "dirty-label",
             "sizes"
@@ -13950,11 +13803,7 @@
             "--fdWizard_Step_Content_Container_Spacing",
             "--fdWizard_Step_Content_Container_Background_Color"
           ],
-          "tags": [
-            "f3",
-            "theme",
-            "development"
-          ],
+          "tags": [],
           "examples": [
             "customized",
             "default-example",

package/data/schemas/badge.schema.json

@@ -2,7 +2,7 @@
   "$schema": "http://json-schema.org/draft-07/schema#",
   "$id": "https://sap.github.io/fundamental-styles/schemas/badge.json",
   "title": "Badge Component",
-  "description": "Badge component",
+  "description": "Badges display small amounts of color-coded meta information. Use to highlight entity states, notifications, or counts (e.g., \"3 pending items\"). Can be filled or outlined, with semantic colors for status indication.",
   "type": "object",
   "properties": {
     "baseClass": {

package/data/schemas/button-split.schema.json

@@ -2,7 +2,7 @@
   "$schema": "http://json-schema.org/draft-07/schema#",
   "$id": "https://sap.github.io/fundamental-styles/schemas/button-split.json",
   "title": "Button Split Component",
-  "description": "Button Split component",
+  "description": "Split buttons combine a primary action with a dropdown menu of related secondary actions. The primary action executes immediately when clicked, while the arrow reveals additional options. Use when one option is used more frequently than others.",
   "type": "object",
   "properties": {
     "baseClass": {

package/data/schemas/counter.schema.json

@@ -2,7 +2,7 @@
   "$schema": "http://json-schema.org/draft-07/schema#",
   "$id": "https://sap.github.io/fundamental-styles/schemas/counter.json",
   "title": "Counter Component",
-  "description": "Counter component",
+  "description": "Counters display numerical values with optional indicators (e.g., \"5 new messages\"). Typically used in navigation items, cards, or list headers to show counts, notifications, or status summaries.",
   "type": "object",
   "properties": {
     "baseClass": {

package/data/schemas/dynamic-page.schema.json

@@ -2,7 +2,7 @@
   "$schema": "http://json-schema.org/draft-07/schema#",
   "$id": "https://sap.github.io/fundamental-styles/schemas/dynamic-page.json",
   "title": "Dynamic Page Component",
-  "description": "Dynamic Page component",
+  "description": "Dynamic Page is foundation for all SAP pages. Generic layout supporting various use cases with variable header and page content. Header is collapsible to help users focus on content while keeping important header info and actions readily available. Uses foundation layout components (dynamic page header, footer toolbar).",
   "type": "object",
   "properties": {
     "baseClass": {

package/data/schemas/dynamic-side-content.schema.json

@@ -2,7 +2,7 @@
   "$schema": "http://json-schema.org/draft-07/schema#",
   "$id": "https://sap.github.io/fundamental-styles/schemas/dynamic-side-content.json",
   "title": "Dynamic Side Content Component",
-  "description": "Dynamic Side Content component",
+  "description": "Dynamic Side Content is layout control displaying supplemental content in separate area to support understanding of main content. Two elements: side content section (`.fd-dynamic-side__side`) and main content section (`.fd-dynamic-side__main`). Screen width ratio varies based on available space - side displays left/right or bottom if space limited.",
   "type": "object",
   "properties": {
     "baseClass": {

package/data/schemas/facet.schema.json

@@ -2,7 +2,7 @@
   "$schema": "http://json-schema.org/draft-07/schema#",
   "$id": "https://sap.github.io/fundamental-styles/schemas/facet.json",
   "title": "Facet Component",
-  "description": "Facet component",
+  "description": "Facets display key-value pairs in a compact, scannable format. Use in object headers or cards to show essential information like status, date, owner, or metrics. Supports icons and semantic colors.",
   "type": "object",
   "properties": {
     "baseClass": {

package/data/schemas/fieldset.schema.json

@@ -2,7 +2,7 @@
   "$schema": "http://json-schema.org/draft-07/schema#",
   "$id": "https://sap.github.io/fundamental-styles/schemas/fieldset.json",
   "title": "Fieldset Component",
-  "description": "Fieldset component",
+  "description": "A fieldset gives semantic meaning to a group of elements inside a form (e.g., Billing or Shipping Address). Grouping fields provides styling and accessibility benefits, and is especially important for checkbox groups and radio button groups.",
   "type": "object",
   "properties": {
     "baseClass": {

package/data/schemas/flexible-column-layout.schema.json

@@ -2,7 +2,7 @@
   "$schema": "http://json-schema.org/draft-07/schema#",
   "$id": "https://sap.github.io/fundamental-styles/schemas/flexible-column-layout.json",
   "title": "Flexible Column Layout Component",
-  "description": "Flexible Column Layout component",
+  "description": "Flexible Column Layout is layout control displaying multiple floorplans on single page. Enables faster, more fluid navigation between floorplans than page-by-page. Offers layouts with up to 3 columns (1, 2, 3). Users can resize columns, switch layouts, view rightmost column in full screen. Responsive for desktop and mobile.",
   "type": "object",
   "properties": {
     "baseClass": {

package/data/schemas/form-group.schema.json

@@ -2,7 +2,7 @@
   "$schema": "http://json-schema.org/draft-07/schema#",
   "$id": "https://sap.github.io/fundamental-styles/schemas/form-group.json",
   "title": "Form Group Component",
-  "description": "Form Group component",
+  "description": "Form groups assemble form elements with labels, messages, and help containers. Components like `fd-form__item` with label and control can be used independently when error messages aren't needed.",
   "type": "object",
   "properties": {
     "baseClass": {
@@ -16,7 +16,8 @@
           "fd-form-group--inline",
           "fd-form-group--with-spacing",
           "fd-form-group--no-padding",
-          "fd-form-group--no-border"
+          "fd-form-group--no-border",
+          "fd-form-group--wrap"
         ]
       },
       "description": "Optional modifier classes"

package/data/schemas/form-header.schema.json

@@ -2,7 +2,7 @@
   "$schema": "http://json-schema.org/draft-07/schema#",
   "$id": "https://sap.github.io/fundamental-styles/schemas/form-header.json",
   "title": "Form Header Component",
-  "description": "Form Header component",
+  "description": "Form headers are titles that provide context about a group of input fields. For example, \"Personal Information\" would categorize fields like Name, Address, etc.",
   "type": "object",
   "properties": {
     "baseClass": {

package/data/schemas/form-label.schema.json

@@ -14,6 +14,7 @@
       "items": {
         "enum": [
           "fd-form-label--disabled",
+          "fd-form-label--wrap",
           "fd-form-label--unit-description",
           "fd-form-label--required",
           "fd-form-label--colon",

package/data/schemas/form-message.schema.json

@@ -2,7 +2,7 @@
   "$schema": "http://json-schema.org/draft-07/schema#",
   "$id": "https://sap.github.io/fundamental-styles/schemas/form-message.json",
   "title": "Form Message Component",
-  "description": "Form Message component",
+  "description": "Form messages display value state text (success, error, warning, information) shown when focus is on the input field. They work with input control value states to provide feedback to users.",
   "type": "object",
   "properties": {
     "baseClass": {

package/data/schemas/grid-list.schema.json

@@ -2,7 +2,7 @@
   "$schema": "http://json-schema.org/draft-07/schema#",
   "$id": "https://sap.github.io/fundamental-styles/schemas/grid-list.json",
   "title": "Grid List Component",
-  "description": "Grid List component",
+  "description": "Grid list displays items in a grid format (not rows), ideal for visual content like images, charts, and object cards that benefit from more height. Usually used as an alternative view for lists or tables, focusing on complete items rather than cells.",
   "type": "object",
   "properties": {
     "baseClass": {

package/data/schemas/input-group.schema.json

@@ -2,7 +2,7 @@
   "$schema": "http://json-schema.org/draft-07/schema#",
   "$id": "https://sap.github.io/fundamental-styles/schemas/input-group.json",
   "title": "Input Group Component",
-  "description": "Input Group component",
+  "description": "Input Group combines form inputs with add-ons (text, icons, or buttons) to help users understand the information being entered. Add-ons can be positioned before, after, or on both sides of the input field. Supports validation states (success, error, warning, information).",
   "type": "object",
   "properties": {
     "baseClass": {

package/data/schemas/layout-panel.schema.json

@@ -2,7 +2,7 @@
   "$schema": "http://json-schema.org/draft-07/schema#",
   "$id": "https://sap.github.io/fundamental-styles/schemas/layout-panel.json",
   "title": "Layout Panel Component",
-  "description": "Layout Panel component",
+  "description": "Layout Panels encapsulate part of content, form elements, lists, collections on a page. Place patterns and interactions within panels to achieve focus and separation for tasks with information displayed inside panel. Organizes content into distinct sections.",
   "type": "object",
   "properties": {
     "baseClass": {

package/data/schemas/page.schema.json

@@ -2,7 +2,7 @@
   "$schema": "http://json-schema.org/draft-07/schema#",
   "$id": "https://sap.github.io/fundamental-styles/schemas/page.json",
   "title": "Page Component",
-  "description": "Page component",
+  "description": "Page is the foundation wrapper for all application pages. Provides consistent structure with optional header, footer, and content areas. Use as the outermost container for every page in your application.",
   "type": "object",
   "properties": {
     "baseClass": {

package/data/schemas/quick-view.schema.json

@@ -13,7 +13,8 @@
       "type": "array",
       "items": {
         "enum": [
-          "fd-quick-view--header-with-subheader"
+          "fd-quick-view--header-with-subheader",
+          "fd-quick-view--wrap"
         ]
       },
       "description": "Optional modifier classes"

package/data/schemas/section.schema.json

@@ -2,7 +2,7 @@
   "$schema": "http://json-schema.org/draft-07/schema#",
   "$id": "https://sap.github.io/fundamental-styles/schemas/section.json",
   "title": "Section Component",
-  "description": "Section component",
+  "description": "Sections group related content on a page with optional headers and visual separation. Use to organize page content into logical, scannable blocks. Can be collapsible to help users focus on relevant information.",
   "type": "object",
   "properties": {
     "baseClass": {

package/data/schemas/side-nav.schema.json

@@ -2,7 +2,7 @@
   "$schema": "http://json-schema.org/draft-07/schema#",
   "$id": "https://sap.github.io/fundamental-styles/schemas/side-nav.json",
   "title": "Side Nav Component",
-  "description": "Side Nav component",
+  "description": "Side Navigation provides hierarchical navigation for applications. Displays a collapsible sidebar with navigation items, icons, and nested submenus. Use for primary app navigation in the Shellbar or as dedicated sidebar.",
   "type": "object",
   "properties": {
     "baseClass": {

package/data/schemas/splitter.schema.json

@@ -2,7 +2,7 @@
   "$schema": "http://json-schema.org/draft-07/schema#",
   "$id": "https://sap.github.io/fundamental-styles/schemas/splitter.json",
   "title": "Splitter Component",
-  "description": "Splitter component",
+  "description": "Splitter divides screen into resizable panes separated by a draggable divider. Users can adjust pane sizes by dragging the separator. Use for master-detail layouts or comparing content side-by-side.",
   "type": "object",
   "properties": {
     "baseClass": {

package/data/schemas/tabs.schema.json

@@ -2,7 +2,7 @@
   "$schema": "http://json-schema.org/draft-07/schema#",
   "$id": "https://sap.github.io/fundamental-styles/schemas/tabs.json",
   "title": "Tabs Component",
-  "description": "Tabs component",
+  "description": "Tabs organize content into separate views, allowing users to switch between different sections without leaving the page. Use for dividing content into meaningful categories that users can explore one at a time.",
   "type": "object",
   "properties": {
     "baseClass": {

package/data/schemas/tile.schema.json

@@ -2,7 +2,7 @@
   "$schema": "http://json-schema.org/draft-07/schema#",
   "$id": "https://sap.github.io/fundamental-styles/schemas/tile.json",
   "title": "Tile Component",
-  "description": "Tile component",
+  "description": "Tiles display summarized information or entry points to applications, pages, or actions. Use in home pages, launchpads, or dashboards to present options in a grid layout. Can include icons, titles, subtitles, and quick actions.",
   "type": "object",
   "properties": {
     "baseClass": {

package/data/schemas/tool-layout.schema.json

@@ -2,7 +2,7 @@
   "$schema": "http://json-schema.org/draft-07/schema#",
   "$id": "https://sap.github.io/fundamental-styles/schemas/tool-layout.json",
   "title": "Tool Layout Component",
-  "description": "Tool Layout component",
+  "description": "Tool Layout consists of three main areas: Tool Header (always present, top-aligned with global actions and navigation controls), Navigation (side navigation in expanded/snapped variants), and Content (empty container for any content). Complete layout structure for tool-based applications.",
   "type": "object",
   "properties": {
     "baseClass": {

package/data/schemas/wizard.schema.json

@@ -2,7 +2,7 @@
   "$schema": "http://json-schema.org/draft-07/schema#",
   "$id": "https://sap.github.io/fundamental-styles/schemas/wizard.json",
   "title": "Wizard Component",
-  "description": "Wizard component",
+  "description": "Wizard guides user through long or unfamiliar task by dividing into sections, revealing information in digestible way. Consists of walkthrough screen (input required info) and summary page (read-only review before submission). Two types: standard (linear, known steps) and branching (non-linear, variable steps). Supports 3-8 steps, optional steps allowed.",
   "type": "object",
   "properties": {
     "baseClass": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-styles/mcp",
-  "version": "0.41.7-rc.12",
+  "version": "0.41.7-rc.13",
   "description": "MCP server exposing fundamental-styles CSS component metadata for AI coding assistants",
   "license": "Apache-2.0",
   "repository": {