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

package/generated/docs/components_components-skeleton-docs.md

@@ -8,7 +8,7 @@ Skeletons can increase perceived performance for users. As opposed to spinners,
 
 [](./iframe.html?id=components-skeleton--default)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressSkeleton />
 
@@ -68,7 +68,7 @@ The `mode` prop can be set to `text` (default), `rect` or `circle`.
 
 [](./iframe.html?id=components-skeleton--mode)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressStack gutter\="md"\>
   <IressSkeleton mode\="text" />
@@ -139,7 +139,7 @@ string
 
 Toggle load
 
-```
+Hide codedrawOpen in CodeSandbox
 
 import { useState } from 'react';
 import {
@@ -149,7 +149,7 @@ import {
   IressStack,
   IressText,
   TEXT\_VARIANTS,
-} from '@iress-oss/ids-components';
+} from '@/main';
 export const SkeletonText \= () \=> {
   const \[loading, setLoading\] \= useState(true);
   return (
@@ -230,7 +230,7 @@ string
 
 Toggle load
 
-```
+Hide codedrawOpen in CodeSandbox
 
 import { useState } from 'react';
 import {
@@ -239,7 +239,7 @@ import {
   IressSkeleton,
   type IressSkeletonProps,
   IressStack,
-} from '@iress-oss/ids-components';
+} from '@/main';
 export const SkeletonRect \= () \=> {
   const \[loading, setLoading\] \= useState(true);
   return (
@@ -320,7 +320,7 @@ string
 
 Toggle load
 
-```
+Hide codedrawOpen in CodeSandbox
 
 import { useState } from 'react';
 import {
@@ -329,7 +329,7 @@ import {
   IressSkeleton,
   type IressSkeletonProps,
   IressStack,
-} from '@iress-oss/ids-components';
+} from '@/main';
 export const SkeletonCircle \= () \=> {
   const \[loading, setLoading\] \= useState(true);
   return (
@@ -413,7 +413,7 @@ These props accept any unit of dimension, but if no unit is provided it will def
 
 [](./iframe.html?id=components-skeleton--size)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressInline gutter\="md"\>
   <IressSkeleton

package/generated/docs/components_components-skeleton-recipes-docs.md

@@ -10,7 +10,7 @@ A common use case of the skeleton component is within a card component. Below ar
 
 Toggle load
 
-```
+Hide codedrawOpen in CodeSandbox
 
 import { useState } from 'react';
 import {
@@ -19,7 +19,7 @@ import {
   IressSkeleton,
   IressStack,
   IressText,
-} from '@iress-oss/ids-components';
+} from '@/main';
 const CARD\_LINE\_SIZES \= \['100%', '91%', '95%', '89%', '83%'\];
 const CardLoading \= () \=> (
   <IressCard

package/generated/docs/components_components-skiplink-docs.md

@@ -14,7 +14,7 @@ This is where the main content `id="main"` of the application is located. It is
 
 The skip link is [hidden until it is focused](#skip-link).
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressContainer\>
   <IressSkipLink
@@ -25,7 +25,7 @@ The skip link is [hidden until it is focused](#skip-link).
     }}
   />
   <main
-    className\="iress-u-container iress-u-text iress-u-panel ids-styles--highlight-on-focus-v5202"
+    className\="iress-u-container iress-u-text iress-u-panel ids-styles--highlight-on-focus-v5203"
     id\="main"
     tabIndex\={\-1}
   \>
@@ -95,7 +95,7 @@ The target ID of the element that the link will skip to. If not provided, will f
 
 string
 
-<table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `href` with a `#` instead (eg. #main).</td></tr></tbody></table>
+<table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `href` with a `#` instead (eg. #main).</td></tr></tbody></table>
 
  | \- | Set string |
 

package/generated/docs/components_components-slideout-docs.md

@@ -18,7 +18,7 @@ Read more
 
 Show slideout
 
-```
+Hide codedrawOpen in CodeSandbox
 
 const Story \= () \=> {
   const { showSlideout } \= useSlideout();
@@ -258,9 +258,9 @@ You can use state to control the slideout by setting the `show` property to `tru
 
 Show slideout using state
 
-```
+Hide codedrawOpen in CodeSandbox
 
-import { IressButton, IressSlideout, type IressSlideoutProps } from '@iress-oss/ids-components';
+import { IressButton, IressSlideout, type IressSlideoutProps } from '@/main';
 import { useState } from 'react';
 export const SlideoutUsingState \= () \=> {
   const \[show, setShow\] \= useState(false);
@@ -478,8 +478,15 @@ To use, wrap your `<App/>` or the component that you want to use the `useSlideou
 
 Show slideout using provider
 
-```
+Hide codedrawOpen in CodeSandbox
 
+import {
+  IressButton,
+  IressSlideout,
+  type IressSlideoutProps,
+  IressSlideoutProvider,
+  useSlideout,
+} from '@/main';
 const SLIDEOUT\_ID \= 'storybook-slideout';
 export const App \= (slideoutProps: IressSlideoutProps) \=> (
   <IressSlideoutProvider\>
@@ -552,7 +559,7 @@ Slideouts can be used in two modes - `overlay` and `push`. In `overlay` mode the
 
 Overlay slideoutPush slideout
 
-```
+Hide codedrawOpen in CodeSandbox
 
 const Story \= () \=> {
   const { showSlideout } \= useSlideout();
@@ -819,8 +826,16 @@ Slideouts can appear from the left or the right of the screen. The default is ri
 
 rightleft
 
-```
+Hide codedrawOpen in CodeSandbox
 
+import {
+  IressButton,
+  IressInline,
+  IressSlideout,
+  IressSlideoutProvider,
+  SLIDEOUT\_POSITIONS,
+  useSlideout,
+} from '@/main';
 const Slideouts \= () \=> {
   const { showSlideout } \= useSlideout();
   return (
@@ -1042,7 +1057,7 @@ The slideout backdrop works in the same way as the modal backdrop; clicking on t
 
 Show slideout with backdrop
 
-```
+Hide codedrawOpen in CodeSandbox
 
 const Story \= () \=> {
   const { showSlideout } \= useSlideout();
@@ -1279,8 +1294,16 @@ The width of your slideout can be set using the `size` prop. By default it is `s
 
 smmdlg
 
-```
+Hide codedrawOpen in CodeSandbox
 
+import {
+  IressButton,
+  IressInline,
+  IressSlideout,
+  IressSlideoutProvider,
+  SLIDEOUT\_SIZES,
+  useSlideout,
+} from '@/main';
 const Slideouts \= () \=> {
   const { showSlideout } \= useSlideout();
   return (
@@ -1497,8 +1520,16 @@ Slideout padding follows the panel padding convention. It can be set to either `
 
 nonesmmdlg
 
-```
+Hide codedrawOpen in CodeSandbox
 
+import {
+  IressButton,
+  IressInline,
+  IressSlideout,
+  IressSlideoutProvider,
+  PADDING\_SIZES,
+  useSlideout,
+} from '@/main';
 const Slideouts \= () \=> {
   const { showSlideout } \= useSlideout();
   return (
@@ -1717,7 +1748,7 @@ The `footer` prop is used to set content that should appear underneath the main
 
 Show slideout with footer
 
-```
+Hide codedrawOpen in CodeSandbox
 
 const Story \= () \=> {
   const { showSlideout } \= useSlideout();
@@ -1955,7 +1986,7 @@ Show slideout
 
 Almost before was mighty present had him time. But scorching counsel if mine dote men have or, one yet from pangs and for and despair there. If below nor but the name these deemed oh..
 
-```
+Hide codedrawOpen in CodeSandbox
 
 import {
   IressStack,
@@ -1963,7 +1994,7 @@ import {
   IressText,
   IressSlideout,
   type IressSlideoutProps,
-} from '@iress-oss/ids-components';
+} from '@/main';
 import { useRef, useState } from 'react';
 export const AbsolutePositionSlideout \= () \=> {
   const \[show, setShow\] \= useState(false);

package/generated/docs/components_components-slider-docs.md

@@ -10,7 +10,7 @@ Sliders provide a visual indication of adjustable content, where the user can se
 
 0
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressSlider />
 
@@ -139,7 +139,7 @@ You can set the initial value of the slider using the `defaultValue` prop. If yo
 
 3
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressSlider defaultValue\={3} />
 
@@ -268,7 +268,7 @@ By setting the `step` property to 10, for example, the user will only be able to
 
 10
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressSlider
   max\={100}
@@ -425,7 +425,7 @@ Zero
 
 All
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressSlider
   max\={200}
@@ -574,7 +574,7 @@ union
 
  | \- | 
 
-RAW
+Edit JSON
 
 *   tickLabels :
     
@@ -661,7 +661,7 @@ Normal
 Wicked witch  
 of the west
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressSlider
   min\={\-10}
@@ -778,7 +778,7 @@ union
 
  | \- | 
 
-RAW
+Edit JSON
 
 *   tickLabels :
     
@@ -855,12 +855,12 @@ Zero
 
 All
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressStack gutter\="md"\>
   <IressPanel\>
     <IressText\>
-      <kn />
+      <Ln />
     </IressText\>
   </IressPanel\>
   <IressSlider
@@ -1043,7 +1043,7 @@ union
 
  | \- | 
 
-RAW
+Edit JSON
 
 *   tickLabels :
     
@@ -1120,7 +1120,7 @@ If you need more control over the read-only state (for example, rendering a styl
 
 Zero
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressSlider
   max\={200}
@@ -1244,7 +1244,7 @@ union
 
  | \- | 
 
-RAW
+Edit JSON
 
 *   tickLabels :
     

package/generated/docs/components_components-spinner-docs.md

@@ -8,7 +8,7 @@ Spinners notify the user that a task is being processed. They indicate that the
 
 [](./iframe.html?id=components-spinner--standalone)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressSpinner screenreaderText\="Making magic happen..." />
 
@@ -36,7 +36,7 @@ When using the spinner on its own, you can define the `screenreaderText` prop to
 
 [](./iframe.html?id=components-spinner--standalone)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressSpinner screenreaderText\="Making magic happen..." />
 
@@ -62,7 +62,7 @@ You can display a message alongside the spinner. In this case, you do not need t
 
 Making magic happen...
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressInline
   gutter\="sm"

package/generated/docs/components_components-stack-docs.md

@@ -8,7 +8,7 @@ Use `IressStack` to control vertical spacing between content with consistent pre
 
 [](./iframe.html?id=components-stack--default)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressStack gutter\="md"\>
   <IressPlaceholder height\="50" />
@@ -32,7 +32,7 @@ ReactNode
 
 
 
- | \- | Choose option...eveninlineChildrenlistwrappedList |
+ | \- | childrenChoose option...eveninlineChildrenlistwrappedList |
 | gutter | 
 
 Sets the gutter size of the stack.
@@ -78,7 +78,7 @@ lg
 xl
 --
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressStack gutter\="xl"\>
   <IressText\>
@@ -162,7 +162,7 @@ ReactNode
 
 
 
- | \- | Choose option...eveninlineChildrenlistwrappedList |
+ | \- | childrenChoose option...eveninlineChildrenlistwrappedList |
 | gutter | 
 
 Sets the gutter size of the stack.
@@ -187,13 +187,13 @@ Current breakpoint: **xl** breakpoint (1200px - 1499px).
 
 `gutter={{"xs":"xs","sm":"sm","md":"md"}}`
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressStack gutter\="md"\>
   <IressPanel\>
     <p\>
       Current breakpoint:{' '}
-      <kn />
+      <Ln />
       .    </p\>
     <p\>
       <code\>
@@ -229,7 +229,7 @@ ReactNode
 
 
 
- | \- | Choose option...eveninlineChildrenlistwrappedList |
+ | \- | childrenChoose option...eveninlineChildrenlistwrappedList |
 | gutter | 
 
 Sets the gutter size of the stack.
@@ -244,7 +244,7 @@ union
 
  | 
 
-RAW
+Edit JSON
 
 gutter :
 
@@ -286,7 +286,7 @@ Button 1Button 2Button 3
 
 Panel 3 (block)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressStack gutter\="md"\>
   <IressPanel background\="alt"\>
@@ -318,7 +318,7 @@ ReactNode
 
 
 
- | \- | Choose option...eveninlineChildrenlistwrappedList |
+ | \- | childrenChoose option...eveninlineChildrenlistwrappedList |
 | gutter | 
 
 Sets the gutter size of the stack.
@@ -349,7 +349,7 @@ This only works if the list is a direct child of the `IressStack` component. If
 *   List item 2
 *   List item 3
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressStack gutter\="md"\>
   <ul className\="iress-u-text"\>
@@ -375,7 +375,7 @@ ReactNode
 
 
 
- | \- | Choose option...eveninlineChildrenlistwrappedList |
+ | \- | childrenChoose option...eveninlineChildrenlistwrappedList |
 | gutter | 
 
 Sets the gutter size of the stack.
@@ -400,7 +400,7 @@ union
 *   List item 2
 *   List item 3
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressStack gutter\="md"\>
   <IressText\>
@@ -428,7 +428,7 @@ ReactNode
 
 
 
- | \- | Choose option...eveninlineChildrenlistwrappedList |
+ | \- | childrenChoose option...eveninlineChildrenlistwrappedList |
 | gutter | 
 
 Sets the gutter size of the stack.