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

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"

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

@@ -12,7 +12,7 @@ The `textStyle` prop allows you to change the default text style of a component.
 
 A panel with large text
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressPanel
   bg\="alt"
@@ -43,7 +43,7 @@ The `textAlign` prop allows you to change the alignment of text inside a compone
 
 A panel with centered text
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressPanel
   bg\="alt"

package/generated/docs/guidelines.md

@@ -149,7 +149,7 @@ Breakpoints
 | xl | 1200px - 1499px | (min-width: 1200px) and (max-width: 1499px) | 1280px | 1366px width |
 | xxl | 1500px and above | (min-width: 1500px) | 1280px | 1920px width |
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressTable
   caption\={<IressText element\="h3" textAlign\="left"\>Breakpoints supported by IDS</IressText\>}
@@ -403,7 +403,7 @@ To ensure the best usability and accessibility, please do not use grids with mor
 
 You are currently viewing the **xl** breakpoint (1200px - 1499px). Resize your screen to view different breakpoints.
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressStack gap\="lg"\>
   <IressInline
@@ -457,7 +457,7 @@ You are currently viewing the **xl** breakpoint (1200px - 1499px). Resize your s
     <p\>
       To ensure the best usability and accessibility, please do not use grids with more than 4 columns maximum on extra small screens. For developers, this means the minimum span on mobile devices is 3.    </p\>
     <IressPanel bg\="alt"\>
-      <kn renderLabel\="viewing" />
+      <Ln renderLabel\="viewing" />
     </IressPanel\>
   </IressText\>
   <IressContainer
@@ -640,7 +640,7 @@ To ensure the best usability and accessibility, please do not use grids with mor
 
 You are currently viewing the **xl** breakpoint (1200px - 1499px). Resize your screen to view different breakpoints.
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressStack gap\="lg"\>
   <IressInline
@@ -694,7 +694,7 @@ You are currently viewing the **xl** breakpoint (1200px - 1499px). Resize your s
     <p\>
       To ensure the best usability and accessibility, please do not use grids with more than 4 columns maximum on small screens. For developers, this means the minimum span on mobile devices is 3.    </p\>
     <IressPanel bg\="alt"\>
-      <kn renderLabel\="viewing" />
+      <Ln renderLabel\="viewing" />
     </IressPanel\>
   </IressText\>
   <IressContainer
@@ -912,7 +912,7 @@ To ensure the best usability and accessibility, please do not use grids with mor
 
 You are currently viewing the **xl** breakpoint (1200px - 1499px). Resize your screen to view different breakpoints.
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressStack gap\="lg"\>
   <IressInline
@@ -966,7 +966,7 @@ You are currently viewing the **xl** breakpoint (1200px - 1499px). Resize your s
     <p\>
       To ensure the best usability and accessibility, please do not use grids with more than 6 columns maximum on medium screens. For developers, this means the minimum span on medium screems is 2.    </p\>
     <IressPanel bg\="alt"\>
-      <kn renderLabel\="viewing" />
+      <Ln renderLabel\="viewing" />
     </IressPanel\>
   </IressText\>
   <IressContainer
@@ -1224,7 +1224,7 @@ From large screens onwards, all 12 columns of the grid can be used. For develope
 
 You are currently viewing the **xl** breakpoint (1200px - 1499px). Resize your screen to view different breakpoints.
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressStack gap\="lg"\>
   <IressInline
@@ -1278,7 +1278,7 @@ You are currently viewing the **xl** breakpoint (1200px - 1499px). Resize your s
     <p\>
       From large screens onwards, all 12 columns of the grid can be used. For developers, this means the minimum span on large screens is 1.    </p\>
     <IressPanel bg\="alt"\>
-      <kn renderLabel\="viewing" />
+      <Ln renderLabel\="viewing" />
     </IressPanel\>
   </IressText\>
   <IressContainer
@@ -1632,7 +1632,7 @@ From large screens onwards, all 12 columns of the grid can be used. For develope
 
 You are currently viewing the **xl** breakpoint (1200px - 1499px). Resize your screen to view different breakpoints.
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressStack gap\="lg"\>
   <IressInline
@@ -1690,7 +1690,7 @@ You are currently viewing the **xl** breakpoint (1200px - 1499px). Resize your s
       {' '}prop. It is recommended to keep the max width in most scenarios to ensure optimal readability.
     </p\>
     <IressPanel bg\="alt"\>
