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

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

@@ -1,22 +1,24 @@
-[](#recipes)Recipes
-===================
+Recipes
+=======
 
 Experimental
 ------------
 
 This API is experimental. It may change in the future based on usage. The team is testing if these use cases exist and see if its worth maintaining this API. If you have any questions, concerns or feedback, please reach out to the design system team.
 
-[](#useautocompletesearch)`useAutocompleteSearch`
--------------------------------------------------
+`useAutocompleteSearch`
+-----------------------
 
 `IressAutocomplete` uses the `useAutocompleteSearch` hook to provide search functionality. If provided an array of `LabelValueMeta`, it will search options based on the `label` property. To fully customise how to search the objects, pass a function instead.
 
 It has been exposed in case you need it in your application to provide custom search functionality.
 
-### [](#use-cases)Use cases
+### Use cases
 
 1.  You want to provide filtering in a certain area of the application (eg. a table).
 
+[](./iframe.html?id=components-autocomplete-recipes--table)
+
 | Name | Gender |
 | --- | --- |
 | Person 1 | Male |
@@ -25,10 +27,15 @@ It has been exposed in case you need it in your application to provide custom se
 | Person 4 | Female |
 | Person 5 | Male |
 
-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; }
+Hide codedrawOpen in CodeSandbox
 
+import {
+  IressInput,
+  IressStack,
+  IressTable,
+  useAutocompleteSearch,
+} from '@/main';
+import { useMemo, useState } from 'react';
 const ALL\_ROWS \= \[...Array(5).keys()\].map((number) \=> ({
   label: \`Person ${number + 1}\`,
   gender: number % 2 ? 'Female' : 'Male',
@@ -71,9 +78,9 @@ export const AutocompleteSearchTable \= () \=> {
   );
 };
 
-Copy
+```
 
-### [](#parameters)Parameters
+#### Props
 
 | Name | Description | Default | Control |
 | --- | --- | --- | --- |
@@ -97,8 +104,26 @@ Copy
 
  | \- | \- |
 
-On this page
+### Parameters
+
+| Name | Description | Default | Control |
+| --- | --- | --- | --- |
+| debounceThreshold | 
+\-
+
+ | \- | \- |
+| initialOptions | 
+
+\-
 
-*   [useAutocompleteSearch](#useautocompletesearch)
-    *   [Use cases](#use-cases)
-    *   [Parameters](#parameters)
+ | \- | \- |
+| options | 
+
+\-
+
+ | \- | \- |
+| query | 
+
+\-
+
+ | \- | \- |

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

@@ -1,35 +1,88 @@
-[](#badge)Badge
-===============
+Badge
+=====
 
 Overview
 --------
 
 Badges are used to highlight an item's status for quick recognition
 
-badge
+[](./iframe.html?id=components-badge--default)
 
-Hide code
+badge
 
-\[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; }
+Hide codedrawOpen in CodeSandbox
 
 <IressBadge mode\="background-default"\>
   badge
 </IressBadge\>
 
-Copy
+```
+
+Props
+-----
+
+| Name | Description | Default | Control |
+| --- | --- | --- | --- |
+| children | 
+Content of the badge.
+
+ReactNode
+
+
+
+ | \- | 
+
+"badge"
+
+ |
+| host | 
+
+Element to attach the badge to.
+
+ReactElement
+
+
+
+ | \- | Set object |
+| mode | 
+
+Style of the badge.
+
+union
+
+
+
+ | 
+
+'background-default'
+
+ | 
+
+"background-default"
+
+ |
+| pill | 
+
+Whether the Badge should be styled as a pill.
+
+boolean
+
+
 
-[](#examples)Examples
----------------------
+ | \- | Set boolean |
 
-### [](#mode)Mode
+Examples
+--------
+
+### Mode
 
 The `mode` prop controls the colour scheme of the badge. There are a range of options, including system and brand colours.
 
-successwarningdangerinfopositivenegativebackground-altbackground-default
+[](./iframe.html?id=components-badge--mode)
 
-Hide code
+successwarningdangerinfopositivenegativebackground-altbackground-default
 
-\[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; }
+Hide codedrawOpen in CodeSandbox
 
 <IressInline gutter\="sm"\>
   <IressBadge mode\="success"\>
@@ -50,17 +103,65 @@ Hide code
     background-default  </IressBadge\>
 </IressInline\>
 
-Copy
+```
+
+#### Props
+
+| Name | Description | Default | Control |
+| --- | --- | --- | --- |
+| children | 
+Content of the badge.
+
+ReactNode
+
+
+
+ | \- | 
+
+"badge"
+
+ |
+| host | 
+
+Element to attach the badge to.
+
+ReactElement
+
+
+
+ | \- | Set object |
+| mode | 
+
+Style of the badge.
+
+union
+
+
+
+ | 
+
+'background-default'
+
+ | \- |
+| pill | 
+
+Whether the Badge should be styled as a pill.
+
+boolean
+
+
 
-### [](#pill)Pill
+ | \- | Set boolean |
+
+### Pill
 
 Setting the `pill` prop will render the badge with rounded corners. Often used for displaying numbers.
 
-successwarningdangerinfopositivenegativebackground-altbackground-default
+[](./iframe.html?id=components-badge--pill)
 
-Hide code
+successwarningdangerinfopositivenegativebackground-altbackground-default
 
-\[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; }
+Hide codedrawOpen in CodeSandbox
 
 <IressInline gutter\="sm"\>
   <IressBadge
@@ -105,21 +206,69 @@ Hide code
     background-default  </IressBadge\>
 </IressInline\>
 
-Copy
+```
+
+#### Props
+
+| Name | Description | Default | Control |
+| --- | --- | --- | --- |
+| children | 
+Content of the badge.
+
+ReactNode
+
+
+
+ | \- | 
+
+"badge"
+
+ |
+| host | 
+
+Element to attach the badge to.
+
+ReactElement
+
+
+
+ | \- | Set object |
+| mode | 
+
+Style of the badge.
+
+union
+
+
+
+ | 
+
+'background-default'
+
+ | \- |
+| pill | 
+
+Whether the Badge should be styled as a pill.
+
+boolean
+
+
+
+ | \- | FalseTrue |
 
-### [](#host)Host
+### Host
 
 You can attach a badge to the top right of any component by passing the component into the badge's `host` prop.
 
 **Note:** This is for very simple use cases (eg. with a button or tab). For more complex use cases (eg. with a panel), it will be better if you position the badge yourself using CSS.
 
+[](./iframe.html?id=components-badge--host)
+
 Host button3
 
 Host tab99+
 
-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; }
+Hide codedrawOpen in CodeSandbox
 
 <IressInline gutter\="lg"\>
   <IressBadge
@@ -136,13 +285,56 @@ Hide code
     99+  </IressBadge\>
 </IressInline\>
 
-Copy
+```
+
+#### Props
+
+| Name | Description | Default | Control |
+| --- | --- | --- | --- |
+| children | 
+Content of the badge.
+
+ReactNode
+
+
+
+ | \- | 
+
+"badge"
+
+ |
+| host | 
+
+Element to attach the badge to.
+
+ReactElement
+
+
+
+ | \- | \- |
+| mode | 
+
+Style of the badge.
+
+union
+
+
+
+ | 
+
+'background-default'
+
+ | 
+
+"success"
+
+ |
+| pill | 
+
+Whether the Badge should be styled as a pill.
+
+boolean
+
 
-On this page
 
-*   [Overview](#overview)
-*   [Props](#props)
-*   [Examples](#examples)
-    *   [Mode](#mode)
-    *   [Pill](#pill)
-    *   [Host](#host)
+ | \- | FalseTrue |