npm - @iress-oss/ids-mcp-server - Versions diffs - 5.15.0 → 6.0.0-alpha.1 - Mend

@iress-oss/ids-mcp-server 5.15.0 → 6.0.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (91) hide show

package/package.json +28 -46
package/generated/docs/components-alert-docs.md +0 -130
package/generated/docs/components-autocomplete-docs.md +0 -754
package/generated/docs/components-autocomplete-recipes-docs.md +0 -104
package/generated/docs/components-badge-docs.md +0 -148
package/generated/docs/components-button-docs.md +0 -362
package/generated/docs/components-button-recipes-docs.md +0 -76
package/generated/docs/components-buttongroup-docs.md +0 -310
package/generated/docs/components-card-docs.md +0 -494
package/generated/docs/components-card-recipes-docs.md +0 -89
package/generated/docs/components-checkbox-docs.md +0 -193
package/generated/docs/components-checkboxgroup-docs.md +0 -692
package/generated/docs/components-checkboxgroup-recipes-docs.md +0 -119
package/generated/docs/components-col-docs.md +0 -466
package/generated/docs/components-combobox-docs.md +0 -1016
package/generated/docs/components-container-docs.md +0 -91
package/generated/docs/components-divider-docs.md +0 -176
package/generated/docs/components-expander-docs.md +0 -215
package/generated/docs/components-field-docs.md +0 -675
package/generated/docs/components-filter-docs.md +0 -1109
package/generated/docs/components-form-docs.md +0 -2410
package/generated/docs/components-form-recipes-docs.md +0 -886
package/generated/docs/components-hide-docs.md +0 -265
package/generated/docs/components-icon-docs.md +0 -553
package/generated/docs/components-inline-docs.md +0 -868
package/generated/docs/components-input-docs.md +0 -335
package/generated/docs/components-input-recipes-docs.md +0 -140
package/generated/docs/components-inputcurrency-docs.md +0 -157
package/generated/docs/components-inputcurrency-recipes-docs.md +0 -116
package/generated/docs/components-label-docs.md +0 -135
package/generated/docs/components-menu-docs.md +0 -704
package/generated/docs/components-menu-menuitem-docs.md +0 -193
package/generated/docs/components-modal-docs.md +0 -587
package/generated/docs/components-navbar-docs.md +0 -291
package/generated/docs/components-navbar-recipes-docs.md +0 -413
package/generated/docs/components-panel-docs.md +0 -380
package/generated/docs/components-placeholder-docs.md +0 -27
package/generated/docs/components-popover-docs.md +0 -464
package/generated/docs/components-popover-recipes-docs.md +0 -245
package/generated/docs/components-progress-docs.md +0 -104
package/generated/docs/components-provider-docs.md +0 -105
package/generated/docs/components-radio-docs.md +0 -107
package/generated/docs/components-radiogroup-docs.md +0 -683
package/generated/docs/components-readonly-docs.md +0 -89
package/generated/docs/components-richselect-docs.md +0 -2433
package/generated/docs/components-row-docs.md +0 -877
package/generated/docs/components-select-docs.md +0 -456
package/generated/docs/components-skeleton-docs.md +0 -214
package/generated/docs/components-skeleton-recipes-docs.md +0 -76
package/generated/docs/components-skiplink-docs.md +0 -66
package/generated/docs/components-slideout-docs.md +0 -538
package/generated/docs/components-slider-docs.md +0 -346
package/generated/docs/components-spinner-docs.md +0 -59
package/generated/docs/components-stack-docs.md +0 -265
package/generated/docs/components-table-ag-grid-docs.md +0 -1074
package/generated/docs/components-table-docs.md +0 -1305
package/generated/docs/components-tabset-docs.md +0 -341
package/generated/docs/components-tabset-tab-docs.md +0 -86
package/generated/docs/components-tag-docs.md +0 -115
package/generated/docs/components-text-docs.md +0 -394
package/generated/docs/components-toaster-docs.md +0 -345
package/generated/docs/components-toaster-toast-docs.md +0 -157
package/generated/docs/components-toggle-docs.md +0 -158
package/generated/docs/components-tooltip-docs.md +0 -311
package/generated/docs/components-validationmessage-docs.md +0 -241
package/generated/docs/contact-us-docs.md +0 -27
package/generated/docs/extensions-editor-docs.md +0 -288
package/generated/docs/extensions-editor-recipes-docs.md +0 -39
package/generated/docs/foundations-accessibility-docs.md +0 -62
package/generated/docs/foundations-colours-docs.md +0 -257
package/generated/docs/foundations-consistency-docs.md +0 -52
package/generated/docs/foundations-content-docs.md +0 -23
package/generated/docs/foundations-introduction-docs.md +0 -17
package/generated/docs/foundations-principles-docs.md +0 -70
package/generated/docs/foundations-typography-docs.md +0 -191
package/generated/docs/foundations-user-experience-docs.md +0 -63
package/generated/docs/foundations-visual-design-docs.md +0 -46
package/generated/docs/frequently-asked-questions-docs.md +0 -53
package/generated/docs/get-started-develop-docs.md +0 -209
package/generated/docs/get-started-using-storybook-docs.md +0 -68
package/generated/docs/guidelines.md +0 -812
package/generated/docs/introduction-docs.md +0 -43
package/generated/docs/patterns-loading-docs.md +0 -1304
package/generated/docs/resources-changelog-docs.md +0 -6
package/generated/docs/resources-code-katas-docs.md +0 -29
package/generated/docs/resources-migration-guides-from-v4-to-v5-docs.md +0 -437
package/generated/docs/themes-available-themes-docs.md +0 -66
package/generated/docs/themes-introduction-docs.md +0 -121
package/generated/docs/themes-tokens-docs.md +0 -1200
package/generated/docs/versions-docs.md +0 -17
/package/{LICENSE.txt → LICENSE} +0 -0

