@iress-oss/ids-mcp-server 6.0.0-alpha.6 → 6.0.0-alpha.7

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

@@ -214,6 +214,27 @@ boolean
 
 
  | \- | \- |
+| size | 
+
+Size of the modal
+
+*   `sm`: Small modals communicate the outcome of an irreversible action. They should be concise and straightforward, containing a single action and, in some cases, a single input field.
+*   `md`: Medium modals provide optional supporting information to help users understand the context of a word or screen. They may contain a single action and, in some cases, a larger input such as a textarea.
+*   `lg`: Large modals are used for more complex tasks that require multiple steps or a lot of information as well as media such as video and PDF documents. They can contain multiple actions, inputs, and supporting information.
+
+union
+
+
+
+ | 
+
+'md'
+
+ | 
+
+smmdlg
+
+ |
 | static | 
 
 When set to `true`, the modal will act like a static element when open. This means it will not lock scroll or focus within the modal. Note: This is used internally to display modals in Styler. It is not recommended to use this prop in your own applications.
@@ -397,6 +418,27 @@ boolean
 
 
  | \- | \- |
+| size | 
+
+Size of the modal
+
+*   `sm`: Small modals communicate the outcome of an irreversible action. They should be concise and straightforward, containing a single action and, in some cases, a single input field.
+*   `md`: Medium modals provide optional supporting information to help users understand the context of a word or screen. They may contain a single action and, in some cases, a larger input such as a textarea.
+*   `lg`: Large modals are used for more complex tasks that require multiple steps or a lot of information as well as media such as video and PDF documents. They can contain multiple actions, inputs, and supporting information.
+
+union
+
+
+
+ | 
+
+'md'
+
+ | 
+
+smmdlg
+
+ |
 | static | 
 
 When set to `true`, the modal will act like a static element when open. This means it will not lock scroll or focus within the modal. Note: This is used internally to display modals in Styler. It is not recommended to use this prop in your own applications.
@@ -672,6 +714,27 @@ boolean
 
 
  | \- | \- |
+| size | 
+
+Size of the modal
+
+*   `sm`: Small modals communicate the outcome of an irreversible action. They should be concise and straightforward, containing a single action and, in some cases, a single input field.
+*   `md`: Medium modals provide optional supporting information to help users understand the context of a word or screen. They may contain a single action and, in some cases, a larger input such as a textarea.
+*   `lg`: Large modals are used for more complex tasks that require multiple steps or a lot of information as well as media such as video and PDF documents. They can contain multiple actions, inputs, and supporting information.
+
+union
+
+
+
+ | 
+
+'md'
+
+ | 
+
+smmdlg
+
+ |
 | static | 
 
 When set to `true`, the modal will act like a static element when open. This means it will not lock scroll or focus within the modal. Note: This is used internally to display modals in Styler. It is not recommended to use this prop in your own applications.
@@ -898,6 +961,27 @@ boolean
 
 
  | \- | \- |
+| size | 
+
+Size of the modal
+
+*   `sm`: Small modals communicate the outcome of an irreversible action. They should be concise and straightforward, containing a single action and, in some cases, a single input field.
+*   `md`: Medium modals provide optional supporting information to help users understand the context of a word or screen. They may contain a single action and, in some cases, a larger input such as a textarea.
+*   `lg`: Large modals are used for more complex tasks that require multiple steps or a lot of information as well as media such as video and PDF documents. They can contain multiple actions, inputs, and supporting information.
+
+union
+
+
+
+ | 
+
+'md'
+
+ | 
+
+smmdlg
+
+ |
 | static | 
 
 When set to `true`, the modal will act like a static element when open. This means it will not lock scroll or focus within the modal. Note: This is used internally to display modals in Styler. It is not recommended to use this prop in your own applications.
