@iress-oss/ids-mcp-server 6.0.0-alpha.0 → 6.0.0-alpha.1-canary-20251204014525-3f0dce4

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

@@ -1,121 +0,0 @@
-[](#typography)Typography
-=========================
-
-These are all styling props related to changing the typography of a component.
-
-[](#textstyle)`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.
-
-A panel with large text
-
-Hide code
-
-\[data-radix-scroll-area-viewport\] { scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } \[data-radix-scroll-area-viewport\]::-webkit-scrollbar { display: none; } :where(\[data-radix-scroll-area-viewport\]) { display: flex; flex-direction: column; align-items: stretch; } :where(\[data-radix-scroll-area-content\]) { flex-grow: 1; }
-
-<IressPanel
-  bg\="alt"
-  textStyle\="typography.body.lg"
-\>
-  A panel with large text
-</IressPanel\>
-
-Copy
-
-#### [](#textStyle-props)Props
-
-| Name | Description | Default | Control |
-| --- | --- | --- | --- |
-| textAlign | 
-The **`text-align`** CSS property sets the horizontal alignment of the inline-level content inside a block element or table-cell box.
-
-| Chrome | Firefox | Safari | Edge | IE |
-| --- | --- | --- | --- | --- |
-| **1** | **1** | **1** | **12** | **3** |
-
-ResponsiveProp<"center" | "left" | "right" | "inherit" | "justify"> | undefined
-
- | \- | Set object |
-| textStyle | 
-
-Select the typography to be used using the **`textStyle`** prop. These are connected to the typography tokens in the design system.'
-
-*   `typography.body.sm` - Use for small components such as badges and disclaimers, as well as compact variations of tables and lists.
-*   `typography.body.md` - The most commonly used body text size, used for most text content in the product and the default state of all components in the design system.
-*   `typography.body.lg` - Use for tag lines, subtitles, and other large text content in the product.
-*   `typography.heading.1` - Use for the main page title to establish a clear hierarchy. There is typically only one H1 per screen, emphasising the primary purpose or context of the page.
-*   `typography.heading.2` - Use for primary section headings within a page to organise content and guide the user through key areas. Also suitable for large components—such as modals—where space allows and where it pairs well with body.md or body.lg.
-*   `typography.heading.3` - Use for sub-sections under H2s to further structure content and maintain a clear visual hierarchy. Ideal for breaking down complex sections into manageable parts.
-*   `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.code` - Used to display code snippets in the product, such as in the API documentation.
-
-ResponsiveProp<"typography.heading.1" | "typography.heading.2" | "typography.heading.3" | "typography.heading.4" | "typography.heading.5" | "typography.body.sm" | "typography.body.sm.regular" | ... 10 more ... | "typography.code"> | undefined
-
- | \- | 
-
-"typography.body.lg"
-
- |
-
-[](#textalign)`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.
-
-A panel with centered text
-
-Hide code
-
-\[data-radix-scroll-area-viewport\] { scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } \[data-radix-scroll-area-viewport\]::-webkit-scrollbar { display: none; } :where(\[data-radix-scroll-area-viewport\]) { display: flex; flex-direction: column; align-items: stretch; } :where(\[data-radix-scroll-area-content\]) { flex-grow: 1; }
-
-<IressPanel
-  bg\="alt"
-  textAlign\="center"
-\>
-  A panel with centered text
-</IressPanel\>
-
-Copy
-
-#### [](#textAlign-props)Props
-
-| Name | Description | Default | Control |
-| --- | --- | --- | --- |
-| textAlign | 
-The **`text-align`** CSS property sets the horizontal alignment of the inline-level content inside a block element or table-cell box.
-
-| Chrome | Firefox | Safari | Edge | IE |
-| --- | --- | --- | --- | --- |
-| **1** | **1** | **1** | **12** | **3** |
-
-ResponsiveProp<"center" | "left" | "right" | "inherit" | "justify"> | undefined
-
- | \- | 
-
-"center"
-
- |
-| textStyle | 
-
-Select the typography to be used using the **`textStyle`** prop. These are connected to the typography tokens in the design system.'
-
-*   `typography.body.sm` - Use for small components such as badges and disclaimers, as well as compact variations of tables and lists.
-*   `typography.body.md` - The most commonly used body text size, used for most text content in the product and the default state of all components in the design system.
-*   `typography.body.lg` - Use for tag lines, subtitles, and other large text content in the product.
-*   `typography.heading.1` - Use for the main page title to establish a clear hierarchy. There is typically only one H1 per screen, emphasising the primary purpose or context of the page.
-*   `typography.heading.2` - Use for primary section headings within a page to organise content and guide the user through key areas. Also suitable for large components—such as modals—where space allows and where it pairs well with body.md or body.lg.
-*   `typography.heading.3` - Use for sub-sections under H2s to further structure content and maintain a clear visual hierarchy. Ideal for breaking down complex sections into manageable parts.
-*   `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.code` - Used to display code snippets in the product, such as in the API documentation.
-
-ResponsiveProp<"typography.heading.1" | "typography.heading.2" | "typography.heading.3" | "typography.heading.4" | "typography.heading.5" | "typography.body.sm" | "typography.body.sm.regular" | ... 10 more ... | "typography.code"> | undefined
-
- | \- | Set object |
-
-On this page
-
-*   [textStyle](#textstyle)
-*   [textAlign](#textalign)

package/generated/docs/themes-available-themes-docs.md

@@ -1,66 +0,0 @@
-[](#available-themes)Available themes
-=====================================
-
-These are the available themes you can apply to Iress products. If you are using the component library, these themes will automatically style the components to match the theme.
-
-[](#versions)Versions
----------------------
-
-Themes are no longer connected to the version of IDS you are using. Instead they will support a range of IDS versions.
-
-| `@iress/ids-themes` | `@iress-oss/ids-components` |
-| --- | --- |
-| 5.x | 5.x |
-| 4.x | 3.x - 4.x |
-| 3.x | 3.x - 4.x |
-
-[](#list)List
--------------
-
-Version: 5.5.0-30735
-
-* * *
-
-5.5.0-30735Latest5.4.8-262445.4.7-261205.4.6-260525.4.5-260275.4.4-260225.4.3-259955.4.2-259585.4.1-259415.4.0-294265.3.2-290865.3.1-29028
-
-None selected
-
-Latest build only
-
-* * *
-
-### Version: 5.5.0-30735
-
-*   [css/demo-theme-1--touch.css](https://cdn-staging.iress.com/ids/5.5.0-30735/themes/css/demo-theme-1--touch.css)
-*   [css/demo-theme-1.css](https://cdn-staging.iress.com/ids/5.5.0-30735/themes/css/demo-theme-1.css)
-*   [css/demo-theme-2--touch.css](https://cdn-staging.iress.com/ids/5.5.0-30735/themes/css/demo-theme-2--touch.css)
-*   [css/demo-theme-2.css](https://cdn-staging.iress.com/ids/5.5.0-30735/themes/css/demo-theme-2.css)
-*   [css/demo-theme-3--touch.css](https://cdn-staging.iress.com/ids/5.5.0-30735/themes/css/demo-theme-3--touch.css)
-*   [css/demo-theme-3.css](https://cdn-staging.iress.com/ids/5.5.0-30735/themes/css/demo-theme-3.css)
-*   [css/demo-theme-4--touch.css](https://cdn-staging.iress.com/ids/5.5.0-30735/themes/css/demo-theme-4--touch.css)
-*   [css/demo-theme-4.css](https://cdn-staging.iress.com/ids/5.5.0-30735/themes/css/demo-theme-4.css)
-*   [css/demo-theme-5--touch.css](https://cdn-staging.iress.com/ids/5.5.0-30735/themes/css/demo-theme-5--touch.css)
-*   [css/demo-theme-5.css](https://cdn-staging.iress.com/ids/5.5.0-30735/themes/css/demo-theme-5.css)
-*   [css/demo-theme-6--touch.css](https://cdn-staging.iress.com/ids/5.5.0-30735/themes/css/demo-theme-6--touch.css)
-*   [css/demo-theme-6.css](https://cdn-staging.iress.com/ids/5.5.0-30735/themes/css/demo-theme-6.css)
-*   [css/hostplus-theme-light--touch.css](https://cdn-staging.iress.com/ids/5.5.0-30735/themes/css/hostplus-theme-light--touch.css)
-*   [css/hostplus-theme-light.css](https://cdn-staging.iress.com/ids/5.5.0-30735/themes/css/hostplus-theme-light.css)
-*   [css/iress-beta-theme-dark--touch.css](https://cdn-staging.iress.com/ids/5.5.0-30735/themes/css/iress-beta-theme-dark--touch.css)
-*   [css/iress-beta-theme-dark.css](https://cdn-staging.iress.com/ids/5.5.0-30735/themes/css/iress-beta-theme-dark.css)
-*   [css/iress-beta-theme-light--touch.css](https://cdn-staging.iress.com/ids/5.5.0-30735/themes/css/iress-beta-theme-light--touch.css)
-*   [css/iress-beta-theme-light.css](https://cdn-staging.iress.com/ids/5.5.0-30735/themes/css/iress-beta-theme-light.css)
-*   [css/iress-theme-dark--touch.css](https://cdn-staging.iress.com/ids/5.5.0-30735/themes/css/iress-theme-dark--touch.css)
-*   [css/iress-theme-dark.css](https://cdn-staging.iress.com/ids/5.5.0-30735/themes/css/iress-theme-dark.css)
-*   [css/iress-theme-light--touch.css](https://cdn-staging.iress.com/ids/5.5.0-30735/themes/css/iress-theme-light--touch.css)
-*   [css/iress-theme-light.css](https://cdn-staging.iress.com/ids/5.5.0-30735/themes/css/iress-theme-light.css)
-*   [css/iress-theme-wealth--touch.css](https://cdn-staging.iress.com/ids/5.5.0-30735/themes/css/iress-theme-wealth--touch.css)
-*   [css/iress-theme-wealth.css](https://cdn-staging.iress.com/ids/5.5.0-30735/themes/css/iress-theme-wealth.css)
-
-#### Theme mappings
-
-*   [ag-theme-iress-lite.css](https://cdn-staging.iress.com/ids/5.5.0-30735/ag-theme-iress-lite.css)
-
-On this page
-
-*   [Versions](#versions)
-*   [List](#list)

package/generated/docs/themes-introduction-docs.md

@@ -1,121 +0,0 @@
-[](#themes)Themes
-=================
-
-The Iress Design System is designed to be white-labelled, allowing you to change the look and feel of the components to match your brand. This is done by using a theme.
-
-* * *
-
-Beta
-
-**New component**
-
-This component is new, please provide feedback to the IDS team if you encounter any issues.
-
-[](#what-are-themes)What are themes?
-------------------------------------
-
-Themes are a collection of [design tokens](./?path=/docs/themes-tokens--docs) that are used to style the components to match a certain brand. These tokens are used to define the colours, typography, spacing, and other styles of the components.
-
-You can see the current themes available by using the theme switcher in the top left corner of this page.
-
-[](#using-a-theme)Using a theme
--------------------------------
-
-To start using a theme in your own application, you can use the `IressTheme` component from the `@iress/ids-themes` package. This component takes the name of a theme and imports the theme CSS (via the Iress CDN) to display the components in that theme.
-
-\[data-radix-scroll-area-viewport\] {
-  scrollbar-width: none;
-  -ms-overflow-style: none;
-  -webkit-overflow-scrolling: touch;
-}
-\[data-radix-scroll-area-viewport\]::-webkit-scrollbar {
-  display: none;
-}
-:where(\[data-radix-scroll-area-viewport\]) {
-  display: flex;
-  flex-direction: column;
-  align-items: stretch;
-}
-:where(\[data-radix-scroll-area-content\]) {
-  flex-grow: 1;
-}
-
-import { IressTheme } from '@iress/ids-themes';
-<IressTheme name\="iress-beta-theme-light" />;
-
-Copy
-
-If you cannot use the Iress CDN, you can also use the dynamic `IressThemeImport` component to import the theme CSS from your dependencies. It will import the theme CSS from the `@iress/ids-themes` package.
-
-**Note:** This component dynamically injects CSS into the document, and may throw errors in your tests. Please see the [Testing](#testing) section for more information.
-
-\[data-radix-scroll-area-viewport\] {
-  scrollbar-width: none;
-  -ms-overflow-style: none;
-  -webkit-overflow-scrolling: touch;
-}
-\[data-radix-scroll-area-viewport\]::-webkit-scrollbar {
-  display: none;
-}
-:where(\[data-radix-scroll-area-viewport\]) {
-  display: flex;
-  flex-direction: column;
-  align-items: stretch;
-}
-:where(\[data-radix-scroll-area-content\]) {
-  flex-grow: 1;
-}
-
-import { IressThemeImport } from '@iress/ids-themes';
-<IressThemeImport
-  name\="iress-beta-theme-light"
-  fallback\={<IressSpinner screenReaderText\="Loading theme..." />}
-\>
-  <App />
-</IressThemeImport\>;
-
-Copy
-
-[](#testing)Testing
--------------------
-
-Due to the CSS being loaded dynamically, you will need to set up your test configuration to handle the dynamic CSS loading.
-
-### [](#vitest)Vitest
-
-This will force the CSS from the `@iress/ids-themes` package to be loaded inline in the test environment.
-
-\[data-radix-scroll-area-viewport\] {
-  scrollbar-width: none;
-  -ms-overflow-style: none;
-  -webkit-overflow-scrolling: touch;
-}
-\[data-radix-scroll-area-viewport\]::-webkit-scrollbar {
-  display: none;
-}
-:where(\[data-radix-scroll-area-viewport\]) {
-  display: flex;
-  flex-direction: column;
-  align-items: stretch;
-}
-:where(\[data-radix-scroll-area-content\]) {
-  flex-grow: 1;
-}
-
-test: {
-  // the rest of your Vitest configuration here
-  server: {
-    deps: {
-      inline: \['@iress/ids-themes'\],
-    },
-  },
-},
-
-Copy
-
-On this page
-
-*   [What are themes?](#what-are-themes)
-*   [Using a theme](#using-a-theme)
-*   [Testing](#testing)
-    *   [Vitest](#vitest)

package/generated/docs/versions-docs.md

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