@iress-oss/ids-mcp-server 5.20.1 → 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.
Files changed (69) hide show
  1. package/generated/docs/components_components-alert-docs.md +22 -21
  2. package/generated/docs/components_components-autocomplete-docs.md +48 -104
  3. package/generated/docs/components_components-autocomplete-recipes-docs.md +9 -2
  4. package/generated/docs/components_components-badge-docs.md +4 -4
  5. package/generated/docs/components_components-button-docs.md +24 -24
  6. package/generated/docs/components_components-buttongroup-docs.md +20 -20
  7. package/generated/docs/components_components-card-docs.md +70 -56
  8. package/generated/docs/components_components-card-recipes-docs.md +4 -4
  9. package/generated/docs/components_components-checkbox-docs.md +7 -21
  10. package/generated/docs/components_components-checkboxgroup-docs.md +32 -32
  11. package/generated/docs/components_components-checkboxgroup-recipes-docs.md +2 -2
  12. package/generated/docs/components_components-col-docs.md +10 -10
  13. package/generated/docs/components_components-combobox-docs.md +58 -90
  14. package/generated/docs/components_components-container-docs.md +4 -4
  15. package/generated/docs/components_components-divider-docs.md +3 -3
  16. package/generated/docs/components_components-expander-docs.md +6 -4
  17. package/generated/docs/components_components-field-docs.md +18 -18
  18. package/generated/docs/components_components-filter-docs.md +54 -54
  19. package/generated/docs/components_components-form-docs.md +95 -60
  20. package/generated/docs/components_components-form-recipes-docs.md +114 -13
  21. package/generated/docs/components_components-hide-docs.md +4 -4
  22. package/generated/docs/components_components-icon-docs.md +13 -13
  23. package/generated/docs/components_components-inline-docs.md +14 -14
  24. package/generated/docs/components_components-input-docs.md +10 -10
  25. package/generated/docs/components_components-input-recipes-docs.md +3 -3
  26. package/generated/docs/components_components-inputcurrency-docs.md +6 -6
  27. package/generated/docs/components_components-inputcurrency-recipes-docs.md +5 -2
  28. package/generated/docs/components_components-label-docs.md +6 -6
  29. package/generated/docs/components_components-menu-docs.md +40 -40
  30. package/generated/docs/components_components-menu-menuitem-docs.md +12 -12
  31. package/generated/docs/components_components-modal-docs.md +29 -13
  32. package/generated/docs/components_components-navbar-docs.md +42 -42
  33. package/generated/docs/components_components-navbar-recipes-docs.md +41 -18
  34. package/generated/docs/components_components-panel-docs.md +19 -19
  35. package/generated/docs/components_components-placeholder-docs.md +1 -1
  36. package/generated/docs/components_components-popover-docs.md +32 -30
  37. package/generated/docs/components_components-popover-recipes-docs.md +15 -8
  38. package/generated/docs/components_components-progress-docs.md +1 -1
  39. package/generated/docs/components_components-provider-docs.md +2 -2
  40. package/generated/docs/components_components-radio-docs.md +5 -5
  41. package/generated/docs/components_components-radiogroup-docs.md +29 -45
  42. package/generated/docs/components_components-readonly-docs.md +5 -5
  43. package/generated/docs/components_components-richselect-docs.md +88 -64
  44. package/generated/docs/components_components-row-docs.md +12 -12
  45. package/generated/docs/components_components-select-docs.md +8 -8
  46. package/generated/docs/components_components-skeleton-docs.md +9 -9
  47. package/generated/docs/components_components-skeleton-recipes-docs.md +2 -2
  48. package/generated/docs/components_components-skiplink-docs.md +3 -3
  49. package/generated/docs/components_components-slideout-docs.md +43 -12
  50. package/generated/docs/components_components-slider-docs.md +12 -12
  51. package/generated/docs/components_components-spinner-docs.md +3 -3
  52. package/generated/docs/components_components-stack-docs.md +14 -14
  53. package/generated/docs/components_components-table-docs.md +51 -44
  54. package/generated/docs/components_components-tabset-docs.md +10 -10
  55. package/generated/docs/components_components-tabset-tab-docs.md +4 -4
  56. package/generated/docs/components_components-tag-docs.md +8 -10
  57. package/generated/docs/components_components-text-docs.md +7 -7
  58. package/generated/docs/components_components-toaster-docs.md +12 -12
  59. package/generated/docs/components_components-toaster-toast-docs.md +30 -30
  60. package/generated/docs/components_components-toggle-docs.md +5 -5
  61. package/generated/docs/components_components-tooltip-docs.md +4 -4
  62. package/generated/docs/components_components-validationmessage-docs.md +6 -6
  63. package/generated/docs/components_foundations-colour-030-colours.md +32 -32
  64. package/generated/docs/components_foundations-typography-docs.md +7 -7
  65. package/generated/docs/components_introduction-docs.md +1 -1
  66. package/generated/docs/components_patterns-loading-docs.md +106 -29
  67. package/generated/docs/components_sandbox-docs.md +4 -0
  68. package/generated/docs/guidelines.md +39 -39
  69. package/package.json +20 -20