-      <kn renderLabel\="viewing" />
+      <Ln renderLabel\="viewing" />
     </IressPanel\>
   </IressText\>
   <IressContainer\>
@@ -2040,7 +2040,7 @@ From large screens onwards, all 12 columns of the grid can be used. For develope
 
 You are currently viewing the **xl** breakpoint (1200px - 1499px). Resize your screen to view different breakpoints.
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressStack gap\="lg"\>
   <IressInline
@@ -2098,7 +2098,7 @@ You are currently viewing the **xl** breakpoint (1200px - 1499px). Resize your s
       {' '}prop. It is recommended to keep the max width in most scenarios to ensure optimal readability.
     </p\>
     <IressPanel bg\="alt"\>
-      <kn renderLabel\="viewing" />
+      <Ln renderLabel\="viewing" />
     </IressPanel\>
   </IressText\>
   <IressContainer\>
@@ -2440,7 +2440,7 @@ For developers
 If you are using the IDS components, the breakpoints have already been mapped out to their respective props. You can use props such as `gap` to change the visual properties of the component at certain breakpoints.
 
 import { IressStack } from '@iress-oss/ids-components';
-<IressStack gap\={{ xs: 'spacing.100', md: 'spacing.200' }} />;
+<IressStack gap\={{ xs: 'spacing.1', md: 'spacing.2' }} />;
 
 ```
 
@@ -2486,8 +2486,9 @@ Resize the screen to see the columns change
 | Princess Leia | 19 |
 | Han Solo | 32 |
 
-```
+Hide codedrawOpen in CodeSandbox
 
