@iress-oss/ids-mcp-server 5.20.2 → 5.20.5
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 +33 -37
- package/generated/docs/components_components-autocomplete-docs.md +89 -2
- 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
|
@@ -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-v5206"
|
|
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-v5206"
|
|
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-v5206"
|
|
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-v5206"
|
|
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-v5206"
|
|
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-v5206"
|
|
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-v5206"
|
|
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-v5206"
|
|
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-v5206"
|
|
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-v5206"
|
|
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-v5206"
|
|
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-v5206"
|
|
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-v5206"
|
|
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-v5206"
|
|
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-v5206"
|
|
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-v5206"
|
|
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-v5206"
|
|
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-v5206"
|
|
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-v5206"
|
|
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-v5206"
|
|
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-v5206"
|
|
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-v5206"
|
|
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-v5206"
|
|
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-v5206"
|
|
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-v5206"
|
|
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-v5206"
|
|
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-v5206 ids-table--hidden-header-v5206" 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-v5206" 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-v5206" id="_r_4n_--caption" scope="rowgroup" aria-controls="_r_4n_--header--0 _r_4n_--rows--0 _r_4n_--children"><button class="ids-table--activator-v5206" type="button">Current liabilities</button></th></tr><tr class="ids-table--row-group-column-headers-v5206" 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-v5206">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-v5206"><button type="button" class="ids-table--sort-button-v5206 ids-table--sort-button-no-wrap-v5206">Outstanding (GBP)<span role="img" class="ids-table--sort-icon-v5206 ids-icon-v5206 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-v5206"><button type="button" class="ids-table--sort-button-v5206 ids-table--sort-button-no-wrap-v5206">Interest rate p.a.<span role="img" class="ids-table--sort-icon-v5206 ids-icon-v5206 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-v5206"><button type="button" class="ids-table--sort-button-v5206 ids-table--sort-button-no-wrap-v5206">Repayment (GBP)<span role="img" class="ids-table--sort-icon-v5206 ids-icon-v5206 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-v5206">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-v5206">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-v5206">0%</td><td data-column="repayment" headers="_r_4n___repayment _r_4n_--caption" id="_r_4n___0_repayment" class="ids-table--cell--currency-v5206">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-v5206 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-v5206" id="_r_4p_--caption" scope="rowgroup"><button class="ids-table--activator-v5206" 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-v5206" id="_r_4q_--caption" scope="rowgroup"><button class="ids-table--activator-v5206" 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 | 07/01/2026 |
|
|
3600
|
+
| shortDate | 7 Jan 2026 |
|
|
3601
|
+
| isoDateTime | 2026-01-07 03:25:08 (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);
|