@@ -974,7 +1058,7 @@ const SmallModal \= () \=> {
           Small modals communicate the outcome of an irreversible action. They          should be concise and straightforward, containing a single action and,          in some cases, a single input field.        </p\>
       </IressCard\>
       <IressModal
-        width\="overlay.sm"
+        size\="sm"
         heading\="Terms of service update"
         footer\={
           <IressButton mode\="primary" onClick\={() \=> setShow(false)}\>
@@ -1007,7 +1091,7 @@ const MediumModal \= () \=> {
           Medium modals provide optional supporting information to help users          understand the context of a word or screen. They may contain a single          action and, in some cases, a larger input such as a textarea.        </p\>
       </IressCard\>
       <IressModal
-        width\="overlay.md"
+        size\="md"
         heading\="History of Iress"
         footer\={<IressButton onClick\={() \=> setShow(false)}\>Close</IressButton\>}
         fixedFooter
@@ -1104,7 +1188,7 @@ const LargeModal \= () \=> {
           Large modals facilitate sub-flows within a primary flow, allowing          users to focus on tasks that will impact the underlying screen once          the modal is closed (e.g., adding an item to a table or bulk uploading          items). They should be used sparingly and only when there is a direct          relationship to the underlying screen, where the action wouldn't          warrant a separate dedicated screen.        </p\>
       </IressCard\>
       <IressModal
-        width\="overlay.lg"
+        size\="lg"
         heading\="Upload from CSV"
         footer\={
           <LargeModalActions
@@ -1340,9 +1424,21 @@ boolean
  | \- | \- |
 | size | 
 
-\-
+Size of the modal
 
- | \- | \- |
+*   `sm`: Small modals communicate the outcome of an irreversible action. They should be concise and straightforward, containing a single action and, in some cases, a single input field.
+*   `md`: Medium modals provide optional supporting information to help users understand the context of a word or screen. They may contain a single action and, in some cases, a larger input such as a textarea.
+*   `lg`: Large modals are used for more complex tasks that require multiple steps or a lot of information as well as media such as video and PDF documents. They can contain multiple actions, inputs, and supporting information.
+
+union
+
+
+
+ | 
+
+'md'
+
+ | \- |
 | static | 
 
 When set to `true`, the modal will act like a static element when open. This means it will not lock scroll or focus within the modal. Note: This is used internally to display modals in Styler. It is not recommended to use this prop in your own applications.
@@ -1355,11 +1451,13 @@ boolean
 
 ### Responsive size
 
-The `size` prop can take an object that takes five key/value pairs that correlate with the IDS breakpoints.
+The `size` prop no longer accepts responsive values directly, instead you must use the `width` styling prop to set responsive sizes.
+
+The `width` prop can take an object that takes five key/value pairs that correlate with the IDS breakpoints.
 
-If you set a responsive `size`, the modal becomes full width on screens smaller than the value you specified. For example, if you want to create a large modal on medium screens and above:
+If you set a responsive `width`, the modal becomes full width on screens smaller than the value you specified. For example, if you want to create a large modal on medium screens and above:
 
-<IressModal size\={{ md: IressModal.Size.Lg }}\>
+<IressModal size\="lg" width\={{ md: 'overlay.lg' }}\>
 
 ```
 
@@ -1561,6 +1659,27 @@ boolean
 
 
  | \- | \- |
+| size | 
+
+Size of the modal
+
+*   `sm`: Small modals communicate the outcome of an irreversible action. They should be concise and straightforward, containing a single action and, in some cases, a single input field.
+*   `md`: Medium modals provide optional supporting information to help users understand the context of a word or screen. They may contain a single action and, in some cases, a larger input such as a textarea.
+*   `lg`: Large modals are used for more complex tasks that require multiple steps or a lot of information as well as media such as video and PDF documents. They can contain multiple actions, inputs, and supporting information.
+
+union
+
+
+
+ | 
+
+'md'
+
+ | 
+
+smmdlg
+
+ |
 | static | 
 
 When set to `true`, the modal will act like a static element when open. This means it will not lock scroll or focus within the modal. Note: This is used internally to display modals in Styler. It is not recommended to use this prop in your own applications.
@@ -1815,6 +1934,27 @@ boolean
 
 
  | \- | \- |
+| size | 
+
+Size of the modal
+
+*   `sm`: Small modals communicate the outcome of an irreversible action. They should be concise and straightforward, containing a single action and, in some cases, a single input field.
+*   `md`: Medium modals provide optional supporting information to help users understand the context of a word or screen. They may contain a single action and, in some cases, a larger input such as a textarea.
+*   `lg`: Large modals are used for more complex tasks that require multiple steps or a lot of information as well as media such as video and PDF documents. They can contain multiple actions, inputs, and supporting information.
+
+union
+
+
+
+ | 
+
+'md'
+
+ | 
+
+smmdlg
+
+ |
 | static | 
 
 When set to `true`, the modal will act like a static element when open. This means it will not lock scroll or focus within the modal. Note: This is used internally to display modals in Styler. It is not recommended to use this prop in your own applications.
@@ -2010,6 +2150,23 @@ boolean
 
 
  | \- | \- |
+| size | 
+
+Size of the modal
+
+*   `sm`: Small modals communicate the outcome of an irreversible action. They should be concise and straightforward, containing a single action and, in some cases, a single input field.
+*   `md`: Medium modals provide optional supporting information to help users understand the context of a word or screen. They may contain a single action and, in some cases, a larger input such as a textarea.
+*   `lg`: Large modals are used for more complex tasks that require multiple steps or a lot of information as well as media such as video and PDF documents. They can contain multiple actions, inputs, and supporting information.
+
+union
+
+
+
+ | 
+
+'md'
+
+ | \- |
 | static | 
 
 When set to `true`, the modal will act like a static element when open. This means it will not lock scroll or focus within the modal. Note: This is used internally to display modals in Styler. It is not recommended to use this prop in your own applications.

package/generated/docs/components_introduction-docs.md

@@ -1,7 +1,7 @@
 Iress Design System
 ===================
 
-6.0.0-alpha.6
+6.0.0-alpha.7
 
 The Iress Design System (IDS) serves as a shared visual language, working code, design tools and resources, human interface guidelines, and a community. It supports designers and developers building digital products for both B2B (Financial Advisors, Paraplanners) and B2B2C (client customers) segments.
 

package/generated/docs/tokens_introduction-docs.md

@@ -25,7 +25,7 @@ None selected
 
 Show deprecated tokens
 
-Tokens (85)
+Tokens (86)
 | Name
  | Alias
 
@@ -78,6 +78,7 @@ Tokens (85)
 | elevation.overflow.shadow |  | Shadow for overflow elevations |  |
 | elevation.overflow.border |  | Border for overflow elevations |  |
 | elevation.focus.shadow |  | Shadow for focus elevations |  |
+| elevation.focus.borderColor |  | Border color for focus elevations |  |
 | elevation.focusCompact.shadow |  | Shadow for focus compact elevations |  |
 | elevation.focusCompact.borderColor |  | Border color for focus compact elevations |  |
 | radius.100 |  | The base unit for radius |  |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iress-oss/ids-mcp-server",
-  "version": "6.0.0-alpha.6",
+  "version": "6.0.0-alpha.7",
   "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",