@iress-oss/ids-mcp-server 6.0.0-alpha.2 → 6.0.0-alpha.3

package/generated/docs/components_patterns-loading-docs.md

@@ -16,8 +16,21 @@ This component is new, please provide feedback to the Frontend Enablement team i
 
 [](./iframe.html?id=patterns-loading--wizard)
 
-Hide codeRefresh
-
+Hide codedrawOpen in CodeSandboxRefresh
+
+import {
+  IressButton,
+  IressContainer,
+  IressForm,
+  IressFormField,
+  IressInputCurrency,
+  IressLoading,
+  IressPanel,
+  IressStack,
+  IressText,
+} from '@/main';
+import { useDeferredValue, useEffect, useState } from 'react';
+import retirementGraph from './retirement-graph.png';
 interface PageProps {
   setPage: (page: number) \=> void;
 }
@@ -263,8 +276,11 @@ This component is new, please provide feedback to the Frontend Enablement team i
 
 Update
 
-Hide codeRefresh
+Hide codedrawOpen in CodeSandboxRefresh
 
+import { IressButton, IressLoading, IressStack } from '@/main';
+import { useCallback, useEffect, useState } from 'react';
+import retirementGraph from './retirement-graph.png';
 const API \= {
   chart: async () \=>
     new Promise<boolean\>((resolve) \=> {
@@ -426,7 +442,7 @@ This component is new, please provide feedback to the Frontend Enablement team i
 
 This is taking longer than expected...
 
-Hide codeRefresh
+Hide codedrawOpen in CodeSandboxRefresh
 
 <IressLoading pattern\="default" />
 
@@ -533,7 +549,7 @@ This component is new, please provide feedback to the Frontend Enablement team i
     ...
     
 
-Hide codeRefresh
+Hide codedrawOpen in CodeSandboxRefresh
 
 <IressLoading
   messageList\={{
@@ -713,8 +729,21 @@ In the news
 
 Loading...
 
-Hide codeRefresh
-
+Hide codedrawOpen in CodeSandboxRefresh
+
+import {
+  IressCard,
+  IressCol,
+  IressContainer,
+  IressDivider,
+  IressInline,
+  IressLoading,
+  IressRow,
+  IressSkeleton,
+  IressStack,
+  IressText,
+} from '@/main';
+import { type ReactNode, useEffect, useState } from 'react';
 const API \= {
   criticalContent: async () \=>
     new Promise<ReactNode\>((resolve) \=> {
@@ -900,7 +929,7 @@ This component is new, please provide feedback to the Frontend Enablement team i
 
 [](./iframe.html?id=patterns-loading-patterns-startup--start-up)
 
-Hide codeRefresh
+Hide codedrawOpen in CodeSandboxRefresh
 
 <IressLoading
   messageList\={{
@@ -1080,7 +1109,7 @@ This is taking longer than expected...
 
 Cancel
 
-Hide codeRefresh
+Hide codedrawOpen in CodeSandboxRefresh
 
 <IressInline gap\="sm"\>
   <IressLoading
@@ -1202,8 +1231,21 @@ The wizard example can be translated to use `IressLoadingSuspense` as follows (i
 
 [](./iframe.html?id=patterns-loading-suspense--suspense)
 
-Hide codeRefresh
-
+Hide codedrawOpen in CodeSandboxRefresh
+
+import {
+  IressButton,
+  IressContainer,
+  IressForm,
+  IressFormField,
+  IressInputCurrency,
+  IressPanel,
+  IressStack,
+  IressText,
+} from '@/main';
+import { useDeferredValue, useEffect, useState } from 'react';
+import retirementGraph from './retirement-graph.png';
+import { IressLoadingSuspense } from '../LoadingSuspense';
 interface PageProps {
   setPage: (page: number) \=> void;
 }
@@ -1377,8 +1419,21 @@ number
 
 [](./iframe.html?id=patterns-loading-suspense--fast-suspense)
 
-Hide codeRefresh
-
+Hide codedrawOpen in CodeSandboxRefresh
+
+import {
+  IressButton,
+  IressContainer,
+  IressForm,
+  IressFormField,
+  IressInputCurrency,
+  IressPanel,
+  IressStack,
+  IressText,
+} from '@/main';
+import { useDeferredValue, useEffect, useState } from 'react';
+import retirementGraph from './retirement-graph.png';
+import { IressLoadingSuspense } from '../LoadingSuspense';
 interface PageProps {
   setPage: (page: number) \=> void;
 }
@@ -1601,8 +1656,21 @@ Here you can see how a wizard can use the `IressLoading` component at different
 
 [](./iframe.html?id=patterns-loading--wizard)
 
-Hide codeRefresh
-
+Hide codedrawOpen in CodeSandboxRefresh
+
+import {
+  IressButton,
+  IressContainer,
+  IressForm,
+  IressFormField,
+  IressInputCurrency,
+  IressLoading,
+  IressPanel,
+  IressStack,
+  IressText,
+} from '@/main';
+import { useDeferredValue, useEffect, useState } from 'react';
+import retirementGraph from './retirement-graph.png';
 interface PageProps {
   setPage: (page: number) \=> void;
 }
@@ -1754,8 +1822,21 @@ export const LoadingWizard \= () \=> {
 
 [](./iframe.html?id=patterns-loading--fast-wizard)
 
-Hide codeRefresh
-
+Hide codedrawOpen in CodeSandboxRefresh
+
+import {
+  IressButton,
+  IressContainer,
+  IressForm,
+  IressFormField,
+  IressInputCurrency,
+  IressLoading,
+  IressPanel,
+  IressStack,
+  IressText,
+} from '@/main';
+import { useDeferredValue, useEffect, useState } from 'react';
+import retirementGraph from './retirement-graph.png';
 interface PageProps {
   setPage: (page: number) \=> void;
 }

package/generated/docs/components_patterns-shadow-docs.md

@@ -16,7 +16,7 @@ This component is new, please provide feedback to the Frontend Enablement team i
 
 [](./iframe.html?id=patterns-shadow--shadow)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressShadow\>
   <IressPanel\>
@@ -113,7 +113,7 @@ It has similar props to the `IressProvider`, however it will apply the styles to
 
 [](./iframe.html?id=patterns-shadow--shadow)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressShadow\>
   <IressPanel\>

package/generated/docs/components_sandbox-docs.md

@@ -0,0 +1,226 @@
+CodeSandbox was updated!
+
+Sandbox
+
+[Drafts](https://codesandbox.io/dashboard/drafts)
+
+/
+
+dank-haze-jls882
+
+A
+
+VS CodeShare
+
+Sign In
+
+index.html - nodebox - CodeSandbox
+
+*   
+    
+*   
+    
+*   1
+    
+*   
+    
+*   
+    
+
+*   
+    
+*   
+    
+
+Explorer
+--------
+
+*   
+    
+
+Drag a view here to display.
+
+### Sandbox Info
+
+### nodebox
+
+*   
+*   
+*   
+*   
+*   
+
+index.html
+
+index.tsx
+
+package.json
+
+### Dependencies
+
+react
+
+latest
+
+[
+
+](https://www.npmjs.com/package/react)
+
+react-dom
+
+latest
+
+[
+
+](https://www.npmjs.com/package/react-dom)
+
+@iress-oss/ids-components
+
+alpha
+
+[
+
+](https://www.npmjs.com/package/@iress-oss/ids-components)
+
+### Outline
+
+*   
+*   
+    
+
+*   
+
+Show All Commands
+
+Ctrl+Shift+P
+
+Go to File
+
+Ctrl+P
+
+Find in Files
+
+Ctrl+Shift+F
+
+Toggle Full Screen
+
+F11
+
+Show Settings
+
+Ctrl+,
+
+index.html
+
+*   
+
+*   
+*   
+*   
+    
+
+index.html
+
+html
+
+1
+
+2
+
+3
+
+4
+
+5
+
+6
+
+7
+
+8
+
+9
+
+<html\>
+
+  <head\>
+
+    <title\>Iress Design System</title\>
+
+  </head\>
+
+  <body\>
+
+    <div id\="root"\></div\>
+
+  </body\>
+
+</html\>
+
+Press desired key combination and then press ENTER.
+
+*   
+*   
+
+Show All Commands
+
+Ctrl+Shift+P
+
+Go to File
+
+Ctrl+P
+
+Find in Files
+
+Ctrl+Shift+F
+
+Toggle Full Screen
+
+F11
+
+Show Settings
+
+Ctrl+,
+
+Preview
+
+*   
+
+*   
+*   
+    
+
+[
+
+](https://jls882.csb.app/)
+
+*   
+*   
+
+Drag a view here to display.
+
+*   
+
+Drag a view here to display.
+
+CodeSandbox - Sandbox (Web)
+
+0 0
+
+1
+
+Prettier
+
+Layout: us
+
+html
+
+LF
+
+UTF-8
+
+Spaces: 2
+
+Ln 1, Col 1
+
+Open preview

package/generated/docs/components_styling-props-colour-docs.md

@@ -16,7 +16,7 @@ Below is an example of a component using `bg` and `color` to create a featured p
 
 This is a featured panel, in case you want to highlight something important or draw attention to a specific piece of content.
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressPanel
   bg\="colour.primary.fill"
@@ -61,7 +61,7 @@ Below is an example of using the `color` prop to highlight text throughout a com
 
 Sometimes actions are **successful**, and sometimes they are **dangerous**.
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressPanel\>
   <p\>

package/generated/docs/components_styling-props-elevation-docs.md

@@ -16,7 +16,7 @@ The `layerStyle` prop allows you to draw attention to certain parts of the scree
 
 This panel is raised. This is useful for creating a visual hierarchy and drawing attention to important content.
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressPanel layerStyle\="elevation.raised"\>
   This panel is raised. This is useful for creating a visual hierarchy and drawing attention to important content.
@@ -46,7 +46,7 @@ It can be set to `true` to enable focus styles when the element is focused using
 
 This element will have focus styles applied when it is focused. This is useful for accessibility and keyboard navigation.
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressPanel
   focusable\="true"

package/generated/docs/components_styling-props-radius-docs.md

@@ -10,11 +10,11 @@ The `borderRadius` prop allows you to change the border radius of any component.
 
 [](./iframe.html?id=styling-props-radius--border-radius)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressInput
   borderRadius\="radius.system.layout"
-  p\="spacing.400"
+  p\="spacing.4"
   placeholder\="Search everything"
   textStyle\="typography.body.lg"
 />
@@ -40,7 +40,7 @@ In some cases you may need to remove the border-radius to achieve design require
 
 No radius here
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressPanel
   bg\="alt"

package/generated/docs/components_styling-props-reference-docs.md

@@ -42,7 +42,7 @@ Styling props reference
 | [textStyle](/?path=/docs/styling-props-typography--docs#textStyle) | font | [Typography](/?path=/docs/foundations-tokens-typography--docs) | Yes |
 | [width](/?path=/docs/styling-props-sizing--docs#inputwidths) | width | N/A | Yes |
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <StylingPropsReferenceTable gap\="md" />
 
@@ -108,7 +108,7 @@ If you have been using the utility classes from previous versions of IDS (eg. `i
 
 <table class="css-1n5o7vh-diff-container"><tbody><tr class="css-1n7ec1i-line"><td class="css-17vezug-marker css-rq9a2a-diff-removed"><pre>-</pre></td><td class="css-vl0irh-content css-rq9a2a-diff-removed"><pre class="css-o1u8iu-content-text">&lt;IressPanel className="iress-m--sm" /&gt;</pre></td></tr><tr class="css-1n7ec1i-line"><td class="css-17vezug-marker css-cnnxkz-diff-added"><pre>+</pre></td><td class="css-vl0irh-content css-cnnxkz-diff-added"><pre class="css-o1u8iu-content-text">&lt;IressPanel m="sm" /&gt;</pre></td></tr></tbody></table>
 
-```
+Hide codedrawOpen in CodeSandbox
 
 {
   render: () \=> <DiffViewer oldValue\={\`<IressPanel className="iress-m--sm" />\`} newValue\={\`<IressPanel m="sm" />\`} />
@@ -140,7 +140,7 @@ If you have been using the internal component tokens (eg. `--iress-background-co
 
 <table class="css-1n5o7vh-diff-container"><tbody><tr class="css-1n7ec1i-line"><td class="css-17vezug-marker css-rq9a2a-diff-removed"><pre>-</pre></td><td class="css-vl0irh-content css-rq9a2a-diff-removed"><pre class="css-o1u8iu-content-text">&lt;IressPanel style={{ '--iress-background-color': 'var(--iress-g-success-color)' }} /&gt;</pre></td></tr><tr class="css-1n7ec1i-line"><td class="css-17vezug-marker css-cnnxkz-diff-added"><pre>+</pre></td><td class="css-vl0irh-content css-cnnxkz-diff-added"><pre class="css-o1u8iu-content-text">&lt;IressPanel bg="colour.system.success.fill" /&gt;</pre></td></tr></tbody></table>
 
-```
+Hide codedrawOpen in CodeSandbox
 
 {
   render: () \=> <DiffViewer oldValue\={\`<IressPanel style={{ '--iress-background-color': 'var(--iress-g-success-color)' }} />\`} newValue\={\`<IressPanel bg="colour.system.success.fill" />\`} />

package/generated/docs/components_styling-props-screen-readers-docs.md

@@ -12,7 +12,7 @@ The `srOnly` prop allows you to set a component to be only visible on screen rea
 
 Hello screen readers
 
-Show code
+Show codedrawOpen in CodeSandbox
 
 #### Props
 
@@ -33,7 +33,7 @@ The `srOnly` prop is responsive, allowing you to show content on larger screens
 
 This content is visible on large screens and screen readers
 
-Show code
+Show codedrawOpen in CodeSandbox
 
 #### Props
 

package/generated/docs/components_styling-props-sizing-docs.md

@@ -34,7 +34,7 @@ For variable data entry, you can use percentage widths. These are usually used i
 
 Credit card number wide panel
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressPanel
   bg\="alt"
@@ -74,7 +74,7 @@ In some cases however, you may want to restrain the width even further (for exam
 
 This container is extra readable cause its maxWidth is set to: `container.md`.
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressContainer
   bg\="alt"
@@ -122,7 +122,7 @@ Iress was founded in **1993** in Melbourne, Australia. The company's initial pro
 
 In **2000**, Iress listed on the **Australian Stock Exchange (ASX)** under the ticker **IRE**, signaling its growth beyond market data services.
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressContainer
   bg\="alt"

package/generated/docs/components_styling-props-spacing-docs.md

@@ -20,7 +20,7 @@ There are seven props you can use to customise the padding of any component. It
 
 A panel that has extra large padding on all sides.
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressPanel
   bg\="alt"
@@ -46,7 +46,7 @@ string
 
 Submit
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressButton
   mode\="primary"
@@ -72,14 +72,14 @@ string
 
 A panel that has different padding on each side.
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressPanel
   bg\="alt"
   pb\="xl"
   pl\="md"
-  pr\="spacing.600"
-  pt\="spacing.050"
+  pr\="spacing.6"
+  pt\="spacing.1"
 \>
   A panel that has different padding on each side.
 </IressPanel\>
@@ -109,14 +109,14 @@ string
 
 
 
- | \- | spacing.600 |
+ | \- | spacing.6 |
 | pt | 
 
 string
 
 
 
- | \- | spacing.050 |
+ | \- | spacing.1 |
 
 ### Responsive padding
 
@@ -126,7 +126,7 @@ All padding props are responsive and can be changed according to different scree
 
 A panel that has extra large padding on small screens and no padding on large screens.
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressPanel
   bg\="alt"
@@ -174,7 +174,7 @@ p :
 
 A panel that has responsive padding on the vertical and horizontal axes.
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressPanel
   bg\="alt"
@@ -271,7 +271,7 @@ There are seven props you can use to customise the margin of any component. It a
 
 A panel that has the same margin on all sides.
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressPanel
   bg\="alt"
@@ -297,14 +297,14 @@ string
 
 A panel that has different margin on each side.
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressPanel
   bg\="alt"
   mb\="xl"
   ml\="md"
-  mr\="spacing.600"
-  mt\="spacing.050"
+  mr\="spacing.6"
+  mt\="spacing.1"
 \>
   A panel that has different margin on each side.
 </IressPanel\>
@@ -334,14 +334,14 @@ string
 
 
 
- | \- | spacing.600 |
+ | \- | spacing.6 |
 | mt | 
 
 string
 
 
 
- | \- | spacing.050 |
+ | \- | spacing.1 |
 
 ### Responsive margin
 
@@ -351,7 +351,7 @@ All margin props are responsive and can be changed according to different screen
 
 A panel that has extra large margin on small screens and no margin on large screens.
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressPanel
   bg\="alt"
@@ -399,7 +399,7 @@ m :
 
 A panel that has responsive margin on the vertical and horizontal axes.
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressPanel
   bg\="alt"
@@ -481,7 +481,7 @@ Negative margin is supported in the same way as positive margin. You can use the
 
 A panel that has negative margin and escapes its parent container
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressPanel
   layerStyle\="elevation.raised"
@@ -517,7 +517,7 @@ The `noGutter` prop removes the bottom margin of the last direct child of a comp
 
 *   Margin is removed due to `noGutter`
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressPanel
   bg\="alt"