@@ -15,7 +15,7 @@ My investments
15
15
  | CASH.CASH | 49751.4 | 2020-06-28 | 49 |
16
16
  | VODAFONE GRP | 26382.456 | 2019-02-05 | 26.2 |
17
17
 
18
- ```
18
+ Hide codedrawOpen in CodeSandbox
19
19
 
20
20
  <ForwardedTable
21
21
  caption\="My investments"
@@ -144,7 +144,7 @@ TRow\[\]
144
144
 
145
145
  | \[\] |
146
146
 
147
- RAW
147
+ Edit JSON
148
148
 
149
149
  * rows :
150
150
 
@@ -198,7 +198,7 @@ My investments
198
198
  | CASH.CASH | 49751.4 | 2020-06-28 | 49 |
199
199
  | VODAFONE GRP | 26382.456 | 2019-02-05 | 26.2 |
200
200
 
201
- ```
201
+ Hide codedrawOpen in CodeSandbox
202
202
 
203
203
  <ForwardedTable
204
204
  caption\="My investments"
@@ -326,7 +326,7 @@ TRow\[\]
326
326
 
327
327
  | \[\] |
328
328
 
329
- RAW
329
+ Edit JSON
330
330
 
331
331
  * rows :
332
332
 
@@ -376,14 +376,14 @@ My investments
376
376
  | CASH.CASH | 28/06/2020 | 49% | $49,751.40 |
377
377
  | VODAFONE GRP | 05/02/2019 | 26.2% | $26,382.46 |
378
378
 
379
- ```
379
+ Hide codedrawOpen in CodeSandbox
380
380
 
381
381
  import {
382
382
  IressBadge,
383
383
  IressTable,
384
384
  IressTableFormattedValue,
385
385
  type IressTableProps,
386
- } from '@iress-oss/ids-components';
386
+ } from '@/main';
387
387
  type Props \= Partial<IressTableProps<object, never\>>;
388
388
  const renderColumn \= (value: number) \=> (
389
389
  <IressBadge mode\={value \> 30000 ? 'success' : 'danger'}\>
@@ -609,9 +609,9 @@ Available formats
609
609
  | --- | --- | --- | --- | --- | --- | --- | --- | --- |
610
610
  | Hello, world! | 123456 | 28/06/2020 | 28 Jun 2020 | 2020-06-28 00:00:00 (UTC) | 12 seconds ago | 123,456.78 | 12% | Custom |
611
611
 
612
- ```
612
+ Hide codedrawOpen in CodeSandbox
613
613
 
614
- import { IressBadge, IressTable, type IressTableProps } from '@iress-oss/ids-components';
614
+ import { IressBadge, IressTable, type IressTableProps } from '@/main';
615
615
  type Props \= Partial<IressTableProps<object, never\>>;