+import { IressText, useResponsiveProps, IressTable } from '@/main';
 export const ResponsiveTableColumns \= () \=> {
   const { value } \= useResponsiveProps({
     base: \[{ key: 'name', label: 'Name' }\],
@@ -2670,7 +2671,7 @@ Reference
 | TOAST | Used for IressToast. Can be combined with floating elevation. | 500 |
 | TOOLTIP | Used for IressTooltip. Can be combined with floating elevation. | 600 |
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressTable
   columns\={\[

package/generated/docs/tokens_colour-docs.md

@@ -474,6 +474,78 @@ Used for the text colour of warning alerts.
 
 ### Information
 
+Provides additional helpful context.
+
+### Fill
+
+colour.system.info.fill #004FBD
+
+Used for the border of info alerts and toasts and the background of info badges.
+
+#### Allowed foregrounds
+
+*   colour.system.info.onFill (#F5FAFF)
+    
+    7.0 AAA
+    
+
+### On Fill
+
+colour.system.info.onFill #F5FAFF
+
+Used for the foreground colour of info badges.
+
+#### Allowed foregrounds
+
+*   colour.system.info.fill (#004FBD)
+    
+    7.0 AAA
+    
+
+### Surface
+
+colour.system.info.surface #E5F3FF
+
+Used for the background colour of info alerts and toasts.
+
+#### Allowed foregrounds
+
+*   colour.system.info.text (#123987)
+    
+    9.5 AAA
+    
+*   colour.neutral.80 (#393F46)
+    
+    9.4 AAA
+    
+
+### Text
+
+colour.system.info.text #123987
+
+Used for the text colour of info alerts and toasts.
+
+#### Allowed foregrounds
+
+*   colour.system.info.surface (#E5F3FF)
+    
+    9.5 AAA
+    
+
 * * *
 
 ### Backdrop
+
+Used to cover the page in order to highlight a specific component, such as a modal.
+
+### Fill
+
+colour.system.backdrop.fill #393F46CC
+
+Used for the background colour of the backdrop.
+
+#### Allowed foregrounds
+
+*   colour.neutral.10 (#FFF)
+    
+    10.6 AAA

package/generated/docs/tokens_introduction-docs.md

@@ -25,7 +25,7 @@ None selected
 
 Show deprecated tokens
 
-Tokens (88)
+Tokens (85)
 | Name
  | Alias
 
@@ -89,22 +89,16 @@ Tokens (88)
 | radius.system.button |  | Applies to buttons and other interactive elements such as the hover state of links. |  |
 | radius.system.form |  | Applies to form inputs and alerts. |  |
 | radius.system.layout |  | Applies to panels, modals and slideouts. |  |
-| spacing.100 | xs | The base unit for spacing |  |
-| spacing.150 |  | 150% (1.5x) spacing |  |
-| spacing.200 | sm | 200% (2x) spacing |  |
-| spacing.250 |  | 250% (2.5x) spacing |  |
-| spacing.300 |  | 300% (3x) spacing |  |
-| spacing.350 |  | 350% (3.5x) spacing |  |
-| spacing.400 | md | 400% (4x) spacing |  |
-| spacing.500 |  | 500% (5x) spacing |  |
-| spacing.600 | lg | 600% (6x) spacing |  |
-| spacing.700 |  | 700% (7x) spacing |  |
-| spacing.800 |  | 800% (8x) spacing |  |
-| spacing.900 |  | 900% (9x) spacing |  |
-| spacing.1000 |  | 1000% (10x) spacing |  |
-| spacing.1200 | xl | 1200% (12x) spacing |  |
-| spacing.000 | none | No spacing |  |
-| spacing.050 |  | 50% (0.5x) spacing |  |
+| spacing.0 | none | No spacing |  |
+| spacing.1 | xs | The base unit for spacing |  |
+| spacing.2 | sm | 2x spacing |  |
+| spacing.3 |  | 3x spacing |  |
+| spacing.4 | md | 4x spacing |  |
+| spacing.5 |  | 5x spacing |  |
+| spacing.6 | lg | 6x spacing |  |
+| spacing.7 |  | 7x spacing |  |
+| spacing.8 |  | 8x spacing |  |
+| spacing.10 | xl | 10x spacing |  |
 | typography.base.size |  | This is the base font size, and is used to calculate the font sizes of each token. |  |
 | typography.base.headingFont |  | This is the base font family for headings, used for heading tokens. |  |
 | typography.base.bodyFont |  | This is the base font family for body, used for body tokens. |  |
@@ -114,12 +108,15 @@ Tokens (88)
 | typography.heading.4 |  | Use for: supporting headings within content blocks or small components where space is limited—such as table headers, cards, or side panels. Provides structure without overwhelming the layout. |  |
 | typography.heading.5 |  | Use for: minor labels or titles in compact UI elements, such as cards, sidebars, or inline labels. Best used to emphasise supplementary information without drawing too much attention. Works well with body.sm and is ideal for subtle content like fine print. Use sparingly to preserve typographic hierarchy. |  |
 | typography.body.sm.regular |  | The default small text, most commonly used to display text in small components and compact tables and lists. |  |
+| typography.body.sm.medium |  | Medium text is used to indicate text is interactive, such as a button or a link. |  |
 | typography.body.sm.strong |  | Strong text is used to highlight important information in a paragraph of text. |  |
 | typography.body.sm.em |  | Emphasised text is used to highlight a term or definition in a paragraph of text. It is used sparingly, usually for legal purposes. |  |
-| typography.body.md.regular |  | The default medium text, most commonly used to display text across all products. |  |
+| typography.body.md.regular |  | The default text, most commonly used to display text across all products. |  |
+| typography.body.md.medium |  | Medium text is used to indicate text is interactive, such as a button or a link. |  |
 | typography.body.md.strong |  | Strong text is used to highlight important information in a paragraph of text. |  |
 | typography.body.md.em |  | Emphasised text is used to highlight a term or definition in a paragraph of text. It is used sparingly, usually for legal purposes. |  |
 | typography.body.lg.regular |  | The default large text, most commonly used to display large text across all products. |  |
+| typography.body.lg.medium |  | Medium text is used to indicate text is interactive, such as a button or a link. |  |
 | typography.body.lg.strong |  | Strong text is used to highlight important information in a paragraph of text. |  |
 | typography.body.lg.em |  | Emphasised text is used to highlight a term or definition in a paragraph of text. It is used sparingly, usually for legal purposes. |  |
 | typography.code |  | Used to display code snippets in the product, such as in the API documentation. |  |

package/generated/docs/tokens_sandbox-docs.md

@@ -0,0 +1 @@
+

package/generated/docs/tokens_spacing-docs.md

@@ -6,82 +6,52 @@ Spacing is the distance between elements. It is used to create visual balance an
 Spacing tokens
 | Token Name | Alias | Description | Visual |
 | --- | --- | --- | --- |
-| spacing.000 | none | No spacing | 
+| spacing.0 | none | No spacing | 
 0px
 
  |
-| spacing.050 |  | 50% (0.5x) spacing | 
-
-2px
-
- |
-| spacing.100 | xs | The base unit for spacing | 
+| spacing.1 | xs | The base unit for spacing | 
 
 4px
 
  |
-| spacing.150 |  | 150% (1.5x) spacing | 
-
-6px
-
- |
-| spacing.200 | sm | 200% (2x) spacing | 
+| spacing.2 | sm | 2x spacing | 
 
 8px
 
  |
-| spacing.250 |  | 250% (2.5x) spacing | 
-
-10px
-
- |
-| spacing.300 |  | 300% (3x) spacing | 
+| spacing.3 |  | 3x spacing | 
 
 12px
 
  |
-| spacing.350 |  | 350% (3.5x) spacing | 
-
-14px
-
- |
-| spacing.400 | md | 400% (4x) spacing | 
+| spacing.4 | md | 4x spacing | 
 
 16px
 
  |
-| spacing.500 |  | 500% (5x) spacing | 
+| spacing.5 |  | 5x spacing | 
 
 20px
 
  |
-| spacing.600 | lg | 600% (6x) spacing | 
+| spacing.6 | lg | 6x spacing | 
 
 24px
 
  |
-| spacing.700 |  | 700% (7x) spacing | 
+| spacing.7 |  | 7x spacing | 
 
 28px
 
  |
-| spacing.800 |  | 800% (8x) spacing | 
+| spacing.8 |  | 8x spacing | 
 
 32px
 
  |
-| spacing.900 |  | 900% (9x) spacing | 
-
-36px
-
- |
-| spacing.1000 |  | 1000% (10x) spacing | 
+| spacing.10 | xl | 10x spacing | 
 
 40px
 
  |
-| spacing.1200 | xl | 1200% (12x) spacing | 
-
-48px
-
- |

package/generated/docs/tokens_typography-docs.md

@@ -129,7 +129,7 @@ typography.heading.5
 Body
 ----
 
-Body text are used for all text content in the product, such as paragraphs, lists, and tables.
+Body text are used for all text content in the product, such as paragraphs, lists, and tables. They come in four different weights, strong is used to label fields and highlight text in a paragraph to make important text easier to scan, emphasis is used to display text that is referencing a legal term or other taxnomies, and medium text is used to indicate text is interactive, such as a button or a link.
 
 The **quick** brown fox jumps over the _lazy_ dog.
 
@@ -153,6 +153,20 @@ Inter
 
 typography.body.sm.regular
 
+Medium
+
+**Font**
+
+Inter
+
+**Weight**500
+
+**Size**12px
+
+**Line height**18px
+
+typography.body.sm.medium
+
 Strong
 
 **Font**
@@ -203,6 +217,20 @@ Inter
 
 typography.body.md.regular
 
+Medium
+
+**Font**
+
+Inter
+
+**Weight**500
+
+**Size**14px
+
+**Line height**21px
+
+typography.body.md.medium
+
 Strong
 
 **Font**
@@ -253,6 +281,20 @@ Inter
 
 typography.body.lg.regular
 
+Medium
+
+**Font**
+
+Inter
+
+**Weight**500
+
+**Size**18px
+
+**Line height**27px
+
+typography.body.lg.medium
+
 Strong
 
 **Font**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iress-oss/ids-mcp-server",
-  "version": "6.0.0-alpha.2",
+  "version": "6.0.0-alpha.4",
   "description": "Model Context Protocol (MCP) server for Iress Design System (IDS) component library - provides AI assistants with contextual information about IDS components, design tokens, and usage patterns",
   "type": "module",
   "main": "./dist/index.js",
@@ -45,15 +45,15 @@
     "@types/minimist": "1.2.5",
     "@types/node": "^24.10.1",
     "@types/turndown": "5.0.6",
-    "@vitest/coverage-v8": "4.0.10",
+    "@vitest/coverage-v8": "4.0.13",
     "minimist": "1.2.8",
     "playwright": "1.56.1",
-    "rimraf": "6.1.0",
+    "rimraf": "6.1.2",
     "tsx": "4.20.6",
     "turndown": "7.2.2",
     "turndown-plugin-gfm": "1.0.2",
     "typescript": "5.9.3",
-    "vitest": "4.0.10"
+    "vitest": "4.0.13"
   },
   "repository": {
     "type": "git",