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

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

@@ -22,7 +22,7 @@ Victoria Sponge
 
 Carrot Cake
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressCheckboxGroup name\="let-them-eat-cake"\>
   <IressCheckbox value\="lemon-drizzle"\>
@@ -151,7 +151,7 @@ Victoria Sponge
 
 Carrot Cake
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressCheckboxGroup name\="let-them-eat-cake"\>
   <IressCheckbox value\="lemon-drizzle"\>
@@ -276,7 +276,7 @@ Victoria Sponge
 
 Carrot Cake
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressCheckboxGroup
   defaultValue\={\[
@@ -425,7 +425,7 @@ Carrot Cake
 
 Clear
 
-```
+Hide codedrawOpen in CodeSandbox
 
 import {
   type FormControlValue,
@@ -434,7 +434,7 @@ import {
   IressCheckboxGroup,
   type IressCheckboxGroupProps,
   IressStack,
-} from '@iress-oss/ids-components';
+} from '@/main';
 import { useState } from 'react';
 export const CheckboxGroupUsingState \= <T \= FormControlValue,\>(
   <T\>,
@@ -598,7 +598,7 @@ Friend
 
 Other
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressText\>
   <h3\>
@@ -789,7 +789,7 @@ Saving for a holiday
 
 Reducing my debt
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressField
   hint\="Select all that apply"
@@ -1006,7 +1006,7 @@ Reducing my debt
 
 Starting a business
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressField
   hint\="Select all that apply"
@@ -1316,7 +1316,7 @@ Lemon drizzle
 
 Victoria Sponge
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressCheckboxGroup
   defaultValue\={\[
@@ -1462,7 +1462,7 @@ Victoria Sponge
 
 Carrot Cake
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressCheckboxGroup
   defaultValue\={\[

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

@@ -32,7 +32,7 @@ Select Carrot Cake
 
 Submit
 
-```
+Hide codedrawOpen in CodeSandbox
 
 import {
   type FormControlValue,
@@ -43,7 +43,7 @@ import {
   IressPanel,
   IressStack,
   IressTable,
-} from '@iress-oss/ids-components';
+} from '@/main';
 import { IressCheckboxGroup } from '../CheckboxGroup';
 import { toArray } from '../../../helpers/formatting/toArray';
 interface FieldValues {

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

@@ -20,11 +20,11 @@ Column 1
 
 Column 2
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressRow
   ref\={undefined}
-  gutter\="spacing.400"
+  gutter\="spacing.4"
 \>
   <IressCol\>
     <IressPlaceholder\>
@@ -103,13 +103,13 @@ When no column widths are specified the `IressCol` component will render equal w
 
 3 of 3
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressStack
   ref\={undefined}
-  gap\="spacing.400"
+  gap\="spacing.4"
 \>
-  <IressRow gutter\="spacing.400"\>
+  <IressRow gutter\="spacing.4"\>
     <IressCol\>
       <IressPlaceholder\>
         1 of 2      </IressPlaceholder\>
@@ -119,7 +119,7 @@ When no column widths are specified the `IressCol` component will render equal w
         2 of 2      </IressPlaceholder\>
     </IressCol\>
   </IressRow\>
-  <IressRow gutter\="spacing.400"\>
+  <IressRow gutter\="spacing.4"\>
     <IressCol\>
       <IressPlaceholder\>
         1 of 3      </IressPlaceholder\>
@@ -216,19 +216,19 @@ If no `span` is provided it will default to `auto` which will make the column ei
 
 6
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressStack
   ref\={undefined}
-  gap\="spacing.400"
+  gap\="spacing.4"
 \>
-  <IressRow gutter\="spacing.400"\>
+  <IressRow gutter\="spacing.4"\>
     <IressCol span\="12"\>
       <IressPlaceholder\>
         12      </IressPlaceholder\>
     </IressCol\>
   </IressRow\>
-  <IressRow gutter\="spacing.400"\>
+  <IressRow gutter\="spacing.4"\>
     <IressCol span\="1"\>
       <IressPlaceholder\>
         1      </IressPlaceholder\>
@@ -238,7 +238,7 @@ If no `span` is provided it will default to `auto` which will make the column ei
         11      </IressPlaceholder\>
     </IressCol\>
   </IressRow\>
-  <IressRow gutter\="spacing.400"\>
+  <IressRow gutter\="spacing.4"\>
     <IressCol span\="2"\>
       <IressPlaceholder\>
         2      </IressPlaceholder\>
@@ -248,7 +248,7 @@ If no `span` is provided it will default to `auto` which will make the column ei
         10      </IressPlaceholder\>
     </IressCol\>
   </IressRow\>
-  <IressRow gutter\="spacing.400"\>
+  <IressRow gutter\="spacing.4"\>
     <IressCol span\="3"\>
       <IressPlaceholder\>
         3      </IressPlaceholder\>
@@ -258,7 +258,7 @@ If no `span` is provided it will default to `auto` which will make the column ei
         9      </IressPlaceholder\>
     </IressCol\>
   </IressRow\>
-  <IressRow gutter\="spacing.400"\>
+  <IressRow gutter\="spacing.4"\>
     <IressCol span\="4"\>
       <IressPlaceholder\>
         4      </IressPlaceholder\>
@@ -268,7 +268,7 @@ If no `span` is provided it will default to `auto` which will make the column ei
         8      </IressPlaceholder\>
     </IressCol\>
   </IressRow\>
-  <IressRow gutter\="spacing.400"\>
+  <IressRow gutter\="spacing.4"\>
     <IressCol span\="5"\>
       <IressPlaceholder\>
         5      </IressPlaceholder\>
@@ -278,7 +278,7 @@ If no `span` is provided it will default to `auto` which will make the column ei
         7      </IressPlaceholder\>
     </IressCol\>
   </IressRow\>
-  <IressRow gutter\="spacing.400"\>
+  <IressRow gutter\="spacing.4"\>
     <IressCol span\="6"\>
       <IressPlaceholder\>
         6      </IressPlaceholder\>
@@ -344,17 +344,17 @@ Column 1
 Column 2  
 {"xs":12,"md":9}
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressStack
   ref\={undefined}
-  gap\="spacing.400"
+  gap\="spacing.4"
 \>
   <IressPanel\>
     Current breakpoint:{' '}
-    <kn />
+    <Ln />
     .  </IressPanel\>
-  <IressRow gutter\="spacing.400"\>
+  <IressRow gutter\="spacing.4"\>
     <IressCol
       span\={{
         md: 3,
@@ -450,13 +450,13 @@ The `offset` prop controls the amount of grid columns to offset.
 
 11
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressStack
   ref\={undefined}
-  gap\="spacing.400"
+  gap\="spacing.4"
 \>
-  <IressRow gutter\="spacing.400"\>
+  <IressRow gutter\="spacing.4"\>
     <IressCol
       offset\="1"
       span\="1"
@@ -465,7 +465,7 @@ The `offset` prop controls the amount of grid columns to offset.
         1      </IressPlaceholder\>
     </IressCol\>
   </IressRow\>
-  <IressRow gutter\="spacing.400"\>
+  <IressRow gutter\="spacing.4"\>
     <IressCol
       offset\="2"
       span\="1"
@@ -474,7 +474,7 @@ The `offset` prop controls the amount of grid columns to offset.
         2      </IressPlaceholder\>
     </IressCol\>
   </IressRow\>
-  <IressRow gutter\="spacing.400"\>
+  <IressRow gutter\="spacing.4"\>
     <IressCol
       offset\="3"
       span\="1"
@@ -483,7 +483,7 @@ The `offset` prop controls the amount of grid columns to offset.
         3      </IressPlaceholder\>
     </IressCol\>
   </IressRow\>
-  <IressRow gutter\="spacing.400"\>
+  <IressRow gutter\="spacing.4"\>
     <IressCol
       offset\="4"
       span\="1"
@@ -492,7 +492,7 @@ The `offset` prop controls the amount of grid columns to offset.
         4      </IressPlaceholder\>
     </IressCol\>
   </IressRow\>
-  <IressRow gutter\="spacing.400"\>
+  <IressRow gutter\="spacing.4"\>
     <IressCol
       offset\="5"
       span\="1"
@@ -501,7 +501,7 @@ The `offset` prop controls the amount of grid columns to offset.
         5      </IressPlaceholder\>
     </IressCol\>
   </IressRow\>
-  <IressRow gutter\="spacing.400"\>
+  <IressRow gutter\="spacing.4"\>
     <IressCol
       offset\="6"
       span\="1"
@@ -510,7 +510,7 @@ The `offset` prop controls the amount of grid columns to offset.
         6      </IressPlaceholder\>
     </IressCol\>
   </IressRow\>
-  <IressRow gutter\="spacing.400"\>
+  <IressRow gutter\="spacing.4"\>
     <IressCol
       offset\="7"
       span\="1"
@@ -519,7 +519,7 @@ The `offset` prop controls the amount of grid columns to offset.
         7      </IressPlaceholder\>
     </IressCol\>
   </IressRow\>
-  <IressRow gutter\="spacing.400"\>
+  <IressRow gutter\="spacing.4"\>
     <IressCol
       offset\="8"
       span\="1"
@@ -528,7 +528,7 @@ The `offset` prop controls the amount of grid columns to offset.
         8      </IressPlaceholder\>
     </IressCol\>
   </IressRow\>
-  <IressRow gutter\="spacing.400"\>
+  <IressRow gutter\="spacing.4"\>
     <IressCol
       offset\="9"
       span\="1"
@@ -537,7 +537,7 @@ The `offset` prop controls the amount of grid columns to offset.
         9      </IressPlaceholder\>
     </IressCol\>
   </IressRow\>
-  <IressRow gutter\="spacing.400"\>
+  <IressRow gutter\="spacing.4"\>
     <IressCol
       offset\="10"
       span\="1"
@@ -546,7 +546,7 @@ The `offset` prop controls the amount of grid columns to offset.
         10      </IressPlaceholder\>
     </IressCol\>
   </IressRow\>
-  <IressRow gutter\="spacing.400"\>
+  <IressRow gutter\="spacing.4"\>
     <IressCol
       offset\="11"
       span\="1"
@@ -612,17 +612,17 @@ Current breakpoint: **xl** breakpoint (1200px - 1499px).
 Column 1  
 {"md":5,"lg":2}
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressStack
   ref\={undefined}
-  gap\="spacing.400"
+  gap\="spacing.4"
 \>
   <IressPanel\>
     Current breakpoint:{' '}
-    <kn />
+    <Ln />
     .  </IressPanel\>
-  <IressRow gutter\="spacing.400"\>
+  <IressRow gutter\="spacing.4"\>
     <IressCol
       offset\={{
         lg: 2,
@@ -691,11 +691,11 @@ End
 
 Stretch
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressContainer ref\={undefined}\>
   <IressRow
-    gutter\="spacing.400"
+    gutter\="spacing.4"
     layerStyle\="elevation.raised"
     style\={{
       height: '10rem'

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

@@ -25,7 +25,7 @@ Your screen size is showing the container for the **xl** breakpoint.
 *   Screen width range: 1200px - 1499px
 *   Max width: 1280px
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressContainer\>
   <p\>
@@ -33,7 +33,7 @@ Your screen size is showing the container for the **xl** breakpoint.
   <p\>
     Try resizing the screen to see the difference.  </p\>
   <IressPanel\>
-    <kn renderLabel\="container" />
+    <Ln renderLabel\="container" />
   </IressPanel\>
 </IressContainer\>
 
@@ -79,7 +79,7 @@ Container breakpoints
 | xl | 1200px - 1499px | 1280px |
 | xxl | 1500px and above | 1280px |
 
-```
+Hide codedrawOpen in CodeSandbox
 
 {
   render: () \=> <IressTable caption\="Container breakpoints" rows\={BREAKPOINTS.map(breakpoint \=> ({
@@ -131,7 +131,7 @@ Your screen size is showing the container for the **xl** breakpoint.
 *   Screen width range: 1200px - 1499px
 *   Max width: 100%
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressContainer fluid\>
   <p\>
@@ -143,7 +143,7 @@ Your screen size is showing the container for the **xl** breakpoint.
     {' '}prop is enabled, the container will span the full width of its containing element. Try resizing the screen to see how the IressContainer is 100% for all screen sizes.
   </p\>
   <IressPanel\>
-    <kn renderLabel\="container-fluid" />
+    <Ln renderLabel\="container-fluid" />
   </IressPanel\>
 </IressContainer\>
 

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

@@ -18,7 +18,7 @@ This component has been recently updated with new props. The props have been mar
 
 * * *
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressDivider />
 
@@ -53,10 +53,10 @@ Separate
 
 this
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressInline
-  gap\="spacing.400"
+  gap\="spacing.4"
   verticalAlign\="middle"
 \>
   <IressText\>
@@ -143,9 +143,9 @@ Separate
 
 this
 
-```
+Hide codedrawOpen in CodeSandbox
 
-<IressInline gap\="spacing.400"\>
+<IressInline gap\="spacing.4"\>
   <IressPanel\>
     <IressText element\="h2"\>
       <code\>

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

@@ -20,7 +20,7 @@ Expander activator
 
 Expander content will go here
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressExpander activator\="Expander activator"\>
   Expander content will go here
@@ -136,7 +136,7 @@ Expander activator
 
 Expander content will go here
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressStack gap\="lg"\>
   <IressStack gap\="xs"\>
@@ -235,7 +235,7 @@ Expander activator
 
 Expander content will go here
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressExpander
   activator\="Expander activator"
@@ -336,8 +336,10 @@ Bottom
 
 Expander content for the bottom activator goes here.
 
-```
+Hide codedrawOpen in CodeSandbox
 
+import { IressExpander } from '@/main';
+import { useState } from 'react';
 export const MultipleExpander \= () \=> {
   const \[openActivator, setOpenActivator\] \= useState('');
   const handleChange \= (newOpenActivator: string, open?: boolean) \=> {

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

@@ -18,7 +18,7 @@ This component has been recently updated with new props. The props have been mar
 
 First name
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressField label\="First name"\>
   <IressInput
@@ -155,7 +155,7 @@ The `label` prop is required to describe the field.
 
 Find your address
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressField label\={<span\><IressIcon name\="home" />{' '}Find your address</span\>}\>
   <IressInput
@@ -286,7 +286,7 @@ Email address
 
 For us to be able to contact you in the future
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressField
   hint\="For us to be able to contact you in the future"
@@ -431,7 +431,7 @@ Error message
 *   This field is required
     
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressField
   errorMessages\={\[
@@ -594,7 +594,7 @@ Custom error
 *   This is a custom error message
     
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressField
   error\={<IressText color\="colour.system.danger.text" element\="small"\>This is a custom error message</IressText\>}
@@ -760,7 +760,7 @@ This label is hidden
 
 This hint text is hidden
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressField
   hiddenLabel
@@ -909,7 +909,7 @@ This hint text is hidden
 *   Even fields with hidden labels will show their validation message
     
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressField
   error\={<IressText color\="colour.system.danger.text" element\="small"\>Even fields with hidden labels will show their validation message</IressText\>}
@@ -1087,7 +1087,7 @@ Fields marked as `required` will have an asterisk prepended to the label.
 
 \*RequiredThis field is required
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressField
   label\="This field is required"
@@ -1236,7 +1236,7 @@ This field is readonly
 
 Luke Skywalker
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressField
   hint\="This field is readonly"
@@ -1400,9 +1400,9 @@ First name
 
 I only show if there is no error
 
-```
+Hide codedrawOpen in CodeSandbox
 
-<IressStack gap\="spacing.500"\>
+<IressStack gap\="spacing.5"\>
   <IressToggle
     onChange\={(checked) \=> setError(checked ? "This field is required" : void 0)}
   \>
@@ -1555,7 +1555,7 @@ Email address
 
 We will not share your email with third parties (Supplementary text)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressField
   hint\="Enter your email address for contact"
@@ -1706,7 +1706,7 @@ Email address
 *   Please enter a valid email address
     
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressField
   errorMessages\={\[
@@ -1885,9 +1885,9 @@ labelWidth: auto
 
 Default (no labelWidth)
 
-```
+Hide codedrawOpen in CodeSandbox
 
-<IressStack gap\="spacing.500"\>
+<IressStack gap\="spacing.5"\>
   <IressField
     horizontal
     label\="labelWidth: 100px"
@@ -2102,10 +2102,10 @@ This is always-displayed supplementary text
 
 Email Address
 
-```
+Hide codedrawOpen in CodeSandbox
 
-<IressStack gap\="spacing.500"\>
-  <IressInline gap\="spacing.400"\>
+<IressStack gap\="spacing.5"\>
+  <IressInline gap\="spacing.4"\>
     <IressToggle
       onChange\={(checked) \=> setRemoveErrorMargin(checked)}
     \>
@@ -2115,15 +2115,15 @@ Email Address
     \>
       Show error message    </IressToggle\>
   </IressInline\>
-  <IressRow gutter\="spacing.600"\>
+  <IressRow gutter\="spacing.6"\>
     <IressCol span\="6"\>
-      <IressStack gap\="spacing.200"\>
+      <IressStack gap\="spacing.2"\>
         <IressText
           element\="h3"
           textStyle\="typography.body.lg.strong"
         \>
           Vertical Label Layout        </IressText\>
-        <IressStack gap\="spacing.000"\>
+        <IressStack gap\="spacing.0"\>
           <IressField
             label\="First Name"
           \>
@@ -2162,13 +2162,13 @@ Email Address
       </IressStack\>
     </IressCol\>
     <IressCol span\="6"\>
-      <IressStack gap\="spacing.200"\>
+      <IressStack gap\="spacing.2"\>
         <IressText
           element\="h3"
           textStyle\="typography.body.lg.strong"
         \>
           Horizontal Label Layout        </IressText\>
-        <IressStack gap\="spacing.000"\>
+        <IressStack gap\="spacing.0"\>
           <IressField
             horizontal
             label\="First Name"
@@ -2346,7 +2346,7 @@ Title
 
 \*RequiredLast name
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressFieldGroup label\="Full name"\>
   <IressField
@@ -2528,7 +2528,7 @@ Title
 
 \*RequiredLast name
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressFieldGroup
   inline
@@ -2717,7 +2717,7 @@ Submit
 
 Settings goes here
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <form\>
   <IressFieldGroup
@@ -2937,7 +2937,7 @@ Title
 
 \*RequiredLast name
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressFieldGroup
   join
@@ -3126,7 +3126,7 @@ Submit
 
 Settings goes here
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <form\>
   <IressFieldGroup