@iress-oss/ids-mcp-server 5.20.2 → 5.20.4
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_components-alert-docs.md +26 -29
- package/generated/docs/components_components-checkboxgroup-docs.md +17 -17
- package/generated/docs/components_components-col-docs.md +1 -1
- package/generated/docs/components_components-form-docs.md +5 -4
- package/generated/docs/components_components-hide-docs.md +7 -50
- package/generated/docs/components_components-icon-docs.md +4 -4
- package/generated/docs/components_components-popover-recipes-docs.md +122 -31
- package/generated/docs/components_components-radiogroup-docs.md +21 -21
- package/generated/docs/components_components-row-docs.md +4 -4
- package/generated/docs/components_components-skiplink-docs.md +1 -1
- package/generated/docs/components_components-table-docs.md +5 -5
- package/generated/docs/components_foundations-colour-030-colours.md +32 -32
- package/generated/docs/components_introduction-docs.md +1 -1
- package/generated/docs/components_patterns-loading-docs.md +5 -5
- package/generated/docs/guidelines.md +32 -32
- package/package.json +15 -15
|
@@ -125,35 +125,32 @@ This is a simple warning alert. It is used for a message requiring attention but
|
|
|
125
125
|
|
|
126
126
|
Hide codedrawOpen in CodeSandbox
|
|
127
127
|
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
</IressAlert\>)}
|
|
155
|
-
</div\>
|
|
156
|
-
}
|
|
128
|
+
<div className\="iress-u-stack iress--gutter--md"\>
|
|
129
|
+
<IressAlert
|
|
130
|
+
footer\=""
|
|
131
|
+
heading\=""
|
|
132
|
+
status\="danger"
|
|
133
|
+
\>
|
|
134
|
+
This is a simple danger alert. It is used for errors and malfunctions that must be resolved before moving forward, such as a summary of errors to correct in a Form. </IressAlert\>
|
|
135
|
+
<IressAlert
|
|
136
|
+
footer\=""
|
|
137
|
+
heading\=""
|
|
138
|
+
status\="info"
|
|
139
|
+
\>
|
|
140
|
+
This is a simple info alert. It is used to provide context around a situation, such as rules around creating a compliant password, or a link to feature documentation or onboarding tips. </IressAlert\>
|
|
141
|
+
<IressAlert
|
|
142
|
+
footer\=""
|
|
143
|
+
heading\=""
|
|
144
|
+
status\="success"
|
|
145
|
+
\>
|
|
146
|
+
This is a simple success alert. It is used to communicate that an action has been successfully completed, such as saving changes in a Form. </IressAlert\>
|
|
147
|
+
<IressAlert
|
|
148
|
+
footer\=""
|
|
149
|
+
heading\=""
|
|
150
|
+
status\="warning"
|
|
151
|
+
\>
|
|
152
|
+
This is a simple warning alert. It is used for a message requiring attention but not resolution in order to continue, such as noting data is not current or your password is about to expire. </IressAlert\>
|
|
153
|
+
</div\>
|
|
157
154
|
|
|
158
155
|
```
|
|
159
156
|
|
|
@@ -590,22 +590,22 @@ Hide codedrawOpen in CodeSandbox
|
|
|
590
590
|
stack </h3\>
|
|
591
591
|
<IressCheckboxGroup layout\="stack"\>
|
|
592
592
|
<IressCheckbox
|
|
593
|
-
className\="ids-styles--add-border-to-label-
|
|
593
|
+
className\="ids-styles--add-border-to-label-v5205"
|
|
594
594
|
value\="google"
|
|
595
595
|
\>
|
|
596
596
|
Google </IressCheckbox\>
|
|
597
597
|
<IressCheckbox
|
|
598
|
-
className\="ids-styles--add-border-to-label-
|
|
598
|
+
className\="ids-styles--add-border-to-label-v5205"
|
|
599
599
|
value\="newspaper"
|
|
600
600
|
\>
|
|
601
601
|
Newspaper </IressCheckbox\>
|
|
602
602
|
<IressCheckbox
|
|
603
|
-
className\="ids-styles--add-border-to-label-
|
|
603
|
+
className\="ids-styles--add-border-to-label-v5205"
|
|
604
604
|
value\="friend"
|
|
605
605
|
\>
|
|
606
606
|
Friend </IressCheckbox\>
|
|
607
607
|
<IressCheckbox
|
|
608
|
-
className\="ids-styles--add-border-to-label-
|
|
608
|
+
className\="ids-styles--add-border-to-label-v5205"
|
|
609
609
|
value\="other"
|
|
610
610
|
\>
|
|
611
611
|
Other </IressCheckbox\>
|
|
@@ -616,22 +616,22 @@ Hide codedrawOpen in CodeSandbox
|
|
|
616
616
|
block </h3\>
|
|
617
617
|
<IressCheckboxGroup layout\="block"\>
|
|
618
618
|
<IressCheckbox
|
|
619
|
-
className\="ids-styles--add-border-to-label-
|
|
619
|
+
className\="ids-styles--add-border-to-label-v5205"
|
|
620
620
|
value\="google"
|
|
621
621
|
\>
|
|
622
622
|
Google </IressCheckbox\>
|
|
623
623
|
<IressCheckbox
|
|
624
|
-
className\="ids-styles--add-border-to-label-
|
|
624
|
+
className\="ids-styles--add-border-to-label-v5205"
|
|
625
625
|
value\="newspaper"
|
|
626
626
|
\>
|
|
627
627
|
Newspaper </IressCheckbox\>
|
|
628
628
|
<IressCheckbox
|
|
629
|
-
className\="ids-styles--add-border-to-label-
|
|
629
|
+
className\="ids-styles--add-border-to-label-v5205"
|
|
630
630
|
value\="friend"
|
|
631
631
|
\>
|
|
632
632
|
Friend </IressCheckbox\>
|
|
633
633
|
<IressCheckbox
|
|
634
|
-
className\="ids-styles--add-border-to-label-
|
|
634
|
+
className\="ids-styles--add-border-to-label-v5205"
|
|
635
635
|
value\="other"
|
|
636
636
|
\>
|
|
637
637
|
Other </IressCheckbox\>
|
|
@@ -642,22 +642,22 @@ Hide codedrawOpen in CodeSandbox
|
|
|
642
642
|
inline </h3\>
|
|
643
643
|
<IressCheckboxGroup layout\="inline"\>
|
|
644
644
|
<IressCheckbox
|
|
645
|
-
className\="ids-styles--add-border-to-label-
|
|
645
|
+
className\="ids-styles--add-border-to-label-v5205"
|
|
646
646
|
value\="google"
|
|
647
647
|
\>
|
|
648
648
|
Google </IressCheckbox\>
|
|
649
649
|
<IressCheckbox
|
|
650
|
-
className\="ids-styles--add-border-to-label-
|
|
650
|
+
className\="ids-styles--add-border-to-label-v5205"
|
|
651
651
|
value\="newspaper"
|
|
652
652
|
\>
|
|
653
653
|
Newspaper </IressCheckbox\>
|
|
654
654
|
<IressCheckbox
|
|
655
|
-
className\="ids-styles--add-border-to-label-
|
|
655
|
+
className\="ids-styles--add-border-to-label-v5205"
|
|
656
656
|
value\="friend"
|
|
657
657
|
\>
|
|
658
658
|
Friend </IressCheckbox\>
|
|
659
659
|
<IressCheckbox
|
|
660
|
-
className\="ids-styles--add-border-to-label-
|
|
660
|
+
className\="ids-styles--add-border-to-label-v5205"
|
|
661
661
|
value\="other"
|
|
662
662
|
\>
|
|
663
663
|
Other </IressCheckbox\>
|
|
@@ -668,22 +668,22 @@ Hide codedrawOpen in CodeSandbox
|
|
|
668
668
|
full </h3\>
|
|
669
669
|
<IressCheckboxGroup layout\="full"\>
|
|
670
670
|
<IressCheckbox
|
|
671
|
-
className\="ids-styles--add-border-to-label-
|
|
671
|
+
className\="ids-styles--add-border-to-label-v5205"
|
|
672
672
|
value\="google"
|
|
673
673
|
\>
|
|
674
674
|
Google </IressCheckbox\>
|
|
675
675
|
<IressCheckbox
|
|
676
|
-
className\="ids-styles--add-border-to-label-
|
|
676
|
+
className\="ids-styles--add-border-to-label-v5205"
|
|
677
677
|
value\="newspaper"
|
|
678
678
|
\>
|
|
679
679
|
Newspaper </IressCheckbox\>
|
|
680
680
|
<IressCheckbox
|
|
681
|
-
className\="ids-styles--add-border-to-label-
|
|
681
|
+
className\="ids-styles--add-border-to-label-v5205"
|
|
682
682
|
value\="friend"
|
|
683
683
|
\>
|
|
684
684
|
Friend </IressCheckbox\>
|
|
685
685
|
<IressCheckbox
|
|
686
|
-
className\="ids-styles--add-border-to-label-
|
|
686
|
+
className\="ids-styles--add-border-to-label-v5205"
|
|
687
687
|
value\="other"
|
|
688
688
|
\>
|
|
689
689
|
Other </IressCheckbox\>
|
|
@@ -1045,7 +1045,7 @@ Hide codedrawOpen in CodeSandbox
|
|
|
1045
1045
|
}}
|
|
1046
1046
|
\>
|
|
1047
1047
|
<div
|
|
1048
|
-
className\="ids-styles--resizable-
|
|
1048
|
+
className\="ids-styles--resizable-v5205"
|
|
1049
1049
|
style\={{
|
|
1050
1050
|
display: 'grid',
|
|
1051
1051
|
gridAutoRows: '1fr',
|
|
@@ -867,7 +867,7 @@ Hide codedrawOpen in CodeSandbox
|
|
|
867
867
|
name\="IressInputDate-default"
|
|
868
868
|
render\={(controlledProps) \=> <IressInput {...controlledProps} />}
|
|
869
869
|
rules\={{
|
|
870
|
-
minDate: new Date('
|
|
870
|
+
minDate: new Date('2026-01-06T04:07:40.949Z')
|
|
871
871
|
}}
|
|
872
872
|
/>
|
|
873
873
|
<IressFormField
|
|
@@ -878,7 +878,7 @@ Hide codedrawOpen in CodeSandbox
|
|
|
878
878
|
rules\={{
|
|
879
879
|
minDate: {
|
|
880
880
|
message: 'Please enter a date after today!',
|
|
881
|
-
value: new Date('
|
|
881
|
+
value: new Date('2026-01-06T04:07:40.949Z')
|
|
882
882
|
}
|
|
883
883
|
}}
|
|
884
884
|
/>
|
|
@@ -1071,7 +1071,7 @@ Hide codedrawOpen in CodeSandbox
|
|
|
1071
1071
|
name\="IressInputDate-default"
|
|
1072
1072
|
render\={(controlledProps) \=> <IressInput {...controlledProps} />}
|
|
1073
1073
|
rules\={{
|
|
1074
|
-
maxDate: new Date('
|
|
1074
|
+
maxDate: new Date('2026-01-06T04:07:40.949Z')
|
|
1075
1075
|
}}
|
|
1076
1076
|
/>
|
|
1077
1077
|
<IressFormField
|
|
@@ -1082,7 +1082,7 @@ Hide codedrawOpen in CodeSandbox
|
|
|
1082
1082
|
rules\={{
|
|
1083
1083
|
maxDate: {
|
|
1084
1084
|
message: 'Please enter a date before today!',
|
|
1085
|
-
value: new Date('
|
|
1085
|
+
value: new Date('2026-01-06T04:07:40.949Z')
|
|
1086
1086
|
}
|
|
1087
1087
|
}}
|
|
1088
1088
|
/>
|
|
@@ -3323,6 +3323,7 @@ interface FieldValues {
|
|
|
3323
3323
|
}
|
|
3324
3324
|
export const HookFormExample \= () \=> {
|
|
3325
3325
|
const form \= useForm<FieldValues\>();
|
|
3326
|
+
// eslint-disable-next-line react-hooks/incompatible-library -- Known limitation: react-hook-form's watch() API cannot be memoized by React Compiler
|
|
3326
3327
|
const firstName \= form.watch('firstName');
|
|
3327
3328
|
const lastName \= form.watch('lastName');
|
|
3328
3329
|
return (
|
|
@@ -232,56 +232,13 @@ This text is visually hidden on xl screens only.
|
|
|
232
232
|
|
|
233
233
|
Hide codedrawOpen in CodeSandbox
|
|
234
234
|
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
<IressText\>
|
|
243
|
-
This text is visually hidden on xs screens and above. </IressText\>
|
|
244
|
-
</IressHide\>
|
|
245
|
-
<IressHide
|
|
246
|
-
hiddenOn\={{
|
|
247
|
-
md: true
|
|
248
|
-
}}
|
|
249
|
-
visuallyHidden
|
|
250
|
-
\>
|
|
251
|
-
<IressText mode\="success"\>
|
|
252
|
-
This text is visually hidden on md screens and above. </IressText\>
|
|
253
|
-
</IressHide\>
|
|
254
|
-
<IressHide
|
|
255
|
-
hiddenOn\={{
|
|
256
|
-
lg: false,
|
|
257
|
-
xs: true
|
|
258
|
-
}}
|
|
259
|
-
visuallyHidden
|
|
260
|
-
\>
|
|
261
|
-
<IressText mode\="danger"\>
|
|
262
|
-
This text is visually hidden on md screens and below. </IressText\>
|
|
263
|
-
</IressHide\>
|
|
264
|
-
<IressHide
|
|
265
|
-
hiddenOn\={{
|
|
266
|
-
sm: false,
|
|
267
|
-
xs: true
|
|
268
|
-
}}
|
|
269
|
-
visuallyHidden
|
|
270
|
-
\>
|
|
271
|
-
<IressText mode\="info"\>
|
|
272
|
-
This text is visually hidden on xs screens only. </IressText\>
|
|
273
|
-
</IressHide\>
|
|
274
|
-
<IressHide
|
|
275
|
-
hiddenOn\={{
|
|
276
|
-
xl: true,
|
|
277
|
-
xxl: false
|
|
278
|
-
}}
|
|
279
|
-
visuallyHidden
|
|
280
|
-
\>
|
|
281
|
-
<IressText mode\="muted"\>
|
|
282
|
-
This text is visually hidden on xl screens only. </IressText\>
|
|
283
|
-
</IressHide\>
|
|
284
|
-
</IressStack\>
|
|
235
|
+
{
|
|
236
|
+
...HiddenOn,
|
|
237
|
+
args: {
|
|
238
|
+
...HiddenOn.args,
|
|
239
|
+
visuallyHidden: true
|
|
240
|
+
}
|
|
241
|
+
}
|
|
285
242
|
|
|
286
243
|
```
|
|
287
244
|
|
|
@@ -1086,13 +1086,13 @@ Hide codedrawOpen in CodeSandbox
|
|
|
1086
1086
|
\>
|
|
1087
1087
|
Default width </IressText\>
|
|
1088
1088
|
<IressIcon
|
|
1089
|
-
className\="ids-styles--alt-background-
|
|
1089
|
+
className\="ids-styles--alt-background-v5205"
|
|
1090
1090
|
name\="space-shuttle"
|
|
1091
1091
|
size\="3x"
|
|
1092
1092
|
/>
|
|
1093
1093
|
<br />
|
|
1094
1094
|
<IressIcon
|
|
1095
|
-
className\="ids-styles--alt-background-
|
|
1095
|
+
className\="ids-styles--alt-background-v5205"
|
|
1096
1096
|
name\="wine-glass-alt"
|
|
1097
1097
|
size\="3x"
|
|
1098
1098
|
/>
|
|
@@ -1104,14 +1104,14 @@ Hide codedrawOpen in CodeSandbox
|
|
|
1104
1104
|
\>
|
|
1105
1105
|
Fixed width </IressText\>
|
|
1106
1106
|
<IressIcon
|
|
1107
|
-
className\="ids-styles--alt-background-
|
|
1107
|
+
className\="ids-styles--alt-background-v5205"
|
|
1108
1108
|
fixedWidth
|
|
1109
1109
|
name\="space-shuttle"
|
|
1110
1110
|
size\="3x"
|
|
1111
1111
|
/>
|
|
1112
1112
|
<br />
|
|
1113
1113
|
<IressIcon
|
|
1114
|
-
className\="ids-styles--alt-background-
|
|
1114
|
+
className\="ids-styles--alt-background-v5205"
|
|
1115
1115
|
fixedWidth
|
|
1116
1116
|
name\="wine-glass-alt"
|
|
1117
1117
|
size\="3x"
|
|
@@ -58,37 +58,128 @@ role=nav
|
|
|
58
58
|
|
|
59
59
|
Hide codedrawOpen in CodeSandbox
|
|
60
60
|
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
</
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
61
|
+
<IressContainer className\="iress-u-stack iress--gutter--md"\>
|
|
62
|
+
<IressRow
|
|
63
|
+
gutter\="lg"
|
|
64
|
+
verticalAlign\="middle"
|
|
65
|
+
\>
|
|
66
|
+
<IressCol span\="2"\>
|
|
67
|
+
<IressPopover
|
|
68
|
+
activator\={<IressButton fluid\>role=menu</IressButton\>}
|
|
69
|
+
container\={document.body}
|
|
70
|
+
type\="menu"
|
|
71
|
+
\>
|
|
72
|
+
<IressMenu
|
|
73
|
+
defaultSelected\={3}
|
|
74
|
+
role\="menu"
|
|
75
|
+
\>
|
|
76
|
+
<IressMenuItem value\={0}\>
|
|
77
|
+
New task </IressMenuItem\>
|
|
78
|
+
<IressMenuItem value\={1}\>
|
|
79
|
+
Send prospect welcome pack </IressMenuItem\>
|
|
80
|
+
<IressMenuItem value\={2}\>
|
|
81
|
+
Book in Discovery meeting </IressMenuItem\>
|
|
82
|
+
<IressMenuItem value\={3}\>
|
|
83
|
+
Prospect proceeding </IressMenuItem\>
|
|
84
|
+
</IressMenu\>
|
|
85
|
+
</IressPopover\>
|
|
86
|
+
</IressCol\>
|
|
87
|
+
<IressCol\>
|
|
88
|
+
<MenuInPopoverRoleDescription role\="menu" />
|
|
89
|
+
</IressCol\>
|
|
90
|
+
</IressRow\>
|
|
91
|
+
<IressRow
|
|
92
|
+
gutter\="lg"
|
|
93
|
+
verticalAlign\="middle"
|
|
94
|
+
\>
|
|
95
|
+
<IressCol span\="2"\>
|
|
96
|
+
<IressPopover
|
|
97
|
+
activator\={<IressButton fluid\>role=list</IressButton\>}
|
|
98
|
+
container\={document.body}
|
|
99
|
+
\>
|
|
100
|
+
<IressMenu
|
|
101
|
+
defaultSelected\={3}
|
|
102
|
+
role\="list"
|
|
103
|
+
\>
|
|
104
|
+
<IressMenuItem value\={0}\>
|
|
105
|
+
New task </IressMenuItem\>
|
|
106
|
+
<IressMenuItem value\={1}\>
|
|
107
|
+
Send prospect welcome pack </IressMenuItem\>
|
|
108
|
+
<IressMenuItem value\={2}\>
|
|
109
|
+
Book in Discovery meeting </IressMenuItem\>
|
|
110
|
+
<IressMenuItem value\={3}\>
|
|
111
|
+
Prospect proceeding </IressMenuItem\>
|
|
112
|
+
</IressMenu\>
|
|
113
|
+
</IressPopover\>
|
|
114
|
+
</IressCol\>
|
|
115
|
+
<IressCol\>
|
|
116
|
+
<MenuInPopoverRoleDescription role\="list" />
|
|
117
|
+
</IressCol\>
|
|
118
|
+
</IressRow\>
|
|
119
|
+
<IressRow
|
|
120
|
+
gutter\="lg"
|
|
121
|
+
verticalAlign\="middle"
|
|
122
|
+
\>
|
|
123
|
+
<IressCol span\="2"\>
|
|
124
|
+
<IressPopover
|
|
125
|
+
activator\={<IressButton fluid\>role=listbox</IressButton\>}
|
|
126
|
+
container\={document.body}
|
|
127
|
+
type\="listbox"
|
|
128
|
+
\>
|
|
129
|
+
<IressMenu
|
|
130
|
+
defaultSelected\={3}
|
|
131
|
+
role\="listbox"
|
|
132
|
+
\>
|
|
133
|
+
<IressMenuItem value\={0}\>
|
|
134
|
+
New task </IressMenuItem\>
|
|
135
|
+
<IressMenuItem value\={1}\>
|
|
136
|
+
Send prospect welcome pack </IressMenuItem\>
|
|
137
|
+
<IressMenuItem value\={2}\>
|
|
138
|
+
Book in Discovery meeting </IressMenuItem\>
|
|
139
|
+
<IressMenuItem value\={3}\>
|
|
140
|
+
Prospect proceeding </IressMenuItem\>
|
|
141
|
+
</IressMenu\>
|
|
142
|
+
</IressPopover\>
|
|
143
|
+
</IressCol\>
|
|
144
|
+
<IressCol\>
|
|
145
|
+
<MenuInPopoverRoleDescription role\="listbox"\>
|
|
146
|
+
<IressToggle
|
|
147
|
+
className\="iress-mb--md"
|
|
148
|
+
onChange\={() \=> {}}
|
|
149
|
+
\>
|
|
150
|
+
Multi-select </IressToggle\>
|
|
151
|
+
</MenuInPopoverRoleDescription\>
|
|
152
|
+
</IressCol\>
|
|
153
|
+
</IressRow\>
|
|
154
|
+
<IressRow
|
|
155
|
+
gutter\="lg"
|
|
156
|
+
verticalAlign\="middle"
|
|
157
|
+
\>
|
|
158
|
+
<IressCol span\="2"\>
|
|
159
|
+
<IressPopover
|
|
160
|
+
activator\={<IressButton fluid\>role=nav</IressButton\>}
|
|
161
|
+
container\={document.body}
|
|
162
|
+
\>
|
|
163
|
+
<IressMenu
|
|
164
|
+
defaultSelected\={3}
|
|
165
|
+
role\="nav"
|
|
166
|
+
\>
|
|
167
|
+
<IressMenuItem value\={0}\>
|
|
168
|
+
New task </IressMenuItem\>
|
|
169
|
+
<IressMenuItem value\={1}\>
|
|
170
|
+
Send prospect welcome pack </IressMenuItem\>
|
|
171
|
+
<IressMenuItem value\={2}\>
|
|
172
|
+
Book in Discovery meeting </IressMenuItem\>
|
|
173
|
+
<IressMenuItem value\={3}\>
|
|
174
|
+
Prospect proceeding </IressMenuItem\>
|
|
175
|
+
</IressMenu\>
|
|
176
|
+
</IressPopover\>
|
|
177
|
+
</IressCol\>
|
|
178
|
+
<IressCol\>
|
|
179
|
+
<MenuInPopoverRoleDescription role\="nav" />
|
|
180
|
+
</IressCol\>
|
|
181
|
+
</IressRow\>
|
|
182
|
+
</IressContainer\>
|
|
92
183
|
|
|
93
184
|
```
|
|
94
185
|
|
|
@@ -491,22 +491,22 @@ Hide codedrawOpen in CodeSandbox
|
|
|
491
491
|
stack </h3\>
|
|
492
492
|
<IressRadioGroup layout\="stack"\>
|
|
493
493
|
<IressRadio
|
|
494
|
-
className\="ids-styles--add-border-
|
|
494
|
+
className\="ids-styles--add-border-v5205"
|
|
495
495
|
value\="google"
|
|
496
496
|
\>
|
|
497
497
|
Google </IressRadio\>
|
|
498
498
|
<IressRadio
|
|
499
|
-
className\="ids-styles--add-border-
|
|
499
|
+
className\="ids-styles--add-border-v5205"
|
|
500
500
|
value\="newspaper"
|
|
501
501
|
\>
|
|
502
502
|
Newspaper </IressRadio\>
|
|
503
503
|
<IressRadio
|
|
504
|
-
className\="ids-styles--add-border-
|
|
504
|
+
className\="ids-styles--add-border-v5205"
|
|
505
505
|
value\="friend"
|
|
506
506
|
\>
|
|
507
507
|
Friend </IressRadio\>
|
|
508
508
|
<IressRadio
|
|
509
|
-
className\="ids-styles--add-border-
|
|
509
|
+
className\="ids-styles--add-border-v5205"
|
|
510
510
|
value\="other"
|
|
511
511
|
\>
|
|
512
512
|
Other </IressRadio\>
|
|
@@ -517,22 +517,22 @@ Hide codedrawOpen in CodeSandbox
|
|
|
517
517
|
block </h3\>
|
|
518
518
|
<IressRadioGroup layout\="block"\>
|
|
519
519
|
<IressRadio
|
|
520
|
-
className\="ids-styles--add-border-
|
|
520
|
+
className\="ids-styles--add-border-v5205"
|
|
521
521
|
value\="google"
|
|
522
522
|
\>
|
|
523
523
|
Google </IressRadio\>
|
|
524
524
|
<IressRadio
|
|
525
|
-
className\="ids-styles--add-border-
|
|
525
|
+
className\="ids-styles--add-border-v5205"
|
|
526
526
|
value\="newspaper"
|
|
527
527
|
\>
|
|
528
528
|
Newspaper </IressRadio\>
|
|
529
529
|
<IressRadio
|
|
530
|
-
className\="ids-styles--add-border-
|
|
530
|
+
className\="ids-styles--add-border-v5205"
|
|
531
531
|
value\="friend"
|
|
532
532
|
\>
|
|
533
533
|
Friend </IressRadio\>
|
|
534
534
|
<IressRadio
|
|
535
|
-
className\="ids-styles--add-border-
|
|
535
|
+
className\="ids-styles--add-border-v5205"
|
|
536
536
|
value\="other"
|
|
537
537
|
\>
|
|
538
538
|
Other </IressRadio\>
|
|
@@ -543,22 +543,22 @@ Hide codedrawOpen in CodeSandbox
|
|
|
543
543
|
inline </h3\>
|
|
544
544
|
<IressRadioGroup layout\="inline"\>
|
|
545
545
|
<IressRadio
|
|
546
|
-
className\="ids-styles--add-border-
|
|
546
|
+
className\="ids-styles--add-border-v5205"
|
|
547
547
|
value\="google"
|
|
548
548
|
\>
|
|
549
549
|
Google </IressRadio\>
|
|
550
550
|
<IressRadio
|
|
551
|
-
className\="ids-styles--add-border-
|
|
551
|
+
className\="ids-styles--add-border-v5205"
|
|
552
552
|
value\="newspaper"
|
|
553
553
|
\>
|
|
554
554
|
Newspaper </IressRadio\>
|
|
555
555
|
<IressRadio
|
|
556
|
-
className\="ids-styles--add-border-
|
|
556
|
+
className\="ids-styles--add-border-v5205"
|
|
557
557
|
value\="friend"
|
|
558
558
|
\>
|
|
559
559
|
Friend </IressRadio\>
|
|
560
560
|
<IressRadio
|
|
561
|
-
className\="ids-styles--add-border-
|
|
561
|
+
className\="ids-styles--add-border-v5205"
|
|
562
562
|
value\="other"
|
|
563
563
|
\>
|
|
564
564
|
Other </IressRadio\>
|
|
@@ -569,22 +569,22 @@ Hide codedrawOpen in CodeSandbox
|
|
|
569
569
|
inlineFlex </h3\>
|
|
570
570
|
<IressRadioGroup layout\="inlineFlex"\>
|
|
571
571
|
<IressRadio
|
|
572
|
-
className\="ids-styles--add-border-
|
|
572
|
+
className\="ids-styles--add-border-v5205"
|
|
573
573
|
value\="google"
|
|
574
574
|
\>
|
|
575
575
|
Google </IressRadio\>
|
|
576
576
|
<IressRadio
|
|
577
|
-
className\="ids-styles--add-border-
|
|
577
|
+
className\="ids-styles--add-border-v5205"
|
|
578
578
|
value\="newspaper"
|
|
579
579
|
\>
|
|
580
580
|
Newspaper </IressRadio\>
|
|
581
581
|
<IressRadio
|
|
582
|
-
className\="ids-styles--add-border-
|
|
582
|
+
className\="ids-styles--add-border-v5205"
|
|
583
583
|
value\="friend"
|
|
584
584
|
\>
|
|
585
585
|
Friend </IressRadio\>
|
|
586
586
|
<IressRadio
|
|
587
|
-
className\="ids-styles--add-border-
|
|
587
|
+
className\="ids-styles--add-border-v5205"
|
|
588
588
|
value\="other"
|
|
589
589
|
\>
|
|
590
590
|
Other </IressRadio\>
|
|
@@ -595,22 +595,22 @@ Hide codedrawOpen in CodeSandbox
|
|
|
595
595
|
inlineEqualWidth </h3\>
|
|
596
596
|
<IressRadioGroup layout\="inlineEqualWidth"\>
|
|
597
597
|
<IressRadio
|
|
598
|
-
className\="ids-styles--add-border-
|
|
598
|
+
className\="ids-styles--add-border-v5205"
|
|
599
599
|
value\="google"
|
|
600
600
|
\>
|
|
601
601
|
Google </IressRadio\>
|
|
602
602
|
<IressRadio
|
|
603
|
-
className\="ids-styles--add-border-
|
|
603
|
+
className\="ids-styles--add-border-v5205"
|
|
604
604
|
value\="newspaper"
|
|
605
605
|
\>
|
|
606
606
|
Newspaper </IressRadio\>
|
|
607
607
|
<IressRadio
|
|
608
|
-
className\="ids-styles--add-border-
|
|
608
|
+
className\="ids-styles--add-border-v5205"
|
|
609
609
|
value\="friend"
|
|
610
610
|
\>
|
|
611
611
|
Friend </IressRadio\>
|
|
612
612
|
<IressRadio
|
|
613
|
-
className\="ids-styles--add-border-
|
|
613
|
+
className\="ids-styles--add-border-v5205"
|
|
614
614
|
value\="other"
|
|
615
615
|
\>
|
|
616
616
|
Other </IressRadio\>
|
|
@@ -979,7 +979,7 @@ Hide codedrawOpen in CodeSandbox
|
|
|
979
979
|
}}
|
|
980
980
|
\>
|
|
981
981
|
<div
|
|
982
|
-
className\="ids-styles--resizable-
|
|
982
|
+
className\="ids-styles--resizable-v5205"
|
|
983
983
|
style\={{
|
|
984
984
|
display: 'grid',
|
|
985
985
|
gridAutoRows: '1fr',
|
|
@@ -1013,7 +1013,7 @@ Hide codedrawOpen in CodeSandbox
|
|
|
1013
1013
|
<IressText element\="h2"\>
|
|
1014
1014
|
Vertical align: top </IressText\>
|
|
1015
1015
|
<IressRow
|
|
1016
|
-
className\="ids-styles--set-height-
|
|
1016
|
+
className\="ids-styles--set-height-v5205"
|
|
1017
1017
|
verticalAlign\="top"
|
|
1018
1018
|
\>
|
|
1019
1019
|
<React.Fragment key\=".0"\>
|
|
@@ -1042,7 +1042,7 @@ Hide codedrawOpen in CodeSandbox
|
|
|
1042
1042
|
<IressText element\="h2"\>
|
|
1043
1043
|
Vertical align: middle </IressText\>
|
|
1044
1044
|
<IressRow
|
|
1045
|
-
className\="ids-styles--set-height-
|
|
1045
|
+
className\="ids-styles--set-height-v5205"
|
|
1046
1046
|
verticalAlign\="middle"
|
|
1047
1047
|
\>
|
|
1048
1048
|
<React.Fragment key\=".0"\>
|
|
@@ -1071,7 +1071,7 @@ Hide codedrawOpen in CodeSandbox
|
|
|
1071
1071
|
<IressText element\="h2"\>
|
|
1072
1072
|
Vertical align: bottom </IressText\>
|
|
1073
1073
|
<IressRow
|
|
1074
|
-
className\="ids-styles--set-height-
|
|
1074
|
+
className\="ids-styles--set-height-v5205"
|
|
1075
1075
|
verticalAlign\="bottom"
|
|
1076
1076
|
\>
|
|
1077
1077
|
<React.Fragment key\=".0"\>
|
|
@@ -1100,7 +1100,7 @@ Hide codedrawOpen in CodeSandbox
|
|
|
1100
1100
|
<IressText element\="h2"\>
|
|
1101
1101
|
Vertical align: stretch </IressText\>
|
|
1102
1102
|
<IressRow
|
|
1103
|
-
className\="ids-styles--set-height-
|
|
1103
|
+
className\="ids-styles--set-height-v5205"
|
|
1104
1104
|
verticalAlign\="stretch"
|
|
1105
1105
|
\>
|
|
1106
1106
|
<React.Fragment key\=".0"\>
|
|
@@ -25,7 +25,7 @@ Hide codedrawOpen in CodeSandbox
|
|
|
25
25
|
}}
|
|
26
26
|
/>
|
|
27
27
|
<main
|
|
28
|
-
className\="iress-u-container iress-u-text iress-u-panel ids-styles--highlight-on-focus-
|
|
28
|
+
className\="iress-u-container iress-u-text iress-u-panel ids-styles--highlight-on-focus-v5205"
|
|
29
29
|
id\="main"
|
|
30
30
|
tabIndex\={\-1}
|
|
31
31
|
\>
|
|
@@ -2233,7 +2233,7 @@ For very simple tabular data, you have the option to hide the table header with
|
|
|
2233
2233
|
|
|
2234
2234
|
[](./iframe.html?id=components-table--hidden-header)
|
|
2235
2235
|
|
|
2236
|
-
<table class="ids-table-
|
|
2236
|
+
<table class="ids-table-v5205 ids-table--hidden-header-v5205" id="_r_4d_"><caption id="_r_4d_--caption" class="">My investments</caption><tbody><tr id="_r_4d_--rows--0"><th data-column="investment_name" id="_r_4d___0_investment_name" scope="row">Artemis Fund Managers Limited</th><td data-column="cost" headers="_r_4d___0_investment_name" id="_r_4d___0_cost">23898</td><td data-column="investmentDate" headers="_r_4d___0_investment_name" id="_r_4d___0_investmentDate">2019-09-23</td><td data-column="totalPercentage" headers="_r_4d___0_investment_name" id="_r_4d___0_totalPercentage">24.8</td></tr><tr id="_r_4d_--rows--1"><th data-column="investment_name" id="_r_4d___1_investment_name" scope="row">CASH.CASH</th><td data-column="cost" headers="_r_4d___1_investment_name" id="_r_4d___1_cost">49751.4</td><td data-column="investmentDate" headers="_r_4d___1_investment_name" id="_r_4d___1_investmentDate">2020-06-28</td><td data-column="totalPercentage" headers="_r_4d___1_investment_name" id="_r_4d___1_totalPercentage">49</td></tr><tr id="_r_4d_--rows--2"><th data-column="investment_name" id="_r_4d___2_investment_name" scope="row">VODAFONE GRP</th><td data-column="cost" headers="_r_4d___2_investment_name" id="_r_4d___2_cost">26382.456</td><td data-column="investmentDate" headers="_r_4d___2_investment_name" id="_r_4d___2_investmentDate">2019-02-05</td><td data-column="totalPercentage" headers="_r_4d___2_investment_name" id="_r_4d___2_totalPercentage">26.2</td></tr></tbody></table>
|
|
2237
2237
|
|
|
2238
2238
|
Hide codedrawOpen in CodeSandbox
|
|
2239
2239
|
|
|
@@ -3318,7 +3318,7 @@ In some cases you may have a table with multiple groups of rows inside it, howev
|
|
|
3318
3318
|
|
|
3319
3319
|
[](./iframe.html?id=components-table-body--body)
|
|
3320
3320
|
|
|
3321
|
-
<table class="ids-table-
|
|
3321
|
+
<table class="ids-table-v5205" id="_r_4m_"><caption id="_r_4m_--caption" class="">My liabilities</caption><tbody aria-labelledby="_r_4n_--caption" class=""><tr><th aria-expanded="true" colspan="8" class="ids-table--row-group-header-v5205" id="_r_4n_--caption" scope="rowgroup" aria-controls="_r_4n_--header--0 _r_4n_--rows--0 _r_4n_--children"><button class="ids-table--activator-v5205" type="button">Current liabilities</button></th></tr><tr class="ids-table--row-group-column-headers-v5205" id="_r_4n_--header--0"><th id="_r_4n___owner" headers="_r_4n_--caption" class="" style="width: 75px; min-width: 75px;">Owner</th><th id="_r_4n___type" headers="_r_4n_--caption" class="" style="width: 100px; min-width: 100px;">Type</th><th id="_r_4n___provider" headers="_r_4n_--caption" class="">Provider</th><th id="_r_4n___status" headers="_r_4n_--caption" class="ids-table--divider-v5205">Status</th><th id="_r_4n___frequency" headers="_r_4n_--caption" class="">Frequency</th><th id="_r_4n___outstanding" headers="_r_4n_--caption" aria-sort="none" class="ids-table--cell--currency-v5205"><button type="button" class="ids-table--sort-button-v5205 ids-table--sort-button-no-wrap-v5205">Outstanding (GBP)<span role="img" class="ids-table--sort-icon-v5205 ids-icon-v5205 fa-sort fal" aria-label="sortable"></span></button></th><th id="_r_4n___interestRate" headers="_r_4n_--caption" aria-sort="none" class="ids-table--cell--right-v5205"><button type="button" class="ids-table--sort-button-v5205 ids-table--sort-button-no-wrap-v5205">Interest rate p.a.<span role="img" class="ids-table--sort-icon-v5205 ids-icon-v5205 fa-sort fal" aria-label="sortable"></span></button></th><th id="_r_4n___repayment" headers="_r_4n_--caption" aria-sort="none" class="ids-table--cell--currency-v5205"><button type="button" class="ids-table--sort-button-v5205 ids-table--sort-button-no-wrap-v5205">Repayment (GBP)<span role="img" class="ids-table--sort-icon-v5205 ids-icon-v5205 fa-sort fal" aria-label="sortable"></span></button></th></tr><tr id="_r_4n_--rows--0"><td data-column="owner" headers="_r_4n___owner _r_4n_--caption" id="_r_4n___0_owner" class="" style="width: 75px; min-width: 75px;">Client</td><td data-column="type" headers="_r_4n___type _r_4n_--caption" id="_r_4n___0_type" class="" style="width: 100px; min-width: 100px;">Credit card</td><td data-column="provider" headers="_r_4n___provider _r_4n_--caption" id="_r_4n___0_provider" class=""></td><td data-column="status" headers="_r_4n___status _r_4n_--caption" id="_r_4n___0_status" class="ids-table--divider-v5205">Current</td><td data-column="frequency" headers="_r_4n___frequency _r_4n_--caption" id="_r_4n___0_frequency" class="">Monthly</td><td data-column="outstanding" headers="_r_4n___outstanding _r_4n_--caption" id="_r_4n___0_outstanding" class="ids-table--cell--currency-v5205">5,000.00</td><td data-column="interestRate" headers="_r_4n___interestRate _r_4n_--caption" id="_r_4n___0_interestRate" class="ids-table--cell--right-v5205">0%</td><td data-column="repayment" headers="_r_4n___repayment _r_4n_--caption" id="_r_4n___0_repayment" class="ids-table--cell--currency-v5205">300.00</td></tr><tr id="_r_4n_--children"><td colspan="8"><button class="iress-form-element iress-form-element__inner iress-u-button iress--mode--tertiary" type="button"><span class="iress-u-button__prepend"><span role="img" class="ids-icon-v5205 fa-plus-circle fal" aria-hidden="true"></span></span>Add current liability</button></td></tr></tbody><tbody aria-labelledby="_r_4p_--caption" class=""><tr><th aria-expanded="false" colspan="8" class="ids-table--row-group-header-v5205" id="_r_4p_--caption" scope="rowgroup"><button class="ids-table--activator-v5205" type="button">Long term liabilities</button></th></tr></tbody><tbody aria-labelledby="_r_4q_--caption" class=""><tr><th aria-expanded="false" colspan="8" class="ids-table--row-group-header-v5205" id="_r_4q_--caption" scope="rowgroup"><button class="ids-table--activator-v5205" type="button">Contingent liabilities</button></th></tr></tbody></table>
|
|
3322
3322
|
|
|
3323
3323
|
Hide codedrawOpen in CodeSandbox
|
|
3324
3324
|
|
|
@@ -3596,9 +3596,9 @@ IressTableFormattedValue
|
|
|
3596
3596
|
| --- | --- |
|
|
3597
3597
|
| string | string |
|
|
3598
3598
|
| number | 10000 |
|
|
3599
|
-
| date |
|
|
3600
|
-
| shortDate |
|
|
3601
|
-
| isoDateTime |
|
|
3599
|
+
| date | 06/01/2026 |
|
|
3600
|
+
| shortDate | 6 Jan 2026 |
|
|
3601
|
+
| isoDateTime | 2026-01-06 04:14:30 (UTC) |
|
|
3602
3602
|
| relativeTime | now |
|
|
3603
3603
|
| currency | $10,000.00 |
|
|
3604
3604
|
| percent | 50% |
|
|
@@ -16,27 +16,27 @@ Used for the default panel background.
|
|
|
16
16
|
|
|
17
17
|
#### Allowed foregrounds
|
|
18
18
|
|
|
19
|
-
* \--iress-g-text-color
|
|
19
|
+
* \--iress-g-text-color (#344055)
|
|
20
20
|
|
|
21
21
|
9.7 AAA
|
|
22
22
|
|
|
23
|
-
* \--iress-g-muted-text-color
|
|
23
|
+
* \--iress-g-muted-text-color (#566781)
|
|
24
24
|
|
|
25
25
|
5.4 AA
|
|
26
26
|
|
|
27
|
-
* \--iress-g-info-color
|
|
27
|
+
* \--iress-g-info-color (#265CD9)
|
|
28
28
|
|
|
29
29
|
5.4 AA
|
|
30
30
|
|
|
31
|
-
* \--iress-g-success-color
|
|
31
|
+
* \--iress-g-success-color (#007544)
|
|
32
32
|
|
|
33
33
|
5.4 AA
|
|
34
34
|
|
|
35
|
-
* \--iress-g-warning-color
|
|
35
|
+
* \--iress-g-warning-color (#805E00)
|
|
36
36
|
|
|
37
37
|
5.6 AA
|
|
38
38
|
|
|
39
|
-
* \--iress-g-danger-color
|
|
39
|
+
* \--iress-g-danger-color (#CB1306)
|
|
40
40
|
|
|
41
41
|
5.4 AA
|
|
42
42
|
|
|
@@ -49,27 +49,27 @@ The background colour of the page.
|
|
|
49
49
|
|
|
50
50
|
#### Allowed foregrounds
|
|
51
51
|
|
|
52
|
-
* \--iress-g-text-color
|
|
52
|
+
* \--iress-g-text-color (#344055)
|
|
53
53
|
|
|
54
54
|
10.4 AAA
|
|
55
55
|
|
|
56
|
-
* \--iress-g-muted-text-color
|
|
56
|
+
* \--iress-g-muted-text-color (#566781)
|
|
57
57
|
|
|
58
58
|
5.7 AA
|
|
59
59
|
|
|
60
|
-
* \--iress-g-info-color
|
|
60
|
+
* \--iress-g-info-color (#265CD9)
|
|
61
61
|
|
|
62
62
|
5.8 AA
|
|
63
63
|
|
|
64
|
-
* \--iress-g-success-color
|
|
64
|
+
* \--iress-g-success-color (#007544)
|
|
65
65
|
|
|
66
66
|
5.8 AA
|
|
67
67
|
|
|
68
|
-
* \--iress-g-warning-color
|
|
68
|
+
* \--iress-g-warning-color (#805E00)
|
|
69
69
|
|
|
70
70
|
6.0 AA
|
|
71
71
|
|
|
72
|
-
* \--iress-g-danger-color
|
|
72
|
+
* \--iress-g-danger-color (#CB1306)
|
|
73
73
|
|
|
74
74
|
5.8 AA
|
|
75
75
|
|
|
@@ -82,27 +82,27 @@ Used for the alt panel background.
|
|
|
82
82
|
|
|
83
83
|
#### Allowed foregrounds
|
|
84
84
|
|
|
85
|
-
* \--iress-g-text-color
|
|
85
|
+
* \--iress-g-text-color (#344055)
|
|
86
86
|
|
|
87
87
|
8.2 AAA
|
|
88
88
|
|
|
89
|
-
* \--iress-g-muted-text-color
|
|
89
|
+
* \--iress-g-muted-text-color (#566781)
|
|
90
90
|
|
|
91
91
|
4.5 AA
|
|
92
92
|
|
|
93
|
-
* \--iress-g-info-color
|
|
93
|
+
* \--iress-g-info-color (#265CD9)
|
|
94
94
|
|
|
95
95
|
4.6 AA
|
|
96
96
|
|
|
97
|
-
* \--iress-g-success-color
|
|
97
|
+
* \--iress-g-success-color (#007544)
|
|
98
98
|
|
|
99
99
|
4.5 AA
|
|
100
100
|
|
|
101
|
-
* \--iress-g-warning-color
|
|
101
|
+
* \--iress-g-warning-color (#805E00)
|
|
102
102
|
|
|
103
103
|
4.7 AA
|
|
104
104
|
|
|
105
|
-
* \--iress-g-danger-color
|
|
105
|
+
* \--iress-g-danger-color (#CB1306)
|
|
106
106
|
|
|
107
107
|
4.5 AA
|
|
108
108
|
|
|
@@ -115,27 +115,27 @@ Used for the hover and active state of elements such as tables, button groups, e
|
|
|
115
115
|
|
|
116
116
|
#### Allowed foregrounds
|
|
117
117
|
|
|
118
|
-
* \--iress-g-text-color
|
|
118
|
+
* \--iress-g-text-color (#344055)
|
|
119
119
|
|
|
120
120
|
9.3 AAA
|
|
121
121
|
|
|
122
|
-
* \--iress-g-muted-text-color
|
|
122
|
+
* \--iress-g-muted-text-color (#566781)
|
|
123
123
|
|
|
124
124
|
5.1 AA
|
|
125
125
|
|
|
126
|
-
* \--iress-g-info-color
|
|
126
|
+
* \--iress-g-info-color (#265CD9)
|
|
127
127
|
|
|
128
128
|
5.2 AA
|
|
129
129
|
|
|
130
|
-
* \--iress-g-success-color
|
|
130
|
+
* \--iress-g-success-color (#007544)
|
|
131
131
|
|
|
132
132
|
5.1 AA
|
|
133
133
|
|
|
134
|
-
* \--iress-g-warning-color
|
|
134
|
+
* \--iress-g-warning-color (#805E00)
|
|
135
135
|
|
|
136
136
|
5.3 AA
|
|
137
137
|
|
|
138
|
-
* \--iress-g-danger-color
|
|
138
|
+
* \--iress-g-danger-color (#CB1306)
|
|
139
139
|
|
|
140
140
|
5.1 AA
|
|
141
141
|
|
|
@@ -151,7 +151,7 @@ Used for the background colour of primary buttons, and to highlight other intera
|
|
|
151
151
|
|
|
152
152
|
#### Allowed foregrounds
|
|
153
153
|
|
|
154
|
-
* \--iress-g-primary-contrast-color
|
|
154
|
+
* \--iress-g-primary-contrast-color (#FFF)
|
|
155
155
|
|
|
156
156
|
10.7 AAA
|
|
157
157
|
|
|
@@ -164,7 +164,7 @@ Used for the hover state of primary buttons.
|
|
|
164
164
|
|
|
165
165
|
#### Allowed foregrounds
|
|
166
166
|
|
|
167
|
-
* \--iress-g-primary-contrast-color
|
|
167
|
+
* \--iress-g-primary-contrast-color (#FFF)
|
|
168
168
|
|
|
169
169
|
15.5 AAA
|
|
170
170
|
|
|
@@ -180,7 +180,7 @@ Used to indicate an element that provides information, usually an element withou
|
|
|
180
180
|
|
|
181
181
|
#### Allowed foregrounds
|
|
182
182
|
|
|
183
|
-
* \--iress-g-info-contrast-color
|
|
183
|
+
* \--iress-g-info-contrast-color (#FFF)
|
|
184
184
|
|
|
185
185
|
5.8 AA
|
|
186
186
|
|
|
@@ -193,7 +193,7 @@ Used to indicate an error that requires the user's attention and action. Used in
|
|
|
193
193
|
|
|
194
194
|
#### Allowed foregrounds
|
|
195
195
|
|
|
196
|
-
* \--iress-g-danger-contrast-color
|
|
196
|
+
* \--iress-g-danger-contrast-color (#FFF)
|
|
197
197
|
|
|
198
198
|
5.8 AA
|
|
199
199
|
|
|
@@ -206,7 +206,7 @@ Used to indicate an action/information that may have consequences. Used in alert
|
|
|
206
206
|
|
|
207
207
|
#### Allowed foregrounds
|
|
208
208
|
|
|
209
|
-
* \--iress-g-warning-contrast-color
|
|
209
|
+
* \--iress-g-warning-contrast-color (#FFF)
|
|
210
210
|
|
|
211
211
|
6.0 AA
|
|
212
212
|
|
|
@@ -219,7 +219,7 @@ Used to indicate a successful action. Used in alerts and badges.
|
|
|
219
219
|
|
|
220
220
|
#### Allowed foregrounds
|
|
221
221
|
|
|
222
|
-
* \--iress-g-success-contrast-color
|
|
222
|
+
* \--iress-g-success-contrast-color (#FFF)
|
|
223
223
|
|
|
224
224
|
5.8 AA
|
|
225
225
|
|
|
@@ -232,7 +232,7 @@ Used to indicate an element that is below a threshold or limit. Usually used for
|
|
|
232
232
|
|
|
233
233
|
#### Allowed foregrounds
|
|
234
234
|
|
|
235
|
-
* \--iress-g-negative-contrast-color
|
|
235
|
+
* \--iress-g-negative-contrast-color (#FFF)
|
|
236
236
|
|
|
237
237
|
5.8 AA
|
|
238
238
|
|
|
@@ -245,6 +245,6 @@ Used to indicate an element that is above a threshold or limit. Usually used for
|
|
|
245
245
|
|
|
246
246
|
#### Allowed foregrounds
|
|
247
247
|
|
|
248
|
-
* \--iress-g-positive-contrast-color
|
|
248
|
+
* \--iress-g-positive-contrast-color (#FFF)
|
|
249
249
|
|
|
250
250
|
5.5 AA
|
|
@@ -93,8 +93,8 @@ const Chart \= () \=> {
|
|
|
93
93
|
if (deferredMoney \=== null) {
|
|
94
94
|
return;
|
|
95
95
|
}
|
|
96
|
-
setUpdating(() \=> true);
|
|
97
96
|
const update \= async () \=> {
|
|
97
|
+
setUpdating(() \=> true);
|
|
98
98
|
const newChart \= await API.chartUpdate();
|
|
99
99
|
setChart(newChart);
|
|
100
100
|
setUpdating(() \=> false);
|
|
@@ -1259,8 +1259,8 @@ const Chart \= () \=> {
|
|
|
1259
1259
|
if (deferredMoney \=== null) {
|
|
1260
1260
|
return;
|
|
1261
1261
|
}
|
|
1262
|
-
setUpdating(() \=> true);
|
|
1263
1262
|
const update \= async () \=> {
|
|
1263
|
+
setUpdating(() \=> true);
|
|
1264
1264
|
const newChart \= await API.chartUpdate();
|
|
1265
1265
|
setUpdatedChart(newChart);
|
|
1266
1266
|
setUpdating(() \=> false);
|
|
@@ -1446,8 +1446,8 @@ const Chart \= () \=> {
|
|
|
1446
1446
|
if (deferredMoney \=== null) {
|
|
1447
1447
|
return;
|
|
1448
1448
|
}
|
|
1449
|
-
setUpdating(() \=> true);
|
|
1450
1449
|
const update \= async () \=> {
|
|
1450
|
+
setUpdating(() \=> true);
|
|
1451
1451
|
const newChart \= await API.chartUpdate();
|
|
1452
1452
|
setUpdatedChart(newChart);
|
|
1453
1453
|
setUpdating(() \=> false);
|
|
@@ -1693,8 +1693,8 @@ const Chart \= () \=> {
|
|
|
1693
1693
|
if (deferredMoney \=== null) {
|
|
1694
1694
|
return;
|
|
1695
1695
|
}
|
|
1696
|
-
setUpdating(() \=> true);
|
|
1697
1696
|
const update \= async () \=> {
|
|
1697
|
+
setUpdating(() \=> true);
|
|
1698
1698
|
const newChart \= await API.chartUpdate();
|
|
1699
1699
|
setChart(newChart);
|
|
1700
1700
|
setUpdating(() \=> false);
|
|
@@ -1861,8 +1861,8 @@ const Chart \= () \=> {
|
|
|
1861
1861
|
if (deferredMoney \=== null) {
|
|
1862
1862
|
return;
|
|
1863
1863
|
}
|
|
1864
|
-
setUpdating(() \=> true);
|
|
1865
1864
|
const update \= async () \=> {
|
|
1865
|
+
setUpdating(() \=> true);
|
|
1866
1866
|
const newChart \= await API.chartUpdate();
|
|
1867
1867
|
setChart(newChart);
|
|
1868
1868
|
setUpdating(() \=> false);
|
|
@@ -158,27 +158,27 @@ Used for the default panel background.
|
|
|
158
158
|
|
|
159
159
|
#### Allowed foregrounds
|
|
160
160
|
|
|
161
|
-
* \--iress-g-text-color
|
|
161
|
+
* \--iress-g-text-color (#344055)
|
|
162
162
|
|
|
163
163
|
9.7 AAA
|
|
164
164
|
|
|
165
|
-
* \--iress-g-muted-text-color
|
|
165
|
+
* \--iress-g-muted-text-color (#566781)
|
|
166
166
|
|
|
167
167
|
5.4 AA
|
|
168
168
|
|
|
169
|
-
* \--iress-g-info-color
|
|
169
|
+
* \--iress-g-info-color (#265CD9)
|
|
170
170
|
|
|
171
171
|
5.4 AA
|
|
172
172
|
|
|
173
|
-
* \--iress-g-success-color
|
|
173
|
+
* \--iress-g-success-color (#007544)
|
|
174
174
|
|
|
175
175
|
5.4 AA
|
|
176
176
|
|
|
177
|
-
* \--iress-g-warning-color
|
|
177
|
+
* \--iress-g-warning-color (#805E00)
|
|
178
178
|
|
|
179
179
|
5.6 AA
|
|
180
180
|
|
|
181
|
-
* \--iress-g-danger-color
|
|
181
|
+
* \--iress-g-danger-color (#CB1306)
|
|
182
182
|
|
|
183
183
|
5.4 AA
|
|
184
184
|
|
|
@@ -191,27 +191,27 @@ The background colour of the page.
|
|
|
191
191
|
|
|
192
192
|
#### Allowed foregrounds
|
|
193
193
|
|
|
194
|
-
* \--iress-g-text-color
|
|
194
|
+
* \--iress-g-text-color (#344055)
|
|
195
195
|
|
|
196
196
|
10.4 AAA
|
|
197
197
|
|
|
198
|
-
* \--iress-g-muted-text-color
|
|
198
|
+
* \--iress-g-muted-text-color (#566781)
|
|
199
199
|
|
|
200
200
|
5.7 AA
|
|
201
201
|
|
|
202
|
-
* \--iress-g-info-color
|
|
202
|
+
* \--iress-g-info-color (#265CD9)
|
|
203
203
|
|
|
204
204
|
5.8 AA
|
|
205
205
|
|
|
206
|
-
* \--iress-g-success-color
|
|
206
|
+
* \--iress-g-success-color (#007544)
|
|
207
207
|
|
|
208
208
|
5.8 AA
|
|
209
209
|
|
|
210
|
-
* \--iress-g-warning-color
|
|
210
|
+
* \--iress-g-warning-color (#805E00)
|
|
211
211
|
|
|
212
212
|
6.0 AA
|
|
213
213
|
|
|
214
|
-
* \--iress-g-danger-color
|
|
214
|
+
* \--iress-g-danger-color (#CB1306)
|
|
215
215
|
|
|
216
216
|
5.8 AA
|
|
217
217
|
|
|
@@ -224,27 +224,27 @@ Used for the alt panel background.
|
|
|
224
224
|
|
|
225
225
|
#### Allowed foregrounds
|
|
226
226
|
|
|
227
|
-
* \--iress-g-text-color
|
|
227
|
+
* \--iress-g-text-color (#344055)
|
|
228
228
|
|
|
229
229
|
8.2 AAA
|
|
230
230
|
|
|
231
|
-
* \--iress-g-muted-text-color
|
|
231
|
+
* \--iress-g-muted-text-color (#566781)
|
|
232
232
|
|
|
233
233
|
4.5 AA
|
|
234
234
|
|
|
235
|
-
* \--iress-g-info-color
|
|
235
|
+
* \--iress-g-info-color (#265CD9)
|
|
236
236
|
|
|
237
237
|
4.6 AA
|
|
238
238
|
|
|
239
|
-
* \--iress-g-success-color
|
|
239
|
+
* \--iress-g-success-color (#007544)
|
|
240
240
|
|
|
241
241
|
4.5 AA
|
|
242
242
|
|
|
243
|
-
* \--iress-g-warning-color
|
|
243
|
+
* \--iress-g-warning-color (#805E00)
|
|
244
244
|
|
|
245
245
|
4.7 AA
|
|
246
246
|
|
|
247
|
-
* \--iress-g-danger-color
|
|
247
|
+
* \--iress-g-danger-color (#CB1306)
|
|
248
248
|
|
|
249
249
|
4.5 AA
|
|
250
250
|
|
|
@@ -257,27 +257,27 @@ Used for the hover and active state of elements such as tables, button groups, e
|
|
|
257
257
|
|
|
258
258
|
#### Allowed foregrounds
|
|
259
259
|
|
|
260
|
-
* \--iress-g-text-color
|
|
260
|
+
* \--iress-g-text-color (#344055)
|
|
261
261
|
|
|
262
262
|
9.3 AAA
|
|
263
263
|
|
|
264
|
-
* \--iress-g-muted-text-color
|
|
264
|
+
* \--iress-g-muted-text-color (#566781)
|
|
265
265
|
|
|
266
266
|
5.1 AA
|
|
267
267
|
|
|
268
|
-
* \--iress-g-info-color
|
|
268
|
+
* \--iress-g-info-color (#265CD9)
|
|
269
269
|
|
|
270
270
|
5.2 AA
|
|
271
271
|
|
|
272
|
-
* \--iress-g-success-color
|
|
272
|
+
* \--iress-g-success-color (#007544)
|
|
273
273
|
|
|
274
274
|
5.1 AA
|
|
275
275
|
|
|
276
|
-
* \--iress-g-warning-color
|
|
276
|
+
* \--iress-g-warning-color (#805E00)
|
|
277
277
|
|
|
278
278
|
5.3 AA
|
|
279
279
|
|
|
280
|
-
* \--iress-g-danger-color
|
|
280
|
+
* \--iress-g-danger-color (#CB1306)
|
|
281
281
|
|
|
282
282
|
5.1 AA
|
|
283
283
|
|
|
@@ -293,7 +293,7 @@ Used for the background colour of primary buttons, and to highlight other intera
|
|
|
293
293
|
|
|
294
294
|
#### Allowed foregrounds
|
|
295
295
|
|
|
296
|
-
* \--iress-g-primary-contrast-color
|
|
296
|
+
* \--iress-g-primary-contrast-color (#FFF)
|
|
297
297
|
|
|
298
298
|
10.7 AAA
|
|
299
299
|
|
|
@@ -306,7 +306,7 @@ Used for the hover state of primary buttons.
|
|
|
306
306
|
|
|
307
307
|
#### Allowed foregrounds
|
|
308
308
|
|
|
309
|
-
* \--iress-g-primary-contrast-color
|
|
309
|
+
* \--iress-g-primary-contrast-color (#FFF)
|
|
310
310
|
|
|
311
311
|
15.5 AAA
|
|
312
312
|
|
|
@@ -322,7 +322,7 @@ Used to indicate an element that provides information, usually an element withou
|
|
|
322
322
|
|
|
323
323
|
#### Allowed foregrounds
|
|
324
324
|
|
|
325
|
-
* \--iress-g-info-contrast-color
|
|
325
|
+
* \--iress-g-info-contrast-color (#FFF)
|
|
326
326
|
|
|
327
327
|
5.8 AA
|
|
328
328
|
|
|
@@ -335,7 +335,7 @@ Used to indicate an error that requires the user's attention and action. Used in
|
|
|
335
335
|
|
|
336
336
|
#### Allowed foregrounds
|
|
337
337
|
|
|
338
|
-
* \--iress-g-danger-contrast-color
|
|
338
|
+
* \--iress-g-danger-contrast-color (#FFF)
|
|
339
339
|
|
|
340
340
|
5.8 AA
|
|
341
341
|
|
|
@@ -348,7 +348,7 @@ Used to indicate an action/information that may have consequences. Used in alert
|
|
|
348
348
|
|
|
349
349
|
#### Allowed foregrounds
|
|
350
350
|
|
|
351
|
-
* \--iress-g-warning-contrast-color
|
|
351
|
+
* \--iress-g-warning-contrast-color (#FFF)
|
|
352
352
|
|
|
353
353
|
6.0 AA
|
|
354
354
|
|
|
@@ -361,7 +361,7 @@ Used to indicate a successful action. Used in alerts and badges.
|
|
|
361
361
|
|
|
362
362
|
#### Allowed foregrounds
|
|
363
363
|
|
|
364
|
-
* \--iress-g-success-contrast-color
|
|
364
|
+
* \--iress-g-success-contrast-color (#FFF)
|
|
365
365
|
|
|
366
366
|
5.8 AA
|
|
367
367
|
|
|
@@ -374,7 +374,7 @@ Used to indicate an element that is below a threshold or limit. Usually used for
|
|
|
374
374
|
|
|
375
375
|
#### Allowed foregrounds
|
|
376
376
|
|
|
377
|
-
* \--iress-g-negative-contrast-color
|
|
377
|
+
* \--iress-g-negative-contrast-color (#FFF)
|
|
378
378
|
|
|
379
379
|
5.8 AA
|
|
380
380
|
|
|
@@ -387,7 +387,7 @@ Used to indicate an element that is above a threshold or limit. Usually used for
|
|
|
387
387
|
|
|
388
388
|
#### Allowed foregrounds
|
|
389
389
|
|
|
390
|
-
* \--iress-g-positive-contrast-color
|
|
390
|
+
* \--iress-g-positive-contrast-color (#FFF)
|
|
391
391
|
|
|
392
392
|
5.5 AA
|
|
393
393
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@iress-oss/ids-mcp-server",
|
|
3
|
-
"version": "5.20.
|
|
3
|
+
"version": "5.20.4",
|
|
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
|
"main": "./dist/index.js",
|
|
@@ -41,33 +41,33 @@
|
|
|
41
41
|
"LICENSE.txt"
|
|
42
42
|
],
|
|
43
43
|
"dependencies": {
|
|
44
|
-
"@modelcontextprotocol/sdk": "1.
|
|
45
|
-
"zod": "
|
|
44
|
+
"@modelcontextprotocol/sdk": "1.25.1",
|
|
45
|
+
"zod": "4.2.1"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
48
48
|
"@types/minimist": "^1",
|
|
49
|
-
"@types/node": "
|
|
50
|
-
"@types/turndown": "5.0.
|
|
51
|
-
"@typescript-eslint/eslint-plugin": "8.
|
|
52
|
-
"@typescript-eslint/parser": "8.
|
|
53
|
-
"@vitest/coverage-v8": "4.0.
|
|
54
|
-
"commander": "
|
|
49
|
+
"@types/node": "25.0.3",
|
|
50
|
+
"@types/turndown": "5.0.6",
|
|
51
|
+
"@typescript-eslint/eslint-plugin": "8.50.0",
|
|
52
|
+
"@typescript-eslint/parser": "8.50.0",
|
|
53
|
+
"@vitest/coverage-v8": "4.0.15",
|
|
54
|
+
"commander": "14.0.2",
|
|
55
55
|
"dotenv": "17.2.3",
|
|
56
|
-
"eslint": "^9.
|
|
56
|
+
"eslint": "^9.39.2",
|
|
57
57
|
"eslint-config-prettier": "10.1.8",
|
|
58
|
-
"eslint-plugin-file-progress": "
|
|
59
|
-
"eslint-plugin-prettier": "5.5.
|
|
60
|
-
"eslint-plugin-sonarjs": "3.0.
|
|
58
|
+
"eslint-plugin-file-progress": "3.0.2",
|
|
59
|
+
"eslint-plugin-prettier": "5.5.4",
|
|
60
|
+
"eslint-plugin-sonarjs": "3.0.5",
|
|
61
61
|
"minimist": "^1.2.8",
|
|
62
62
|
"playwright": "1.57.0",
|
|
63
|
-
"prettier": "3.
|
|
63
|
+
"prettier": "3.7.4",
|
|
64
64
|
"prettier-plugin-sh": "0.18.0",
|
|
65
65
|
"rimraf": "6.1.2",
|
|
66
66
|
"tsx": "4.21.0",
|
|
67
67
|
"turndown": "7.2.2",
|
|
68
68
|
"turndown-plugin-gfm": "1.0.2",
|
|
69
69
|
"typescript": "5.9.3",
|
|
70
|
-
"vitest": "4.0.
|
|
70
|
+
"vitest": "4.0.15"
|
|
71
71
|
},
|
|
72
72
|
"repository": {
|
|
73
73
|
"type": "git",
|