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

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

@@ -0,0 +1,545 @@
+Spacing
+=======
+
+These are all styling props related to changing the spacing of a component.
+
+Padding
+-------
+
+There are seven props you can use to customise the padding of any component. It accepts the entire spacing token spectrum.
+
+*   `p`: Change the padding on all axes
+*   `px`: Change the padding on the left and right of a component
+*   `py`: Change the padding on the top and bottom of a component
+*   `pl`: Change the padding on the left of a component
+*   `pr`: Change the padding on the right of a component
+*   `pt`: Change the padding on the top of a component
+*   `pb`: Change the padding on the bottom of a component
+
+[](./iframe.html?id=styling-props-spacing--padding)
+
+A panel that has extra large padding on all sides.
+
+```
+
+<IressPanel
+  bg\="alt"
+  p\="xl"
+\>
+  A panel that has extra large padding on all sides.
+</IressPanel\>
+
+```
+
+#### Props
+
+| Name | Description | Default | Control |
+| --- | --- | --- | --- |
+| p | 
+string
+
+
+
+ | \- | xl |
+
+[](./iframe.html?id=styling-props-spacing--button)
+
+Submit
+
+```
+
+<IressButton
+  mode\="primary"
+  px\="xl"
+\>
+  Submit
+</IressButton\>
+
+```
+
+#### Props
+
+| Name | Description | Default | Control |
+| --- | --- | --- | --- |
+| px | 
+string
+
+
+
+ | \- | xl |
+
+[](./iframe.html?id=styling-props-spacing--variable-padding)
+
+A panel that has different padding on each side.
+
+```
+
+<IressPanel
+  bg\="alt"
+  pb\="xl"
+  pl\="md"
+  pr\="spacing.600"
+  pt\="spacing.050"
+\>
+  A panel that has different padding on each side.
+</IressPanel\>
+
+```
+
+#### Props
+
+| Name | Description | Default | Control |
+| --- | --- | --- | --- |
+| pb | 
+string
+
+
+
+ | \- | xl |
+| pl | 
+
+string
+
+
+
+ | \- | md |
+| pr | 
+
+string
+
+
+
+ | \- | spacing.600 |
+| pt | 
+
+string
+
+
+
+ | \- | spacing.050 |
+
+### Responsive padding
+
+All padding props are responsive and can be changed according to different screen sizes.
+
+[](./iframe.html?id=styling-props-spacing--responsive-padding)
+
+A panel that has extra large padding on small screens and no padding on large screens.
+
+```
+
+<IressPanel
+  bg\="alt"
+  p\={{
+    base: 'xl',
+    lg: 'none'
+  }}
+\>
+  A panel that has extra large padding on small screens and no padding on large screens.
+</IressPanel\>
+
+```
+
+#### Props
+
+| Name | Description | Default | Control |
+| --- | --- | --- | --- |
+| p | 
+object
+
+
+
+ | \- | 
+
+RAW
+
+p :
+
+{
+
+*   base : "xl"
+*   lg : "none"
+
+}
+
+
+
+
+
+
+
+ |
+
+[](./iframe.html?id=styling-props-spacing--responsive-variable-padding)
+
+A panel that has responsive padding on the vertical and horizontal axes.
+
+```
+
+<IressPanel
+  bg\="alt"
+  px\={{
+    base: 'none',
+    lg: 'xl'
+  }}
+  py\={{
+    base: 'xl',
+    lg: 'none'
+  }}
+\>
+  A panel that has responsive padding on the vertical and horizontal axes.
+</IressPanel\>
+
+```
+
+#### Props
+
+| Name | Description | Default | Control |
+| --- | --- | --- | --- |
+| px | 
+object
+
+
+
+ | \- | 
+
+RAW
+
+px :
+
+{
+
+*   base : "none"
+*   lg : "xl"
+
+}
+
+
+
+
+
+
+
+ |
+| py | 
+
+object
+
+
+
+ | \- | 
+
+RAW
+
+py :
+
+{
+
+*   base : "xl"
+*   lg : "none"
+
+}
+
+
+
+
+
+
+
+ |
+
+### Migrating from version 5
+
+Responsive padding worked differently in version 5. The `p` prop no longer accepts a nested object of axes to change the padding, you must change every prop based on the breakpoint.
+
+<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 p={{ t: 'xl', b: 'xl' }} /&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 pt="xl" pb="xl"  /&gt;</pre></td></tr></tbody></table>
+
+Margin
+------
+
+There are seven props you can use to customise the margin of any component. It accepts the entire spacing token spectrum, `auto` and negative values of the spacing token spectrum.
+
+*   `m`: Change the margin on all axes
+*   `mx`: Change the margin on the left and right of a component
+*   `my`: Change the margin on the top and bottom of a component
+*   `ml`: Change the margin on the left of a component
+*   `mr`: Change the margin on the right of a component
+*   `mt`: Change the margin on the top of a component
+*   `mb`: Change the margin on the bottom of a component
+
+[](./iframe.html?id=styling-props-spacing--margin)
+
+A panel that has the same margin on all sides.
+
+```
+
+<IressPanel
+  bg\="alt"
+  m\="xl"
+\>
+  A panel that has the same margin on all sides.
+</IressPanel\>
+
+```
+
+#### Props
+
+| Name | Description | Default | Control |
+| --- | --- | --- | --- |
+| m | 
+string
+
+
+
+ | \- | xl |
+
+[](./iframe.html?id=styling-props-spacing--variable-margin)
+
+A panel that has different margin on each side.
+
+```
+
+<IressPanel
+  bg\="alt"
+  mb\="xl"
+  ml\="md"
+  mr\="spacing.600"
+  mt\="spacing.050"
+\>
+  A panel that has different margin on each side.
+</IressPanel\>
+
+```
+
+#### Props
+
+| Name | Description | Default | Control |
+| --- | --- | --- | --- |
+| mb | 
+string
+
+
+
+ | \- | xl |
+| ml | 
+
+string
+
+
+
+ | \- | md |
+| mr | 
+
+string
+
+
+
+ | \- | spacing.600 |
+| mt | 
+
+string
+
+
+
+ | \- | spacing.050 |
+
+### Responsive margin
+
+All margin props are responsive and can be changed according to different screen sizes.
+
+[](./iframe.html?id=styling-props-spacing--responsive-margin)
+
+A panel that has extra large margin on small screens and no margin on large screens.
+
+```
+
+<IressPanel
+  bg\="alt"
+  m\={{
+    base: 'xl',
+    lg: 'none'
+  }}
+\>
+  A panel that has extra large margin on small screens and no margin on large screens.
+</IressPanel\>
+
+```
+
+#### Props
+
+| Name | Description | Default | Control |
+| --- | --- | --- | --- |
+| m | 
+object
+
+
+
+ | \- | 
+
+RAW
+
+m :
+
+{
+
+*   base : "xl"
+*   lg : "none"
+
+}
+
+
+
+
+
+
+
+ |
+
+[](./iframe.html?id=styling-props-spacing--responsive-variable-margin)
+
+A panel that has responsive margin on the vertical and horizontal axes.
+
+```
+
+<IressPanel
+  bg\="alt"
+  mx\={{
+    base: 'none',
+    lg: 'xl'
+  }}
+  my\={{
+    base: 'xl',
+    lg: 'none'
+  }}
+\>
+  A panel that has responsive margin on the vertical and horizontal axes.
+</IressPanel\>
+
+```
+
+#### Props
+
+| Name | Description | Default | Control |
+| --- | --- | --- | --- |
+| mx | 
+object
+
+
+
+ | \- | 
+
+RAW
+
+mx :
+
+{
+
+*   base : "none"
+*   lg : "xl"
+
+}
+
+
+
+
+
+
+
+ |
+| my | 
+
+object
+
+
+
+ | \- | 
+
+RAW
+
+my :
+
+{
+
+*   base : "xl"
+*   lg : "none"
+
+}
+
+
+
+
+
+
+
+ |
+
+### Negative margin
+
+Negative margin is supported in the same way as positive margin. You can use the same props to set negative margin.
+
+[](./iframe.html?id=styling-props-spacing--negative-margin)
+
+A panel that has negative margin and escapes its parent container
+
+```
+
+<IressPanel
+  layerStyle\="elevation.raised"
+  maxWidth\="container.sm"
+  mx\="auto"
+\>
+  <IressPanel
+    bg\="alt"
+    mx\="\-xl"
+  \>
+    A panel that has negative margin and escapes its parent container  </IressPanel\>
+</IressPanel\>
+
+```
+
+#### Props
+
+| Name | Description | Default | Control |
+| --- | --- | --- | --- |
+| mx | 
+string
+
+
+
+ | \- | \-xl |
+
+`noGutter`
+----------
+
+The `noGutter` prop removes the bottom margin of the last direct child of a component. This is useful when you have nested content inside a component with padding, such as `IressPanel` or `IressCard`, to remove unnecessary spacing in your layout.
+
+[](./iframe.html?id=styling-props-spacing--no-gutter)
+
+*   Margin is removed due to `noGutter`
+
+```
+
+<IressPanel
+  bg\="alt"
+  noGutter
+\>
+  <ul\>
+    <li\>
+      <React.Fragment key\=".0"\>
+        Margin is removed due to{' '}
+        <code\>
+          noGutter        </code\>
+      </React.Fragment\>
+    </li\>
+  </ul\>
+</IressPanel\>
+
+```
+
+#### Props
+
+Args table with interactive controls couldn't be auto-generated
+
+Controls give you an easy to use interface to test your components. Set your story args and you'll see controls appearing here automatically.
+
+[Learn how to set that up](https://storybook.js.org/docs/essentials/controls?ref=ui)

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

@@ -0,0 +1,66 @@
+Typography
+==========
+
+These are all styling props related to changing the typography of a component.
+
+`textStyle`
+-----------
+
+The `textStyle` prop allows you to change the default text style of a component. For more control and nested element styling, it is recommended to use `IressText` instead.
+
+[](./iframe.html?id=styling-props-typography--text-style)
+
+A panel with large text
+
+```
+
+<IressPanel
+  bg\="alt"
+  textStyle\="typography.body.lg"
+\>
+  A panel with large text
+</IressPanel\>
+
+```
+
+#### Props
+
+| Name | Description | Default | Control |
+| --- | --- | --- | --- |
+| textStyle | 
+string
+
+
+
+ | \- | typography.body.lg |
+
+`textAlign`
+-----------
+
+The `textAlign` prop allows you to change the alignment of text inside a component. For more control, it is recommended to use `IressText` instead.
+
+[](./iframe.html?id=styling-props-typography--text-align)
+
+A panel with centered text
+
+```
+
+<IressPanel
+  bg\="alt"
+  textAlign\="center"
+\>
+  A panel with centered text
+</IressPanel\>
+
+```
+
+#### Props
+
+| Name | Description | Default | Control |
+| --- | --- | --- | --- |
+| textAlign | 
+string
+
+
+
+ | \- | center |

package/generated/docs/components_versions-docs.md

@@ -0,0 +1,14 @@
+Versions
+========
+
+Version 5 is the latest release of the library and recommended for new development.
+
+List
+----
+
+| Version | Links |
+| --- | --- |
+| v6 | [Documentation](https://6x.design.wm.iress.com) |
+| v5 | [Documentation](https://design.wm.iress.com) |
+| v4 | [Documentation](https://archive.design.aws-wmcore-production-au.iress.online/index.html) |
+| OneUI | No longer available |