package/generated/docs/components-icon-docs.md DELETED Viewed

@@ -1,553 +0,0 @@
-[](#icon)Icon
-=============
-Overview
---------
-Icons enhance experiences by visually communicating meaning, actions, status, and feedback.
-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; }
-<IressIcon name\="home" />
-Copy
-[](#installation)Installation
------------------------------
-If you are planning to include the `<IressIcon />` component in your application, you need to include the Font Awesome CSS.
-The easiest way to import the Font Awesome CSS is to use the `combined.css` file and add it to the `<head />` if your application. This file includes both the [Pro Light](https://fontawesome.com/v5/search?o=r&s=light) and [Brand](https://fontawesome.com/v5/search?o=r&f=brands) icon sets.
-Microfrontends
---------------
-If you are using a Microfrontend, you need to include the Font Awesome CSS in the parent application as well as the Microfrontend. This is because `@font-face` declarations are not supported inside the Shadow DOM.
-\[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;
-}
-<link
-  href\="https://cdn.iress.com/icons/5.15.4/css/combined.min.css"
-  rel\="stylesheet"
-/>
-Copy
-[](#supported-library-sets-and-names)Supported library sets and names
----------------------------------------------------------------------
-`IressIcon` currently supports Font Awesome (V5) [Light](https://fontawesome.com/v5/search?o=r&s=light) and [Brand](https://fontawesome.com/v5/search?o=r&f=brands) sets. The library sets are controlled by the `set` prop and it defaults to the Light set (`fal`).
-The `name` prop controls which icon is shown, and needs to match the icon name exactly as displayed on the [Font Awesome website](https://fontawesome.com/v5/search). Icon names should be lower case, and separated by hyphens where required; for example `home-alt` or `check-circle.` Icon names should not include the `fa-` prefix.
-[](#behaviour)Behaviour
------------------------
-### [](#screen-reader-text)Screen Reader Text
-By default icons are hidden from screen readers. The `screenreaderText` prop makes icons visible to screen readers users, providing a description of the icon.
-If you use an icon to improve the visual appeal of content, for example by replacing the default list icons with tick marks when listing product features, you don't need to add any screen reader text.
-If you use an icon to convey meaning, for example using an icon as the only content inside a button, you do need to supply a value for the `screenreaderText`; if you don't the button meaning will be completely lost for screen reader users.
-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; }
-<IressIcon
-  name\="home"
-  screenreaderText\="Home"
-/>
-Copy
-### [](#size)Size
-The `size` prop can be used to control sizing of the icon.
-xs
-sm
-lg
-2x
-3x
-5x
-7x
-10x
-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; }
-<IressInline
-  gutter\="md"
-  verticalAlign\="bottom"
-\>
-  <div\>
-    <IressIcon
-      name\="home"
-      size\="xs"
-    />
-    <IressText align\="center"\>
-      xs    </IressText\>
-  </div\>
-  <div\>
-    <IressIcon
-      name\="home"
-      size\="sm"
-    />
-    <IressText align\="center"\>
-      sm    </IressText\>
-  </div\>
-  <div\>
-    <IressIcon
-      name\="home"
-      size\="lg"
-    />
-    <IressText align\="center"\>
-      lg    </IressText\>
-  </div\>
-  <div\>
-    <IressIcon
-      name\="home"
-      size\="2x"
-    />
-    <IressText align\="center"\>
-      2x    </IressText\>
-  </div\>
-  <div\>
-    <IressIcon
-      name\="home"
-      size\="3x"
-    />
-    <IressText align\="center"\>
-      3x    </IressText\>
-  </div\>
-  <div\>
-    <IressIcon
-      name\="home"
-      size\="5x"
-    />
-    <IressText align\="center"\>
-      5x    </IressText\>
-  </div\>
-  <div\>
-    <IressIcon
-      name\="home"
-      size\="7x"
-    />
-    <IressText align\="center"\>
-      7x    </IressText\>
-  </div\>
-  <div\>
-    <IressIcon
-      name\="home"
-      size\="10x"
-    />
-    <IressText align\="center"\>
-      10x    </IressText\>
-  </div\>
-</IressInline\>
-Copy
-### [](#mode)Mode
-The `mode` prop can be used to set the colour of the icon to these predefined mode colours: Body, Muted, Primary, Info, Success, Warning, Danger, Positive and Negative.
-danger
-info
-muted
-primary
-success
-warning
-positive
-negative
-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; }
-<IressInline gutter\="md"\>
-  <div\>
-    <IressIcon
-      mode\="danger"
-      name\="home"
-      size\="5x"
-    />
-    <IressText align\="center"\>
-      danger    </IressText\>
-  </div\>
-  <div\>
-    <IressIcon
-      mode\="info"
-      name\="home"
-      size\="5x"
-    />
-    <IressText align\="center"\>
-      info    </IressText\>
-  </div\>
-  <div\>
-    <IressIcon
-      mode\="muted"
-      name\="home"
-      size\="5x"
-    />
-    <IressText align\="center"\>
-      muted    </IressText\>
-  </div\>
-  <div\>
-    <IressIcon
-      mode\="primary"
-      name\="home"
-      size\="5x"
-    />
-    <IressText align\="center"\>
-      primary    </IressText\>
-  </div\>
-  <div\>
-    <IressIcon
-      mode\="success"
-      name\="home"
-      size\="5x"
-    />
-    <IressText align\="center"\>
-      success    </IressText\>
-  </div\>
-  <div\>
-    <IressIcon
-      mode\="warning"
-      name\="home"
-      size\="5x"
-    />
-    <IressText align\="center"\>
-      warning    </IressText\>
-  </div\>
-  <div\>
-    <IressIcon
-      mode\="positive"
-      name\="home"
-      size\="5x"
-    />
-    <IressText align\="center"\>
-      positive    </IressText\>
-  </div\>
-  <div\>
-    <IressIcon
-      mode\="negative"
-      name\="home"
-      size\="5x"
-    />
-    <IressText align\="center"\>
-      negative    </IressText\>
-  </div\>
-</IressInline\>
-Copy
-### [](#flip)Flip
-The `flip` prop can be set to horizontal, vertical or both.
-original
-horizontal
-vertical
-both
-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; }
-<IressInline gutter\="md"\>
-  <div\>
-    <IressIcon
-      name\="home"
-      size\="5x"
-    />
-    <IressText align\="center"\>
-      original    </IressText\>
-  </div\>
-  <div\>
-    <IressIcon
-      flip\="horizontal"
-      name\="home"
-      size\="5x"
-    />
-    <IressText align\="center"\>
-      horizontal    </IressText\>
-  </div\>
-  <div\>
-    <IressIcon
-      flip\="vertical"
-      name\="home"
-      size\="5x"
-    />
-    <IressText align\="center"\>
-      vertical    </IressText\>
-  </div\>
-  <div\>
-    <IressIcon
-      flip\="both"
-      name\="home"
-      size\="5x"
-    />
-    <IressText align\="center"\>
-      both    </IressText\>
-  </div\>
-</IressInline\>
-Copy
-### [](#rotate)Rotate
-The `rotate` prop can be set to 90, 180 or 270 degrees.
-original
-90
-180
-270
-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; }
-<IressInline gutter\="md"\>
-  <div\>
-    <IressIcon
-      name\="home"
-      size\="5x"
-    />
-    <IressText align\="center"\>
-      original    </IressText\>
-  </div\>
-  <div\>
-    <IressIcon
-      name\="home"
-      rotate\="90"
-      size\="5x"
-    />
-    <IressText align\="center"\>
-      90    </IressText\>
-  </div\>
-  <div\>
-    <IressIcon
-      name\="home"
-      rotate\="180"
-      size\="5x"
-    />
-    <IressText align\="center"\>
-      180    </IressText\>
-  </div\>
-  <div\>
-    <IressIcon
-      name\="home"
-      rotate\="270"
-      size\="5x"
-    />
-    <IressText align\="center"\>
-      270    </IressText\>
-  </div\>
-</IressInline\>
-Copy
-### [](#spin)Spin
-The `spin` prop can be set to half (fastest), 1, 2 or 3 (slowest) to control the speed of the icon spin animation, useful for loading spinners.
-half
-1
-2
-3
-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; }
-<IressInline gutter\="md"\>
-  <IressText\>
-    <IressIcon
-      name\="spinner"
-      screenreaderText\="Loading..."
-      spin\="half"
-    />
-    {' '}half
-  </IressText\>
-  <IressText\>
-    <IressIcon
-      name\="spinner"
-      screenreaderText\="Loading..."
-      spin\="1"
-    />
-    {' '}1
-  </IressText\>
-  <IressText\>
-    <IressIcon
-      name\="spinner"
-      screenreaderText\="Loading..."
-      spin\="2"
-    />
-    {' '}2
-  </IressText\>
-  <IressText\>
-    <IressIcon
-      name\="spinner"
-      screenreaderText\="Loading..."
-      spin\="3"
-    />
-    {' '}3
-  </IressText\>
-</IressInline\>
-Copy
-### [](#fixed-width)Fixed Width
-Because of the wide variety of Font Awesome icons, not every icon is the same size. This can cause alignment issued when the icons stack vertically, so you can use the `fixedWidth` prop to ensure each icon is the same width. Very useful when using icons in menus.
-Default width
--------------
-Fixed width
------------
-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; }
-<IressInline gutter\="md"\>
-  <div\>
-    <IressText
-      element\="h2"
-      variant\="h5"
-    \>
-      Default width    </IressText\>
-    <IressIcon
-      className\="ids-styles--alt-background-v5150"
-      name\="space-shuttle"
-      size\="3x"
-    />
-    <br />
-    <IressIcon
-      className\="ids-styles--alt-background-v5150"
-      name\="wine-glass-alt"
-      size\="3x"
-    />
-  </div\>
-  <div\>
-    <IressText
-      element\="h2"
-      variant\="h5"
-    \>
-      Fixed width    </IressText\>
-    <IressIcon
-      className\="ids-styles--alt-background-v5150"
-      fixedWidth
-      name\="space-shuttle"
-      size\="3x"
-    />
-    <br />
-    <IressIcon
-      className\="ids-styles--alt-background-v5150"
-      fixedWidth
-      name\="wine-glass-alt"
-      size\="3x"
-    />
-  </div\>
-</IressInline\>
-Copy
-[](#examples)Examples
----------------------
-### [](#external-link)External link
-Version 4 of IDS included some bespoke styles to make an "external link" icon in an `IressText` component look nice. We've removed these in V5 as we found they were having unintended side effects. If you still wish to style your external link icons, you can use either some custom CSS (like below) or simply make the icon size `xs`:
-[Go to this link:](https://www.iress.com/)
-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; }
-<IressText\>
-  <a
-    href\="https://www.iress.com/"
-    rel\="noreferrer"
-    target\="\_blank"
-  \>
-    Go to this link:    <IressIcon
-      name\="external-link"
-      size\="xs"
-      style\={{
-        'inset-block-start': '-0.25em',
-        'margin-inline-start': 'var(--iress-g-spacing-xs, var(--iress-default-spacing-xs))',
-        position: 'relative'
-      }}
-    />
-  </a\>
-</IressText\>
-Copy
-On this page
-*   [Overview](#overview)
-*   [Props](#props)
-*   [Installation](#installation)
-*   [Supported library sets and names](#supported-library-sets-and-names)
-*   [Behaviour](#behaviour)
-    *   [Screen Reader Text](#screen-reader-text)
-    *   [Size](#size)
-    *   [Mode](#mode)
-    *   [Flip](#flip)
-    *   [Rotate](#rotate)
-    *   [Spin](#spin)
-    *   [Fixed Width](#fixed-width)
-*   [Examples](#examples)
-    *   [External link](#external-link)