616
616
  const renderColumn \= (value: string) \=> (
617
617
  <IressBadge mode\="info"\>{value}</IressBadge\>
@@ -786,14 +786,14 @@ My investments
786
786
  | CASH.CASH | 28/06/2020 | 49% | $49,751.40 |
787
787
  | VODAFONE GRP | 05/02/2019 | 26.2% | $26,382.46 |
788
788
 
789
- ```
789
+ Hide codedrawOpen in CodeSandbox
790
790
 
791
791
  import {
792
792
  IressBadge,
793
793
  IressTable,
794
794
  IressTableFormattedValue,
795
795
  type IressTableProps,
796
- } from '@iress-oss/ids-components';
796
+ } from '@/main';
797
797
  type Props \= Partial<IressTableProps<object, never\>>;
798
798
  const renderColumn \= (value: number) \=> (
799
799
  <IressBadge mode\={value \> 30000 ? 'success' : 'danger'}\>
@@ -979,14 +979,14 @@ My investments
979
979
  | CASH.CASH | 28/06/2020 | 49% | $49,751.40 (net: $20,000.00) |
980
980
  | VODAFONE GRP | 05/02/2019 | 26.2% | $26,382.46 (net: N/A) |
981
981
 
982
- ```
982
+ Hide codedrawOpen in CodeSandbox
983
983
 
984
984
  import {
985
985
  IressTable,
986
986
  IressTableFormattedValue,
987
987
  type IressTableProps,
988
988
  type TableColumn,
989
- } from '@iress-oss/ids-components';
989
+ } from '@/main';
990
990
  type Props \= Partial<IressTableProps<Row, never\>>;
