@iress-oss/ids-mcp-server 5.15.0 → 5.20.1

package/generated/docs/{components-card-recipes-docs.md → components_components-card-recipes-docs.md}

@@ -1,24 +1,26 @@
-[](#recipes)Recipes
-===================
+Recipes
+=======
 
 Under construction
 ------------------
 
 This documentation is still under construction. If you have any questions, please reach out to the design system team.
 
-[](#compose-functions)Compose functions
----------------------------------------
+Compose functions
+-----------------
 
 Beneath the surface, the `IressCard` component uses a compose helper to manage its styling. These helpers are exposed as `composeIDSCard` and `composeIDSCardSlots` and can be used to create custom cards.
 
 They accept a subset of `IressCardProps`. They also accept an optional second argument if you want to override the default styles with your own CSS module, or other `style` object (eg. CSS-in-JS).
 
-### [](#use-cases)Use cases
+### Use cases
 
 1.  You are using a third-party routing library with its own `Link` component and want to use it as a clickable card. This is similar to `IressButtonCard` and `IressLinkCard`.
 2.  You need a different base component to meet your requirements, such as `<article />` when displaying on a news page.
 3.  You need to add some additional styling to the internals of the card, such as a custom footer or a custom image.
 
+[](./iframe.html?id=components-card-recipes--compose-ids-card)
+
 Article mark-up, with custom classes for border
 -----------------------------------------------
 
@@ -35,19 +37,17 @@ Children (default slot)
 
 Footer
 
-Hide code
-
-\[data-radix-scroll-area-viewport\] { scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } \[data-radix-scroll-area-viewport\]::-webkit-scrollbar { display: none; } :where(\[data-radix-scroll-area-viewport\]) { display: flex; flex-direction: column; align-items: stretch; } :where(\[data-radix-scroll-area-content\]) { flex-grow: 1; }
+```
 
 import {
   CardSlotClass,
   composeIDSCard,
   composeIDSCardSlots,
-  IressCardProps,
+  type IressCardProps,
   IressStack,
   IressText,
 } from '@iress-oss/ids-components';
-import styles from '@iress-storybook/styles.module.scss';
+import styles from '~storybook/styles.module.scss';
 export const CardUsingHook \= () \=> {
   const cardProps \= composeIDSCard({
   prepend: 'Prepend',
@@ -81,9 +81,126 @@ export const CardUsingHook \= () \=> {
   );
 };
 
-Copy
+```
+
+#### Props
+
+| Name | Description | Default | Control |
+| --- | --- | --- | --- |
+| children | 
+Main body of the card
+
+ReactReactNode
+
+
+
+ | \- | 
+
+"Children (default slot)"
+
+ |
+| footer | 
+
+Section that sticks to the bottom of the card
+
+ReactReactNode
+
+
+
+ | \- | 
+
+"Footer"
+
+ |
+| heading | 
+
+Heading slot. Often used for a title or description.
+
+ReactReactNode
+
+
+
+ | \- | 
+
+"Heading"
+
+ |
+| headingLevel | 
+
+Level of heading for markup, to ensure correct hierarchy (H2 - H6).
+
+HeadingLevel
+
+<table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
+
+ | 
+
+HeadingLevel.H2
+
+ | Set object |
+| headingText | 
+
+Text to be displayed in the card heading in the card header.
+
+string
+
+<table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
+
+ | \- | Set string |
+| media | 
+
+Section (often for an image, table or chart) that appears before the heading
+
+ReactReactNode
+
+
+
+ | \- | 
+
+"Media"
+
+ |
+| onClick | 
+
+When set, the card will be clickable and will apply the selected style
+
+ReactMouseEventHandler
+
+
+
+ | \- | 
+
+ |
+| padding | 
+
+ | 
+
+PaddingSize.Md
+
+ | Set object |
+| prepend | 
+
+Slot to the left of card content.
+
+ReactReactNode
+
+
+
+ | \- | 
+
+"Prepend"
+
+ |
+| topRight | 
+
+Slot positioned to the top right of the card, often used for an icon or action menu
+
+ReactReactNode
+
+
+
+ | \- | 
 
-On this page
+"TopRight"
 
-*   [Compose functions](#compose-functions)
-    *   [Use cases](#use-cases)
+ |