@iress-oss/ids-mcp-server 5.14.2 → 5.15.0
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.
- package/generated/docs/components-autocomplete-docs.md +2 -2
- package/generated/docs/components-checkboxgroup-docs.md +17 -17
- package/generated/docs/components-col-docs.md +1 -1
- package/generated/docs/components-combobox-docs.md +4 -4
- package/generated/docs/components-filter-docs.md +3 -3
- package/generated/docs/components-form-docs.md +5 -37
- package/generated/docs/components-form-recipes-docs.md +4 -10
- package/generated/docs/components-icon-docs.md +4 -4
- package/generated/docs/components-provider-docs.md +105 -0
- package/generated/docs/components-radiogroup-docs.md +21 -21
- package/generated/docs/components-richselect-docs.md +1 -1
- package/generated/docs/components-row-docs.md +4 -4
- package/generated/docs/components-skiplink-docs.md +1 -1
- package/generated/docs/components-table-ag-grid-docs.md +104 -1696
- package/generated/docs/components-table-docs.md +6 -6
- package/generated/docs/components-toaster-docs.md +51 -0
- package/generated/docs/extensions-editor-docs.md +5 -5
- package/generated/docs/get-started-develop-docs.md +177 -16
- package/generated/docs/introduction-docs.md +1 -1
- package/generated/docs/patterns-loading-docs.md +2 -2
- package/generated/docs/themes-available-themes-docs.md +29 -29
- package/package.json +1 -1
|
@@ -12,10 +12,108 @@ Set up your environment to use the latest version of the Iress Design System (ID
|
|
|
12
12
|
[](#set-up-the-component-library)Set up the component library
|
|
13
13
|
-------------------------------------------------------------
|
|
14
14
|
|
|
15
|
-
1. Install using
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
15
|
+
1. Install using the command line:
|
|
16
|
+
|
|
17
|
+
\[data-radix-scroll-area-viewport\] {
|
|
18
|
+
scrollbar-width: none;
|
|
19
|
+
-ms-overflow-style: none;
|
|
20
|
+
-webkit-overflow-scrolling: touch;
|
|
21
|
+
}
|
|
22
|
+
\[data-radix-scroll-area-viewport\]::-webkit-scrollbar {
|
|
23
|
+
display: none;
|
|
24
|
+
}
|
|
25
|
+
:where(\[data-radix-scroll-area-viewport\]) {
|
|
26
|
+
display: flex;
|
|
27
|
+
flex-direction: column;
|
|
28
|
+
align-items: stretch;
|
|
29
|
+
}
|
|
30
|
+
:where(\[data-radix-scroll-area-content\]) {
|
|
31
|
+
flex-grow: 1;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
yarn add @iress-oss/ids-components
|
|
35
|
+
|
|
36
|
+
Copy
|
|
37
|
+
|
|
38
|
+
2. Import the styles:
|
|
39
|
+
|
|
40
|
+
\[data-radix-scroll-area-viewport\] {
|
|
41
|
+
scrollbar-width: none;
|
|
42
|
+
-ms-overflow-style: none;
|
|
43
|
+
-webkit-overflow-scrolling: touch;
|
|
44
|
+
}
|
|
45
|
+
\[data-radix-scroll-area-viewport\]::-webkit-scrollbar {
|
|
46
|
+
display: none;
|
|
47
|
+
}
|
|
48
|
+
:where(\[data-radix-scroll-area-viewport\]) {
|
|
49
|
+
display: flex;
|
|
50
|
+
flex-direction: column;
|
|
51
|
+
align-items: stretch;
|
|
52
|
+
}
|
|
53
|
+
:where(\[data-radix-scroll-area-content\]) {
|
|
54
|
+
flex-grow: 1;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
import '@iress-oss/ids-components/dist/style.css';
|
|
58
|
+
|
|
59
|
+
Copy
|
|
60
|
+
|
|
61
|
+
3. Import the components. The provider is optional, but recommended for most applications. It sets up the design system and provides a consistent container for components like modals, slideouts, and toasts.
|
|
62
|
+
|
|
63
|
+
\[data-radix-scroll-area-viewport\] {
|
|
64
|
+
scrollbar-width: none;
|
|
65
|
+
-ms-overflow-style: none;
|
|
66
|
+
-webkit-overflow-scrolling: touch;
|
|
67
|
+
}
|
|
68
|
+
\[data-radix-scroll-area-viewport\]::-webkit-scrollbar {
|
|
69
|
+
display: none;
|
|
70
|
+
}
|
|
71
|
+
:where(\[data-radix-scroll-area-viewport\]) {
|
|
72
|
+
display: flex;
|
|
73
|
+
flex-direction: column;
|
|
74
|
+
align-items: stretch;
|
|
75
|
+
}
|
|
76
|
+
:where(\[data-radix-scroll-area-content\]) {
|
|
77
|
+
flex-grow: 1;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
import { IressProvider, IressButton } from '@iress-oss/ids-components';
|
|
81
|
+
|
|
82
|
+
Copy
|
|
83
|
+
|
|
84
|
+
4. Use the components:
|
|
85
|
+
|
|
86
|
+
\[data-radix-scroll-area-viewport\] {
|
|
87
|
+
scrollbar-width: none;
|
|
88
|
+
-ms-overflow-style: none;
|
|
89
|
+
-webkit-overflow-scrolling: touch;
|
|
90
|
+
}
|
|
91
|
+
\[data-radix-scroll-area-viewport\]::-webkit-scrollbar {
|
|
92
|
+
display: none;
|
|
93
|
+
}
|
|
94
|
+
:where(\[data-radix-scroll-area-viewport\]) {
|
|
95
|
+
display: flex;
|
|
96
|
+
flex-direction: column;
|
|
97
|
+
align-items: stretch;
|
|
98
|
+
}
|
|
99
|
+
:where(\[data-radix-scroll-area-content\]) {
|
|
100
|
+
flex-grow: 1;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
const App \= () \=> (
|
|
104
|
+
<IressButton onClick\={() \=> success({ children: 'Toast triggered' })}\>
|
|
105
|
+
Trigger toast </IressButton\>
|
|
106
|
+
);
|
|
107
|
+
ReactDOM.createRoot(document.getElementById('root')!).render(
|
|
108
|
+
<IressProvider\>
|
|
109
|
+
<App />
|
|
110
|
+
</IressProvider\>,
|
|
111
|
+
);
|
|
112
|
+
|
|
113
|
+
Copy
|
|
114
|
+
|
|
115
|
+
|
|
116
|
+
* * *
|
|
19
117
|
|
|
20
118
|
[](#set-up-the-theme)Set up the theme
|
|
21
119
|
-------------------------------------
|
|
@@ -27,22 +125,85 @@ Microfrontends
|
|
|
27
125
|
|
|
28
126
|
If you are building a React App that is intended to be used as a microfrontend, please skip this step. Microfrontends should inherit the parent application's theme, and not define a theme itself, as it may conflict with other microfrontends in the same parent application.
|
|
29
127
|
|
|
30
|
-
1. Install using
|
|
31
|
-
|
|
32
|
-
|
|
128
|
+
1. Install using the command line:
|
|
129
|
+
|
|
130
|
+
\[data-radix-scroll-area-viewport\] {
|
|
131
|
+
scrollbar-width: none;
|
|
132
|
+
-ms-overflow-style: none;
|
|
133
|
+
-webkit-overflow-scrolling: touch;
|
|
134
|
+
}
|
|
135
|
+
\[data-radix-scroll-area-viewport\]::-webkit-scrollbar {
|
|
136
|
+
display: none;
|
|
137
|
+
}
|
|
138
|
+
:where(\[data-radix-scroll-area-viewport\]) {
|
|
139
|
+
display: flex;
|
|
140
|
+
flex-direction: column;
|
|
141
|
+
align-items: stretch;
|
|
142
|
+
}
|
|
143
|
+
:where(\[data-radix-scroll-area-content\]) {
|
|
144
|
+
flex-grow: 1;
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
yarn add @iress/ids-themes
|
|
148
|
+
|
|
149
|
+
Copy
|
|
150
|
+
|
|
151
|
+
2. Import the component:
|
|
152
|
+
|
|
153
|
+
\[data-radix-scroll-area-viewport\] {
|
|
154
|
+
scrollbar-width: none;
|
|
155
|
+
-ms-overflow-style: none;
|
|
156
|
+
-webkit-overflow-scrolling: touch;
|
|
157
|
+
}
|
|
158
|
+
\[data-radix-scroll-area-viewport\]::-webkit-scrollbar {
|
|
159
|
+
display: none;
|
|
160
|
+
}
|
|
161
|
+
:where(\[data-radix-scroll-area-viewport\]) {
|
|
162
|
+
display: flex;
|
|
163
|
+
flex-direction: column;
|
|
164
|
+
align-items: stretch;
|
|
165
|
+
}
|
|
166
|
+
:where(\[data-radix-scroll-area-content\]) {
|
|
167
|
+
flex-grow: 1;
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
import { IressTheme } from '@iress-oss/ids-components';
|
|
171
|
+
|
|
172
|
+
Copy
|
|
173
|
+
|
|
174
|
+
3. Add the component to your application:
|
|
175
|
+
|
|
176
|
+
\[data-radix-scroll-area-viewport\] {
|
|
177
|
+
scrollbar-width: none;
|
|
178
|
+
-ms-overflow-style: none;
|
|
179
|
+
-webkit-overflow-scrolling: touch;
|
|
180
|
+
}
|
|
181
|
+
\[data-radix-scroll-area-viewport\]::-webkit-scrollbar {
|
|
182
|
+
display: none;
|
|
183
|
+
}
|
|
184
|
+
:where(\[data-radix-scroll-area-viewport\]) {
|
|
185
|
+
display: flex;
|
|
186
|
+
flex-direction: column;
|
|
187
|
+
align-items: stretch;
|
|
188
|
+
}
|
|
189
|
+
:where(\[data-radix-scroll-area-content\]) {
|
|
190
|
+
flex-grow: 1;
|
|
191
|
+
}
|
|
192
|
+
|
|
193
|
+
ReactDOM.createRoot(document.getElementById('root')!).render(
|
|
194
|
+
<IressProvider\>
|
|
195
|
+
<IressTheme />
|
|
196
|
+
<App />
|
|
197
|
+
</IressProvider\>,
|
|
198
|
+
);
|
|
199
|
+
|
|
200
|
+
Copy
|
|
201
|
+
|
|
33
202
|
|
|
34
203
|
For alternative ways to import the theme, see the [Themes documentation](./?path=/docs/themes-introduction--docs).
|
|
35
204
|
|
|
36
|
-
[](#set-up-the-icons)Set up the icons
|
|
37
|
-
-------------------------------------
|
|
38
|
-
|
|
39
|
-
If you are planning to use the `<IressIcon />` component, you need to include the Font Awesome CSS in your application.
|
|
40
|
-
|
|
41
|
-
You can do this by including the Font Awesome CSS [via the Iress CDN](./?path=/docs/components-icon--docs#installation).
|
|
42
|
-
|
|
43
205
|
On this page
|
|
44
206
|
|
|
45
207
|
* [Requirements](#requirements)
|
|
46
208
|
* [Set up the component library](#set-up-the-component-library)
|
|
47
|
-
* [Set up the theme](#set-up-the-theme)
|
|
48
|
-
* [Set up the icons](#set-up-the-icons)
|
|
209
|
+
* [Set up the theme](#set-up-the-theme)
|
|
@@ -206,7 +206,7 @@ Apart from using the `IressLoading` component, there are a few things you need t
|
|
|
206
206
|
|
|
207
207
|
The `IressLoading` component is designed to create a seamless experience for users when loading content. They have been designed to meet best practices and improve user perception of loading times.
|
|
208
208
|
|
|
209
|
-
, use a loading indicator. Long wait times (3-10 seconds), use a loading indicator and provide feedback. Wait times longer than 10 seconds should be a background process.](/@fs/app/packages/components/src/patterns/Loading/assets/ux-collective-loading-time-matrix.webp)
|
|
210
210
|
|
|
211
211
|
Image © [UX Collective](https://uxdesign.cc/loading-progress-indicators-ui-components-series-f4b1fc35339a)
|
|
212
212
|
|
|
@@ -254,7 +254,7 @@ New component
|
|
|
254
254
|
|
|
255
255
|
This component is new, please provide feedback to the IDS team if you encounter any issues.
|
|
256
256
|
|
|
257
|
-
|
|
258
258
|
|
|
259
259
|
Update
|
|
260
260
|
|
|
@@ -17,11 +17,11 @@ Themes are no longer connected to the version of IDS you are using. Instead they
|
|
|
17
17
|
[](#list)List
|
|
18
18
|
-------------
|
|
19
19
|
|
|
20
|
-
Version: 5.5.0-
|
|
20
|
+
Version: 5.5.0-29845
|
|
21
21
|
|
|
22
22
|
* * *
|
|
23
23
|
|
|
24
|
-
5.5.0-
|
|
24
|
+
5.5.0-29845Latest5.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
|
|
25
25
|
|
|
26
26
|
None selected
|
|
27
27
|
|
|
@@ -29,36 +29,36 @@ Latest build only
|
|
|
29
29
|
|
|
30
30
|
* * *
|
|
31
31
|
|
|
32
|
-
### Version: 5.5.0-
|
|
33
|
-
|
|
34
|
-
* [css/demo-theme-1--touch.css](https://cdn-staging.iress.com/ids/5.5.0-
|
|
35
|
-
* [css/demo-theme-1.css](https://cdn-staging.iress.com/ids/5.5.0-
|
|
36
|
-
* [css/demo-theme-2--touch.css](https://cdn-staging.iress.com/ids/5.5.0-
|
|
37
|
-
* [css/demo-theme-2.css](https://cdn-staging.iress.com/ids/5.5.0-
|
|
38
|
-
* [css/demo-theme-3--touch.css](https://cdn-staging.iress.com/ids/5.5.0-
|
|
39
|
-
* [css/demo-theme-3.css](https://cdn-staging.iress.com/ids/5.5.0-
|
|
40
|
-
* [css/demo-theme-4--touch.css](https://cdn-staging.iress.com/ids/5.5.0-
|
|
41
|
-
* [css/demo-theme-4.css](https://cdn-staging.iress.com/ids/5.5.0-
|
|
42
|
-
* [css/demo-theme-5--touch.css](https://cdn-staging.iress.com/ids/5.5.0-
|
|
43
|
-
* [css/demo-theme-5.css](https://cdn-staging.iress.com/ids/5.5.0-
|
|
44
|
-
* [css/demo-theme-6--touch.css](https://cdn-staging.iress.com/ids/5.5.0-
|
|
45
|
-
* [css/demo-theme-6.css](https://cdn-staging.iress.com/ids/5.5.0-
|
|
46
|
-
* [css/hostplus-theme-light--touch.css](https://cdn-staging.iress.com/ids/5.5.0-
|
|
47
|
-
* [css/hostplus-theme-light.css](https://cdn-staging.iress.com/ids/5.5.0-
|
|
48
|
-
* [css/iress-beta-theme-dark--touch.css](https://cdn-staging.iress.com/ids/5.5.0-
|
|
49
|
-
* [css/iress-beta-theme-dark.css](https://cdn-staging.iress.com/ids/5.5.0-
|
|
50
|
-
* [css/iress-beta-theme-light--touch.css](https://cdn-staging.iress.com/ids/5.5.0-
|
|
51
|
-
* [css/iress-beta-theme-light.css](https://cdn-staging.iress.com/ids/5.5.0-
|
|
52
|
-
* [css/iress-theme-dark--touch.css](https://cdn-staging.iress.com/ids/5.5.0-
|
|
53
|
-
* [css/iress-theme-dark.css](https://cdn-staging.iress.com/ids/5.5.0-
|
|
54
|
-
* [css/iress-theme-light--touch.css](https://cdn-staging.iress.com/ids/5.5.0-
|
|
55
|
-
* [css/iress-theme-light.css](https://cdn-staging.iress.com/ids/5.5.0-
|
|
56
|
-
* [css/iress-theme-wealth--touch.css](https://cdn-staging.iress.com/ids/5.5.0-
|
|
57
|
-
* [css/iress-theme-wealth.css](https://cdn-staging.iress.com/ids/5.5.0-
|
|
32
|
+
### Version: 5.5.0-29845
|
|
33
|
+
|
|
34
|
+
* [css/demo-theme-1--touch.css](https://cdn-staging.iress.com/ids/5.5.0-29845/themes/css/demo-theme-1--touch.css)
|
|
35
|
+
* [css/demo-theme-1.css](https://cdn-staging.iress.com/ids/5.5.0-29845/themes/css/demo-theme-1.css)
|
|
36
|
+
* [css/demo-theme-2--touch.css](https://cdn-staging.iress.com/ids/5.5.0-29845/themes/css/demo-theme-2--touch.css)
|
|
37
|
+
* [css/demo-theme-2.css](https://cdn-staging.iress.com/ids/5.5.0-29845/themes/css/demo-theme-2.css)
|
|
38
|
+
* [css/demo-theme-3--touch.css](https://cdn-staging.iress.com/ids/5.5.0-29845/themes/css/demo-theme-3--touch.css)
|
|
39
|
+
* [css/demo-theme-3.css](https://cdn-staging.iress.com/ids/5.5.0-29845/themes/css/demo-theme-3.css)
|
|
40
|
+
* [css/demo-theme-4--touch.css](https://cdn-staging.iress.com/ids/5.5.0-29845/themes/css/demo-theme-4--touch.css)
|
|
41
|
+
* [css/demo-theme-4.css](https://cdn-staging.iress.com/ids/5.5.0-29845/themes/css/demo-theme-4.css)
|
|
42
|
+
* [css/demo-theme-5--touch.css](https://cdn-staging.iress.com/ids/5.5.0-29845/themes/css/demo-theme-5--touch.css)
|
|
43
|
+
* [css/demo-theme-5.css](https://cdn-staging.iress.com/ids/5.5.0-29845/themes/css/demo-theme-5.css)
|
|
44
|
+
* [css/demo-theme-6--touch.css](https://cdn-staging.iress.com/ids/5.5.0-29845/themes/css/demo-theme-6--touch.css)
|
|
45
|
+
* [css/demo-theme-6.css](https://cdn-staging.iress.com/ids/5.5.0-29845/themes/css/demo-theme-6.css)
|
|
46
|
+
* [css/hostplus-theme-light--touch.css](https://cdn-staging.iress.com/ids/5.5.0-29845/themes/css/hostplus-theme-light--touch.css)
|
|
47
|
+
* [css/hostplus-theme-light.css](https://cdn-staging.iress.com/ids/5.5.0-29845/themes/css/hostplus-theme-light.css)
|
|
48
|
+
* [css/iress-beta-theme-dark--touch.css](https://cdn-staging.iress.com/ids/5.5.0-29845/themes/css/iress-beta-theme-dark--touch.css)
|
|
49
|
+
* [css/iress-beta-theme-dark.css](https://cdn-staging.iress.com/ids/5.5.0-29845/themes/css/iress-beta-theme-dark.css)
|
|
50
|
+
* [css/iress-beta-theme-light--touch.css](https://cdn-staging.iress.com/ids/5.5.0-29845/themes/css/iress-beta-theme-light--touch.css)
|
|
51
|
+
* [css/iress-beta-theme-light.css](https://cdn-staging.iress.com/ids/5.5.0-29845/themes/css/iress-beta-theme-light.css)
|
|
52
|
+
* [css/iress-theme-dark--touch.css](https://cdn-staging.iress.com/ids/5.5.0-29845/themes/css/iress-theme-dark--touch.css)
|
|
53
|
+
* [css/iress-theme-dark.css](https://cdn-staging.iress.com/ids/5.5.0-29845/themes/css/iress-theme-dark.css)
|
|
54
|
+
* [css/iress-theme-light--touch.css](https://cdn-staging.iress.com/ids/5.5.0-29845/themes/css/iress-theme-light--touch.css)
|
|
55
|
+
* [css/iress-theme-light.css](https://cdn-staging.iress.com/ids/5.5.0-29845/themes/css/iress-theme-light.css)
|
|
56
|
+
* [css/iress-theme-wealth--touch.css](https://cdn-staging.iress.com/ids/5.5.0-29845/themes/css/iress-theme-wealth--touch.css)
|
|
57
|
+
* [css/iress-theme-wealth.css](https://cdn-staging.iress.com/ids/5.5.0-29845/themes/css/iress-theme-wealth.css)
|
|
58
58
|
|
|
59
59
|
#### Theme mappings
|
|
60
60
|
|
|
61
|
-
* [ag-theme-iress-lite.css](https://cdn-staging.iress.com/ids/5.5.0-
|
|
61
|
+
* [ag-theme-iress-lite.css](https://cdn-staging.iress.com/ids/5.5.0-29845/ag-theme-iress-lite.css)
|
|
62
62
|
|
|
63
63
|
On this page
|
|
64
64
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@iress-oss/ids-mcp-server",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.15.0",
|
|
4
4
|
"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",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"publishConfig": {
|