991
991
  interface Row {
992
992
  investment\_name: string;
@@ -1191,7 +1191,7 @@ My investments
1191
1191
  | CASH.CASH | 49751.4 | 2020-06-28 | 49% |
1192
1192
  | VODAFONE GRP | 26382.456 | 2019-02-05 | 26.2% |
1193
1193
 
1194
- ```
1194
+ Hide codedrawOpen in CodeSandbox
1195
1195
 
1196
1196
  <ForwardedTable
1197
1197
  caption\="My investments"
@@ -1276,7 +1276,7 @@ union
1276
1276
 
1277
1277
  | \- |
1278
1278
 
1279
- RAW
1279
+ Edit JSON
1280
1280
 
1281
1281
  * columns :
1282
1282
 
@@ -1371,7 +1371,7 @@ TRow\[\]
1371
1371
 
1372
1372
  | \[\] |
1373
1373
 
1374
- RAW
1374
+ Edit JSON
1375
1375
 
1376
1376
  * rows :
1377
1377
 
@@ -1421,7 +1421,7 @@ My investments
1421
1421
  | CASH.CASH | $49,751.40 | 28/06/2020 | 49% |
1422
1422
  | VODAFONE GRP | $26,382.46 | 05/02/2019 | 26.2% |
1423
1423
 
1424
- ```
1424
+ Hide codedrawOpen in CodeSandbox
1425
1425
 
1426
1426
  <ForwardedTable
1427
1427
  caption\="My investments"
@@ -1509,7 +1509,7 @@ union
1509
1509
 
1510
1510
  | \- |
1511
1511
 
1512
- RAW
1512
+ Edit JSON
1513
1513
 
1514
1514
  * columns :
1515
1515
 
@@ -1604,7 +1604,7 @@ TRow\[\]
1604
1604
 
1605
1605
  | \[\] |
1606
1606
 
1607
- RAW
1607
+ Edit JSON
1608
1608
 
1609
1609
  * rows :
1610
1610
 
@@ -1654,7 +1654,7 @@ My investments
1654
1654
  | CASH.CASH | 28/06/2020 | 49% | $49,751.40 |
1655
1655
  | VODAFONE GRP | 05/02/2019 | 26.2% | $26,382.46 |
1656
1656
 
1657
- ```
1657
+ Hide codedrawOpen in CodeSandbox
1658
1658
 
1659
1659
  <ForwardedTable
1660
1660
  caption\="My investments"
@@ -1739,7 +1739,7 @@ union
1739
1739
 
1740
1740
  | \- |
1741
1741
 
1742
- RAW
1742
+ Edit JSON
1743
1743
 
1744
1744
  * columns :
1745
1745
 
@@ -1834,7 +1834,7 @@ TRow\[\]
1834
1834
 
1835
1835
  | \[\] |
1836
1836
 
1837
- RAW
1837
+ Edit JSON
1838
1838
 
1839
1839
  * rows :
1840
1840
 
@@ -1882,7 +1882,7 @@ My investments
1882
1882
  | CASH.CASH | 49751.4 | 2020-06-28 | 49 |
1883
1883
  | VODAFONE GRP | 26382.456 | 2019-02-05 | 26.2 |
1884
1884
 
1885
- ```
1885
+ Hide codedrawOpen in CodeSandbox
1886
1886
 
1887
1887
  <ForwardedTable
1888
1888
  caption\="My investments"
@@ -2011,7 +2011,7 @@ TRow\[\]
2011
2011
 
2012
2012
  | \[\] |
2013
2013
 
2014
- RAW
2014
+ Edit JSON
2015
2015
 
2016
2016
  * rows :
2017
2017
 
@@ -2059,7 +2059,7 @@ My investments
2059
2059
  | CASH.CASH | 49751.4 | 2020-06-28 | 49 |
2060
2060
  | VODAFONE GRP | 26382.456 | 2019-02-05 | 26.2 |
2061
2061
 
2062
- ```
2062
+ Hide codedrawOpen in CodeSandbox
2063
2063
 
2064
2064
  <ForwardedTable
2065
2065
  caption\="My investments"
@@ -2188,7 +2188,7 @@ TRow\[\]
2188
2188
 
2189
2189
  | \[\] |
2190
2190
 
2191
- RAW
2191
+ Edit JSON
2192
2192
 
2193
2193
  * rows :
2194
2194
 
@@ -2233,9 +2233,9 @@ 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-v5202 ids-table--hidden-header-v5202" id="_r_v_"><caption id="_r_v_--caption" class="">My investments</caption><tbody><tr id="_r_v_--rows--0"><th data-column="investment_name" id="_r_v___0_investment_name" scope="row">Artemis Fund Managers Limited</th><td data-column="cost" headers="_r_v___0_investment_name" id="_r_v___0_cost">23898</td><td data-column="investmentDate" headers="_r_v___0_investment_name" id="_r_v___0_investmentDate">2019-09-23</td><td data-column="totalPercentage" headers="_r_v___0_investment_name" id="_r_v___0_totalPercentage">24.8</td></tr><tr id="_r_v_--rows--1"><th data-column="investment_name" id="_r_v___1_investment_name" scope="row">CASH.CASH</th><td data-column="cost" headers="_r_v___1_investment_name" id="_r_v___1_cost">49751.4</td><td data-column="investmentDate" headers="_r_v___1_investment_name" id="_r_v___1_investmentDate">2020-06-28</td><td data-column="totalPercentage" headers="_r_v___1_investment_name" id="_r_v___1_totalPercentage">49</td></tr><tr id="_r_v_--rows--2"><th data-column="investment_name" id="_r_v___2_investment_name" scope="row">VODAFONE GRP</th><td data-column="cost" headers="_r_v___2_investment_name" id="_r_v___2_cost">26382.456</td><td data-column="investmentDate" headers="_r_v___2_investment_name" id="_r_v___2_investmentDate">2019-02-05</td><td data-column="totalPercentage" headers="_r_v___2_investment_name" id="_r_v___2_totalPercentage">26.2</td></tr></tbody></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
 
2240
2240
  <ForwardedTable
2241
2241
  caption\="My investments"
@@ -2364,7 +2364,7 @@ TRow\[\]
2364
2364
 
2365
2365
  | \[\] |
2366
2366
 
2367
- RAW
2367
+ Edit JSON
2368
2368
 
2369
2369
  * rows :
2370
2370
 
@@ -2414,7 +2414,7 @@ My rich investments
2414
2414
  | CASH.CASH | $49,751.40 | 2020/06/28 | 49% |
2415
2415
  | VODAFONE GRP | $26,382.46 | 2019/02/05 | 26.2% |
2416
2416
 
2417
- ```
2417
+ Hide codedrawOpen in CodeSandbox
2418
2418
 
2419
2419
  <ForwardedTable
2420
2420
  caption\="My rich investments"
@@ -2542,7 +2542,7 @@ TRow\[\]
2542
2542
 
2543
2543
  | \[\] |
2544
2544
 
2545
- RAW
2545
+ Edit JSON
2546
2546
 
2547
2547
  * rows :
2548
2548
 
@@ -2589,7 +2589,7 @@ This is reliant on `columns` prop to provide the information for the table heade
2589
2589
  | --- | --- | --- | --- |
2590
2590
  | This table has no data |
2591
2591
 
2592
- ```
2592
+ Hide codedrawOpen in CodeSandbox
2593
2593
 
2594
2594
  <ForwardedTable
2595
2595
  columns\={\[
@@ -2652,7 +2652,7 @@ union
2652
2652
 
2653
2653
  | \- |
2654
2654
 
2655
- RAW
2655
+ Edit JSON
2656
2656
 
2657
2657
  * columns :
2658
2658
 
@@ -2751,7 +2751,7 @@ TRow\[\]
2751
2751
 
2752
2752
  | \[\] |
2753
2753
 
2754
- RAW
2754
+ Edit JSON
2755
2755
 
2756
2756
  * rows :
2757
2757
 
@@ -2790,7 +2790,7 @@ My investments
2790
2790
  | CASH.CASH | $49,751.40 | 2020/06/28 | 49% |
2791
2791
  | VODAFONE GRP | $26,382.46 | 2019/02/05 | 26.2% |
2792
2792
 
2793
- ```
2793
+ Hide codedrawOpen in CodeSandbox
2794
2794
 
2795
2795
  <ForwardedTable caption\="My investments"\>
2796
2796
  <thead\>
@@ -2963,7 +2963,7 @@ My investments
2963
2963
  | CASH.CASH | 49751.4 | 2020-06-28 | 49 |
2964
2964
  | VODAFONE GRP | 26382.456 | 2019-02-05 | 26.2 |
2965
2965
 
2966
- ```
2966
+ Hide codedrawOpen in CodeSandbox
2967
2967
 
2968
2968
  <ForwardedTable
2969
2969
  caption\="My investments"
@@ -3099,7 +3099,7 @@ TRow\[\]
3099
3099
 
3100
3100
  | \[\] |
3101
3101
 
3102
- RAW
3102
+ Edit JSON
3103
3103
 
3104
3104
  * rows :
3105
3105
 
@@ -3147,7 +3147,7 @@ My investments
3147
3147
  | CASH.CASH | 49751.4 | 2020-06-28 | 49 |
3148
3148
  | VODAFONE GRP | 26382.456 | 2019-02-05 | 26.2 |
3149
3149
 
3150
- ```
3150
+ Hide codedrawOpen in CodeSandbox
3151
3151
 
3152
3152
  <ForwardedTable
3153
3153
  caption\="My investments"
@@ -3276,7 +3276,7 @@ TRow\[\]
3276
3276
 
3277
3277
  | \[\] |
3278
3278
 
3279
- RAW
3279
+ Edit JSON
3280
3280
 
3281
3281
  * rows :
3282
3282
 
@@ -3318,10 +3318,17 @@ 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-v5202" id="_r_18_"><caption id="_r_18_--caption" class="">My liabilities</caption><tbody aria-labelledby="_r_19_--caption" class=""><tr><th aria-expanded="true" colspan="8" class="ids-table--row-group-header-v5202" id="_r_19_--caption" scope="rowgroup" aria-controls="_r_19_--header--0 _r_19_--rows--0 _r_19_--children"><button class="ids-table--activator-v5202" type="button">Current liabilities</button></th></tr><tr class="ids-table--row-group-column-headers-v5202" id="_r_19_--header--0"><th id="_r_19___owner" headers="_r_19_--caption" class="" style="width: 75px; min-width: 75px;">Owner</th><th id="_r_19___type" headers="_r_19_--caption" class="" style="width: 100px; min-width: 100px;">Type</th><th id="_r_19___provider" headers="_r_19_--caption" class="">Provider</th><th id="_r_19___status" headers="_r_19_--caption" class="ids-table--divider-v5202">Status</th><th id="_r_19___frequency" headers="_r_19_--caption" class="">Frequency</th><th id="_r_19___outstanding" headers="_r_19_--caption" aria-sort="none" class="ids-table--cell--currency-v5202"><button type="button" class="ids-table--sort-button-v5202 ids-table--sort-button-no-wrap-v5202">Outstanding (GBP)<span role="img" class="ids-table--sort-icon-v5202 ids-icon-v5202 fa-sort fal" aria-label="sortable"></span></button></th><th id="_r_19___interestRate" headers="_r_19_--caption" aria-sort="none" class="ids-table--cell--right-v5202"><button type="button" class="ids-table--sort-button-v5202 ids-table--sort-button-no-wrap-v5202">Interest rate p.a.<span role="img" class="ids-table--sort-icon-v5202 ids-icon-v5202 fa-sort fal" aria-label="sortable"></span></button></th><th id="_r_19___repayment" headers="_r_19_--caption" aria-sort="none" class="ids-table--cell--currency-v5202"><button type="button" class="ids-table--sort-button-v5202 ids-table--sort-button-no-wrap-v5202">Repayment (GBP)<span role="img" class="ids-table--sort-icon-v5202 ids-icon-v5202 fa-sort fal" aria-label="sortable"></span></button></th></tr><tr id="_r_19_--rows--0"><td data-column="owner" headers="_r_19___owner _r_19_--caption" id="_r_19___0_owner" class="" style="width: 75px; min-width: 75px;">Client</td><td data-column="type" headers="_r_19___type _r_19_--caption" id="_r_19___0_type" class="" style="width: 100px; min-width: 100px;">Credit card</td><td data-column="provider" headers="_r_19___provider _r_19_--caption" id="_r_19___0_provider" class=""></td><td data-column="status" headers="_r_19___status _r_19_--caption" id="_r_19___0_status" class="ids-table--divider-v5202">Current</td><td data-column="frequency" headers="_r_19___frequency _r_19_--caption" id="_r_19___0_frequency" class="">Monthly</td><td data-column="outstanding" headers="_r_19___outstanding _r_19_--caption" id="_r_19___0_outstanding" class="ids-table--cell--currency-v5202">5,000.00</td><td data-column="interestRate" headers="_r_19___interestRate _r_19_--caption" id="_r_19___0_interestRate" class="ids-table--cell--right-v5202">0%</td><td data-column="repayment" headers="_r_19___repayment _r_19_--caption" id="_r_19___0_repayment" class="ids-table--cell--currency-v5202">300.00</td></tr><tr id="_r_19_--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-v5202 fa-plus-circle fal" aria-hidden="true"></span></span>Add current liability</button></td></tr></tbody><tbody aria-labelledby="_r_1b_--caption" class=""><tr><th aria-expanded="false" colspan="8" class="ids-table--row-group-header-v5202" id="_r_1b_--caption" scope="rowgroup"><button class="ids-table--activator-v5202" type="button">Long term liabilities</button></th></tr></tbody><tbody aria-labelledby="_r_1c_--caption" class=""><tr><th aria-expanded="false" colspan="8" class="ids-table--row-group-header-v5202" id="_r_1c_--caption" scope="rowgroup"><button class="ids-table--activator-v5202" type="button">Contingent liabilities</button></th></tr></tbody></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
 
3325
+ import {
3326
+ IressButton,
3327
+ IressIcon,
3328
+ IressTable,
3329
+ IressTableBody,
3330
+ type TableColumn,
3331
+ } from '@/main';
3325
3332
  interface Liability {
3326
3333
  owner: string;
3327
3334
  type: string;
@@ -3589,14 +3596,14 @@ IressTableFormattedValue
3589
3596
  | --- | --- |
3590
3597
  | string | string |
3591
3598
  | number | 10000 |
3592
- | date | 04/12/2025 |
3593
- | shortDate | 4 Dec 2025 |
3594
- | isoDateTime | 2025-12-04 07:13:58 (UTC) |
3599
+ | date | 06/01/2026 |
3600
+ | shortDate | 6 Jan 2026 |
3601
+ | isoDateTime | 2026-01-06 04:14:30 (UTC) |
3595
3602
  | relativeTime | now |
3596
3603
  | currency | $10,000.00 |
3597
3604
  | percent | 50% |
3598
3605
 
3599
- ```
3606
+ Hide codedrawOpen in CodeSandbox
3600
3607
 
3601
3608
  {
3602
3609
  args: {
@@ -20,7 +20,7 @@ Employment information goes here
20
20
 
21
21
  Medical history goes here
22
22
 
23
- ```
23
+ Hide codedrawOpen in CodeSandbox
24
24
 
25
25
  <IressTabSet\>
26
26
  <IressTab label\="Address"\>
@@ -104,7 +104,7 @@ Employment
104
104
 
105
105
  History
106
106
 
107
- ```
107
+ Hide codedrawOpen in CodeSandbox
108
108
 
109
109
  <IressTabSet\>
110
110
  <IressTab label\="Address" />
@@ -183,7 +183,7 @@ Employment information goes here
183
183
 
184
184
  Medical history goes here
185
185
 
186
- ```
186
+ Hide codedrawOpen in CodeSandbox
187
187
 
188
188
  <IressTabSet\>
189
189
  <IressTab label\="Address"\>
@@ -262,7 +262,7 @@ Employment
262
262
 
263
263
  History
264
264
 
265
- ```
265
+ Hide codedrawOpen in CodeSandbox
266
266
 
267
267
  <IressTabSet defaultSelected\={2}\>
268
268
  <IressTab label\="Address" />
@@ -347,7 +347,7 @@ Employment information goes here
347
347
 
348
348
  Medical history goes here
349
349
 
350
- ```
350
+ Hide codedrawOpen in CodeSandbox
351
351
 
352
352
  import {
353
353
  IressButton,
@@ -355,7 +355,7 @@ import {
355
355
  IressTab,
356
356
  IressTabSet,
357
357
  type IressTabSetProps,
358
- } from '@iress-oss/ids-components';
358
+ } from '@/main';
359
359
  import { useState } from 'react';
360
360
  export const TabsUsingState \= () \=> {
361
361
  const \[selected, setSelected\] \= useState<number\>();
@@ -481,7 +481,7 @@ Employment information goes here
481
481
 
482
482
  Medical history goes here
483
483
 
484
- ```
484
+ Hide codedrawOpen in CodeSandbox
485
485
 
486
486
  <IressStack gutter\="md"\>
487
487
  <IressPanel\>
@@ -583,7 +583,7 @@ As of version 5, tabs can be lazy loaded. However, to ensure they work correctly
583
583
 
584
584
  Toggle tabs
585
585
 
586
- ```
586
+ Hide codedrawOpen in CodeSandbox
587
587
 
588
588
  import {
589
589
  IressButton,
@@ -591,7 +591,7 @@ import {
591
591
  IressTab,
592
592
  IressTabSet,
593
593
  type IressTabSetProps,
594
- } from '@iress-oss/ids-components';
594
+ } from '@/main';
595
595
  import { useState } from 'react';
596
596
  export const TabsLazyLoading \= () \=> {
597
597
  const \[loadTabs, setLoadTabs\] \= useState<boolean\>();
@@ -703,7 +703,7 @@ Employment information goes here
703
703
 
704
704
  Medical history goes here
705
705
 
706
- ```
706
+ Hide codedrawOpen in CodeSandbox
707
707
 
708
708
  <IressTabSet\>
709
709
  <IressBadge
@@ -10,7 +10,7 @@ A tab is an interactive element that controls the display of other content, usua
10
10
 
11
11
  Tab
12
12
 
13
- ```
13
+ Hide codedrawOpen in CodeSandbox
14
14
 
15
15
  <IressTab label\="Tab" />
16
16
 
@@ -74,7 +74,7 @@ The tab can be set to active using the `active` prop.
74
74
 
75
75
  Tab
76
76
 
77
- ```
77
+ Hide codedrawOpen in CodeSandbox
78
78
 
79
79
  <IressTab
80
80
  active
@@ -135,7 +135,7 @@ A tab can have a unique value set to it, used to determine its active state in a
135
135
 
136
136
  Tab with value
137
137
 
138
- ```
138
+ Hide codedrawOpen in CodeSandbox
139
139
 
140
140
  <IressTabSet\>
141
141
  <IressTab
@@ -204,7 +204,7 @@ Tab
204
204
 
205
205
  Some content for this tab
206
206
 
207
- ```
207
+ Hide codedrawOpen in CodeSandbox
208
208
 
209
209
  <IressTabSet\>
210
210
  <IressTab label\="Tab"\>
@@ -10,13 +10,11 @@ Tags represent individual units in a group of selected items.
10
10
 
11
11
  Tag
12
12
 
13
- ```
13
+ Hide codedrawOpen in CodeSandbox
14
14
 
15
- {
16
- args: {
17
- children: 'Tag'
18
- }
19
- }
15
+ <IressTag\>
16
+ Tag
17
+ </IressTag\>
20
18
 
21
19
  ```
22
20
 
@@ -91,7 +89,7 @@ Tag 2
91
89
 
92
90
  Tag 3
93
91
 
94
- ```
92
+ Hide codedrawOpen in CodeSandbox
95
93
 
96
94
  import {
97
95
  IressButton,
@@ -100,7 +98,7 @@ import {
100
98
  IressInline,
101
99
  IressTag,
102
100
  type IressTagProps,
103
- } from '@iress-oss/ids-components';
101
+ } from '@/main';
104
102
  import { useState } from 'react';
105
103
  export const TagDeletion \= (args: IressTagProps) \=> {
106
104
  const \[tags, setTags\] \= useState(\['Tag 1', 'Tag 2', 'Tag 3'\]);
@@ -201,7 +199,7 @@ If you need to manage tags that are selected from a existing list, use `IressRic
201
199
 
202
200
  Tag
203
201
 
204
- ```
202
+ Hide codedrawOpen in CodeSandbox
205
203
 
206
204
  <IressTagInput
207
205
  defaultValue\={\[
@@ -222,7 +220,7 @@ string\[\]
222
220
 
223
221
  | \- |
224
222
 
225
- RAW
223
+ Edit JSON
226
224
 
227
225
  * defaultValue :
228
226
 
@@ -10,7 +10,7 @@ The `IressText` component allows you to set typographic styles either on one ele
10
10
 
11
11
  The quick brown fox jumps over the lazy dog
12
12
 
13
- ```
13
+ Hide codedrawOpen in CodeSandbox
14
14
 
15
15
  <IressText\>
16
16
  The quick brown fox jumps over the lazy dog
@@ -124,7 +124,7 @@ This is a h2 element.
124
124
 
125
125
  This is a caption element.This is a cite element.This is a small element.
126
126
 
127
- ```
127
+ Hide codedrawOpen in CodeSandbox
128
128
 
129
129
  <IressStack gutter\="md"\>
130
130
  <IressText element\="p"\>
@@ -271,7 +271,7 @@ This is the cite variant.
271
271
 
272
272
  This is the caption variant.
273
273
 
274
- ```
274
+ Hide codedrawOpen in CodeSandbox
275
275
 
276
276
  <IressStack gutter\="md"\>
277
277
  <IressText variant\="blockquote"\>
@@ -408,7 +408,7 @@ Nested text mode demonstration:
408
408
 
409
409
  I am nested, and return to the original colour
410
410
 
411
- ```
411
+ Hide codedrawOpen in CodeSandbox
412
412
 
413
413
  <IressStack gutter\="md"\>
414
414
  <IressText mode\="danger"\>
@@ -516,7 +516,7 @@ The quick brown fox jumps over the lazy dog
516
516
 
517
517
  The quick brown fox jumps over the lazy dog
518
518
 
519
- ```
519
+ Hide codedrawOpen in CodeSandbox
520
520
 
521
521
  <IressStack gutter\="md"\>
522
522
  <IressText align\="inherit"\>
@@ -622,7 +622,7 @@ H2 heading with icons
622
622
 
623
623
  ###### H6 heading with icons
624
624
 
625
- ```
625
+ Hide codedrawOpen in CodeSandbox
626
626
 
627
627
  <IressStack\>
628
628
  <IressText element\="h1"\>
@@ -748,7 +748,7 @@ You can also use dividers inside blocks to separate content.
748
748
 
749
749
  Just like the one above.
750
750
 
751
- ```
751
+ Hide codedrawOpen in CodeSandbox
752
752
 
753
753
  <IressText\>
754
754
  <h2\>