@iress-oss/ids-mcp-server 6.0.0-alpha.1-canary-20251204040305-3639454 → 6.0.0-alpha.2

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

@@ -619,34 +619,24 @@ The minimum number to accept for this input.
 
 ```
 
-<ForwardedForm\>
-  <IressFormField
-    hint\="Select a minimum of 20"
-    label\="Default message"
-    name\="IressInput-default"
-    render\={(controlledProps) \=> <IressInput {...controlledProps} />}
-    rules\={{
+{
+  ...Default,
+  args: {
+    element: 'IressInput',
+    field: {
+      hint: 'Select a minimum of 20'
+    },
+    rules: {
       min: 20
-    }}
-  />
-  <IressFormField
-    hint\="Select a minimum of 20"
-    label\="Custom message"
-    name\="IressInput-custom"
-    render\={(controlledProps) \=> <IressInput {...controlledProps} />}
-    rules\={{
+    },
+    customRules: {
       min: {
-        message: 'Please enter a min of 20!',
-        value: 20
+        value: 20,
+        message: 'Please enter a min of 20!'
       }
-    }}
-  />
-  <IressButton
-    mode\="primary"
-    type\="submit"
-  \>
-    Validate  </IressButton\>
-</ForwardedForm\>
+    }
+  }
+}
 
 ```
 
@@ -668,29 +658,24 @@ The accepted regex pattern for the input.
 
 ```
 
-<ForwardedForm\>
-  <IressFormField
-    hint\="Enter a valid email address"
-    label\="Default message"
-    name\="IressInput-default"
-    render\={(controlledProps) \=> <IressInput {...controlledProps} />}
-    rules\={{
+{
+  ...Default,
+  args: {
+    element: 'IressInput',
+    field: {
+      hint: 'Enter a valid email address'
+    },
+    rules: {
       pattern: /^\[a-zA-Z0-9.!#$%&'\*+/=?^\_\`{|}~-\]+@\[a-zA-Z0-9\](?:\[a-zA-Z0-9-\]{0,61}\[a-zA-Z0-9\])?(?:\\.\[a-zA-Z0-9\](?:\[a-zA-Z0-9-\]{0,61}\[a-zA-Z0-9\])?)\*$/
-    }}
-  />
-  <IressFormField    hint="Enter a valid email address"    label="Custom message"    name="IressInput-custom"    render={(controlledProps) \=> <IressInput {...controlledProps} />}
-    rules={{
+    },
+    customRules: {
       pattern: {
-        message: 'Please enter a valid email address!',
-        value: /^\[a-zA-Z0-9.!#$%&'\*+/=?^\_\`{|}~-\]+@\[a-zA-Z0-9\](?:\[a-zA-Z0-9-\]{0,61}\[a-zA-Z0-9\])?(?:\\.\[a-zA-Z0-9\](?:\[a-zA-Z0-9-\]{0,61}\[a-zA-Z0-9\])?)\*$/
+        value: /^\[a-zA-Z0-9.!#$%&'\*+/=?^\_\`{|}~-\]+@\[a-zA-Z0-9\](?:\[a-zA-Z0-9-\]{0,61}\[a-zA-Z0-9\])?(?:\\.\[a-zA-Z0-9\](?:\[a-zA-Z0-9-\]{0,61}\[a-zA-Z0-9\])?)\*$/,
+        message: 'Please enter a valid email address!'
       }
-    }}
-  />  <IressButton
-    mode\="primary"
-    type\="submit"
-  \>
-    Validate  </IressButton\>
-</ForwardedForm\>
+    }
+  }
+}
 
 ```
 

package/generated/docs/components_resources-migration-guides-from-v4-to-v5-docs.md

@@ -10,8 +10,19 @@ Updating your dependencies
 
 Update your dependencies in your `package.json` file to the following:
 
+"dependencies": {
+  "@iress-oss/ids-components": "^5.0.0",
+  "@iress/themes": "^5.0.0"
+}
+
+```
+
 or run:
 
+yarn add @iress-oss/ids-components@^5.0.0 @iress/themes@^5.0.0
+
+```
+
 ### Upgrade React
 
 The minimum required version of React is 17. If you are using an older version of React, you will need to update it.
@@ -33,6 +44,10 @@ You can run both packages together, so you can migrate components one by one.
 
 IDS v5 no longer injects CSS into the DOM. You will need to import the stylesheet directly into your application.
 
+import '@iress-oss/ids-components/dist/style.css';
+
+```
+
 Update Jest configuration
 -------------------------
 
@@ -40,6 +55,12 @@ If you are using Jest, you will need to update your Jest configuration to add th
 
 **Note:** If you are using version 4 and version 5 in parallel, you will need to keep the old IDS packages in your `transformIgnorePatterns` until you have completely migrated over your components.
 
+"transformIgnorePatterns": \[
+  "/node\_modules/(?!@iress-oss/ids-components)"
+\]
+
+```
+
 If you are mocking CSS files for your tests, you'll also need to make sure the new stylesheet is matched by your `moduleNameMapper`:
 
 <table class="css-1n5o7vh-diff-container"><tbody><tr class="css-1n7ec1i-line"><td class="css-17vezug-marker"><pre></pre></td><td class="css-vl0irh-content"><pre class="css-o1u8iu-content-text">  "moduleNameMapper": {</pre></td></tr><tr class="css-1n7ec1i-line"><td class="css-17vezug-marker"><pre></pre></td><td class="css-vl0irh-content"><pre class="css-o1u8iu-content-text">    "^.+\.(scss|less)$": "&lt;rootDir&gt;/test/style-mock.ts",</pre></td></tr><tr class="css-1n7ec1i-line"><td class="css-17vezug-marker"><pre></pre></td><td class="css-vl0irh-content"><pre class="css-o1u8iu-content-text">    "ids-web-components.css$": "&lt;rootDir&gt;/test/style-mock.ts",</pre></td></tr><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">    "global.css$": "&lt;rootDir&gt;/test/style-mock.ts"</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">    "global.css$": "&lt;rootDir&gt;/test/style-mock.ts",</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">    "@iress-oss/ids-components/(.*).css": "&lt;rootDir&gt;/test/style-mock.ts"</pre></td></tr><tr class="css-1n7ec1i-line"><td class="css-17vezug-marker"><pre></pre></td><td class="css-vl0irh-content"><pre class="css-o1u8iu-content-text">  },</pre></td></tr></tbody></table>
@@ -87,16 +108,95 @@ These classes have been removed from version 5. If you are targeting components
 
 This is the recommended approach. You can use design tokens and custom classes to style the components.
 
+.custom-radio {
+  \--iress-text-color: red;
+  align-self: center;
+}
+
+```
+
+<IressRadio className\="custom-radio" />
+
+```
+
 #### Option 2: Target the new classes
 
 This option is **not recommended** and should be used as a last resort, as the class names can change in future, in which case your stylesheet will no longer have any effect. It is recommended to use design tokens or custom classes instead.
 
+@use '@iress-oss/ids-components/dist/constants/index.scss' as \*;
+.ids-radio-#{$ids-version} {
+  align-self: center;
+}
+
+.ids-radio--label-#{$ids-version} {
+  color: red;
+}
+
+```
+
 ### Theme tokens
 
 There are a few token changes that have changed (though this has been relatively minor). The version 5 themes have been updated to use the new design tokens, however if you are using version 4 in parallel with version 5, you may notice that the version 4 styles can no longer find the removed/changed tokens.
 
 To fix this issue, please backfill the tokens in your application until you have finished your migration.
 
+/\* TODO: Will be removed once we have moved to IDS version 5 \*/
+/\* Change to the name(s) of the themes you want to back fill. \*/
+.iress-theme-light {
+  --iress-alert-error-text-color: var(--iress-alert-danger-text-color);
+  --iress-alert-error-background-color: var(
+    --iress-alert-danger-background-color
+  );
+  --iress-alert-error-border-color: var(--iress-alert-danger-border-color);
+  --iress-alert-error-heading-icon-text-color: var(
+    --iress-alert-danger-heading-icon-text-color
+  );
+
+  --iress-button-margin-right: var(--iress-g-spacing-xs);
+
+  --iress-combobox-option-meta-font-weight: var(
+    --iress-a-muted-font-weight,
+    var(--iress-g-font-weight, normal)
+  );
+  --iress-combobox-option-meta-text-color: var(
+    --iress-g-muted-text-color,
+    var(--iress-default-text-color--light)
+  );
+
+  --iress-filter-option-meta-font-weight: var(
+    --iress-a-muted-font-weight,
+    var(--iress-g-font-weight, normal)
+  );
+  --iress-filter-option-meta-text-color: var(
+    --iress-g-muted-text-color,
+    var(--iress-default-text-color--light)
+  );
+
+  --iress-form-field-margin-bottom: var(
+    --iress-a-vertical-spacing-lg,
+    var(--iress-g-spacing-lg)
+  );
+
+  --iress-table-cell-buy-text-color: var(
+    --iress-table-cell-positive-text-color
+  );
+  --iress-table-cell-sell-text-color: var(
+    --iress-table-cell-negative-text-color
+  );
+  --iress-table-cell-selected-buy-text-color: var(
+    --iress-table-cell-selected-positive-text-color
+  );
+  --iress-table-cell-selected-sell-text-color: var(
+    --iress-table-cell-selected-negative-text-color
+  );
+
+  --iress-validation-message-error-text-color: var(
+    --iress-validation-message-danger-text-color
+  );
+}
+
+```
+
 AG grid theme
 -------------
 
@@ -104,6 +204,10 @@ As of version 5, we only support the lite AG grid theme, which is used in conjun
 
 Run the following command to install the AG grid lite theme:
 
+yarn add @iress/ag-grid-theme@^5.0.0
+
+```
+
 Then you can import the AG Grid theme CSS, import the relevant IDS theme, and hook up the styles by setting a class of ag-theme-alpine ag-theme-iress-lite on your grid wrapper.
 
 Diff
@@ -121,6 +225,10 @@ Version 5 and version 4 can be run in parallel, but it is recommended to remove
 
 Run the following to remove version 4 and its related packages:
 
+yarn remove @iress/components @iress/components-react @iress/components-react-custom-elements @iress/ids-react-test-utils
+
+```
+
 ### Remove `global.css`
 
 The `global.css` file has been removed, it is now recommended to include the Roboto font directly using Google Fonts.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iress-oss/ids-mcp-server",
-  "version": "6.0.0-alpha.1-canary-20251204040305-3639454",
+  "version": "6.0.0-alpha.2",
   "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",
@@ -58,6 +58,5 @@
   "repository": {
     "type": "git",
     "url": "https://github.com/iress/design-system"
-  },
-  "stableVersion": "6.0.0-alpha.1"
+  }
 }