@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
@@ -16,7 +16,7 @@ Cards can be configured in a variety of ways. You can use the render props (slot
16
16
 
17
17
  I'm a card
18
18
 
19
- ```
19
+ Hide codedrawOpen in CodeSandbox
20
20
 
21
21
  <IressCard\>
22
22
  I'm a card
@@ -65,7 +65,7 @@ Level of heading for markup, to ensure correct hierarchy (H2 - H6).
65
65
 
66
66
  HeadingLevel
67
67
 
68
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
68
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
69
69
 
70
70
  |
71
71
 
@@ -78,7 +78,7 @@ Text to be displayed in the card heading in the card header.
78
78
 
79
79
  string
80
80
 
81
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
81
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
82
82
 
83
83
  | \- | Set string |
84
84
  | media |
@@ -136,7 +136,7 @@ All slots and props for card are optional. You can create a simple card by addin
136
136
 
137
137
  I'm a simple card
138
138
 
139
- ```
139
+ Hide codedrawOpen in CodeSandbox
140
140
 
141
141
  <IressCard\>
142
142
  I'm a simple card
@@ -184,7 +184,7 @@ Level of heading for markup, to ensure correct hierarchy (H2 - H6).
184
184
 
185
185
  HeadingLevel
186
186
 
187
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
187
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
188
188
 
189
189
  |
190
190
 
@@ -197,7 +197,7 @@ Text to be displayed in the card heading in the card header.
197
197
 
198
198
  string
199
199
 
200
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
200
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
201
201
 
202
202
  | \- | Set string |
203
203
  | media |
@@ -258,7 +258,7 @@ I’m a card with md padding
258
258
 
259
259
  I’m a card with lg padding
260
260
 
261
- ```
261
+ Hide codedrawOpen in CodeSandbox
262
262
 
263
263
  <div className\="iress-u-stack iress--gutter--md"\>
264
264
  <IressCard padding\="none"\>
@@ -313,7 +313,7 @@ Level of heading for markup, to ensure correct hierarchy (H2 - H6).
313
313
 
314
314
  HeadingLevel
315
315
 
316
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
316
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
317
317
 
318
318
  |
319
319
 
@@ -326,7 +326,7 @@ Text to be displayed in the card heading in the card header.
326
326
 
327
327
  string
328
328
 
329
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
329
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
330
330
 
331
331
  | \- | Set string |
332
332
  | media |
@@ -383,7 +383,7 @@ I’m a stretched card
383
383
 
384
384
  I’m a card with lots of content. Blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah.
385
385
 
386
- ```
386
+ Hide codedrawOpen in CodeSandbox
387
387
 
388
388
  <IressRow
389
389
  gutter\="md"
@@ -441,7 +441,7 @@ Level of heading for markup, to ensure correct hierarchy (H2 - H6).
441
441
 
442
442
  HeadingLevel
443
443
 
444
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
444
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
445
445
 
446
446
  |
447
447
 
@@ -454,7 +454,7 @@ Text to be displayed in the card heading in the card header.
454
454
 
455
455
  string
456
456
 
457
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
457
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
458
458
 
459
459
  | \- | Set string |
460
460
  | media |
@@ -509,7 +509,7 @@ Setting the `selected` prop highlights the card, usually to allow selection in a
509
509
 
510
510
  I'm a selected card
511
511
 
512
- ```
512
+ Hide codedrawOpen in CodeSandbox
513
513
 
514
514
  <IressCard selected\>
515
515
  I'm a selected card
@@ -557,7 +557,7 @@ Level of heading for markup, to ensure correct hierarchy (H2 - H6).
557
557
 
558
558
  HeadingLevel
559
559
 
560
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
560
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
561
561
 
562
562
  |
563
563
 
@@ -570,7 +570,7 @@ Text to be displayed in the card heading in the card header.
570
570
 
571
571
  string
572
572
 
573
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
573
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
574
574
 
575
575
  | \- | Set string |
576
576
  | media |
@@ -639,7 +639,7 @@ Use the `prepend` prop to add content to the left side of the card.
639
639
 
640
640
  I'm a card using the prepend render prop
641
641
 
642
- ```
642
+ Hide codedrawOpen in CodeSandbox
643
643
 
644
644
  <IressCard prepend\={<IressIcon name\="star" />}\>
645
645
  I'm a card using the prepend render prop
@@ -687,7 +687,7 @@ Level of heading for markup, to ensure correct hierarchy (H2 - H6).
687
687
 
688
688
  HeadingLevel
689
689
 
690
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
690
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
691
691
 
692
692
  |
693
693
 
@@ -700,7 +700,7 @@ Text to be displayed in the card heading in the card header.
700
700
 
701
701
  string
702
702
 
703
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
703
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
704
704
 
705
705
  | \- | Set string |
706
706
  | media |
@@ -738,7 +738,7 @@ ReactReactNode
738
738
 
739
739
  | \- |
740
740
 
741
- RAW
741
+ Edit JSON
742
742
 
743
743
  prepend :
744
744
 
@@ -789,7 +789,7 @@ More actions in here
789
789
 
790
790
  I'm a card using the topRight render prop
791
791
 
792
- ```
792
+ Hide codedrawOpen in CodeSandbox
793
793
 
794
794
  <IressCard topRight\={<IressPopover activator\={<IressButton\><IressIcon name\="ellipsis-v" size\="lg"/></IressButton\>} align\="bottom-end"\><IressPanel\>More actions in here</IressPanel\></IressPopover\>}\>
795
795
  I'm a card using the topRight render prop
@@ -837,7 +837,7 @@ Level of heading for markup, to ensure correct hierarchy (H2 - H6).
837
837
 
838
838
  HeadingLevel
839
839
 
840
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
840
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
841
841
 
842
842
  |
843
843
 
@@ -850,7 +850,7 @@ Text to be displayed in the card heading in the card header.
850
850
 
851
851
  string
852
852
 
853
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
853
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
854
854
 
855
855
  | \- | Set string |
856
856
  | media |
@@ -897,7 +897,7 @@ ReactReactNode
897
897
 
898
898
  | \- |
899
899
 
900
- RAW
900
+ Edit JSON
901
901
 
902
902
  topRight :
903
903
 
@@ -941,7 +941,7 @@ Use the `heading` prop to add a header to the card. The header can be any compon
941
941
 
942
942
  I'm a card using the heading render prop
943
943
 
944
- ```
944
+ Hide codedrawOpen in CodeSandbox
945
945
 
946
946
  <IressCard heading\={<h3\>Welcome to Iress!</h3\>}\>
947
947
  I'm a card using the heading render prop
@@ -984,7 +984,7 @@ ReactReactNode
984
984
 
985
985
  | \- |
986
986
 
987
- RAW
987
+ Edit JSON
988
988
 
989
989
  heading :
990
990
 
@@ -1018,7 +1018,7 @@ Level of heading for markup, to ensure correct hierarchy (H2 - H6).
1018
1018
 
1019
1019
  HeadingLevel
1020
1020
 
1021
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
1021
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
1022
1022
 
1023
1023
  |
1024
1024
 
@@ -1031,7 +1031,7 @@ Text to be displayed in the card heading in the card header.
1031
1031
 
1032
1032
  string
1033
1033
 
1034
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
1034
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
1035
1035
 
1036
1036
  | \- | Set string |
1037
1037
  | media |
@@ -1088,7 +1088,7 @@ Use the `media` prop to add media to the card. The media can be any component yo
1088
1088
 
1089
1089
  I'm a card using the media render prop
1090
1090
 
1091
- ```
1091
+ Hide codedrawOpen in CodeSandbox
1092
1092
 
1093
1093
  <IressCard media\={<img alt\="A man in an Iress branded t-shirt smiles at the camera while two female colleagues have a discussion in the foreground" src\="https://www.iress.com/media/images/media-contact.width-600.png" width\="250"/>}\>
1094
1094
  I'm a card using the media render prop
@@ -1136,7 +1136,7 @@ Level of heading for markup, to ensure correct hierarchy (H2 - H6).
1136
1136
 
1137
1137
  HeadingLevel
1138
1138
 
1139
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
1139
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
1140
1140
 
1141
1141
  |
1142
1142
 
@@ -1149,7 +1149,7 @@ Text to be displayed in the card heading in the card header.
1149
1149
 
1150
1150
  string
1151
1151
 
1152
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
1152
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
1153
1153
 
1154
1154
  | \- | Set string |
1155
1155
  | media |
@@ -1162,7 +1162,7 @@ ReactReactNode
1162
1162
 
1163
1163
  | \- |
1164
1164
 
1165
- RAW
1165
+ Edit JSON
1166
1166
 
1167
1167
  media :
1168
1168
 
@@ -1234,7 +1234,7 @@ Use the `content` prop to add content to the card. The content can be any compon
1234
1234
  Find out all the onboarding material you need
1235
1235
  [with this easy guide](https://iress.com).
1236
1236
 
1237
- ```
1237
+ Hide codedrawOpen in CodeSandbox
1238
1238
 
1239
1239
  <IressCard\>
1240
1240
  <IressText\>
@@ -1260,7 +1260,7 @@ ReactReactNode
1260
1260
 
1261
1261
  | \- |
1262
1262
 
1263
- RAW
1263
+ Edit JSON
1264
1264
 
1265
1265
  children :
1266
1266
 
@@ -1312,7 +1312,7 @@ Level of heading for markup, to ensure correct hierarchy (H2 - H6).
1312
1312
 
1313
1313
  HeadingLevel
1314
1314
 
1315
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
1315
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
1316
1316
 
1317
1317
  |
1318
1318
 
@@ -1325,7 +1325,7 @@ Text to be displayed in the card heading in the card header.
1325
1325
 
1326
1326
  string
1327
1327
 
1328
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
1328
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
1329
1329
 
1330
1330
  | \- | Set string |
1331
1331
  | media |
@@ -1384,7 +1384,7 @@ I'm a card using the footer render prop
1384
1384
 
1385
1385
  NEW
1386
1386
 
1387
- ```
1387
+ Hide codedrawOpen in CodeSandbox
1388
1388
 
1389
1389
  <IressCard footer\={<IressInline gutter\="sm" horizontalAlign\="between"\><IressInline gutter\="sm"\><IressBadge mode\="background-default" pill\>#new-starter</IressBadge\><IressBadge mode\="background-default" pill\>#first-day</IressBadge\></IressInline\><IressBadge mode\="positive"\>NEW</IressBadge\></IressInline\>}\>
1390
1390
  I'm a card using the footer render prop
@@ -1418,7 +1418,7 @@ ReactReactNode
1418
1418
 
1419
1419
  | \- |
1420
1420
 
1421
- RAW
1421
+ Edit JSON
1422
1422
 
1423
1423
  footer :
1424
1424
 
@@ -1461,7 +1461,7 @@ Level of heading for markup, to ensure correct hierarchy (H2 - H6).
1461
1461
 
1462
1462
  HeadingLevel
1463
1463
 
1464
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
1464
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
1465
1465
 
1466
1466
  |
1467
1467
 
@@ -1474,7 +1474,7 @@ Text to be displayed in the card heading in the card header.
1474
1474
 
1475
1475
  string
1476
1476
 
1477
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
1477
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
1478
1478
 
1479
1479
  | \- | Set string |
1480
1480
  | media |
@@ -1580,8 +1580,22 @@ Find out all the onboarding material you need
1580
1580
 
1581
1581
  NEW
1582
1582
 
1583
- ```
1584
-
1583
+ Hide codedrawOpen in CodeSandbox
1584
+
1585
+ import {
1586
+ IressContainer,
1587
+ IressInline,
1588
+ IressToggle,
1589
+ IressRow,
1590
+ IressCol,
1591
+ type IressCardProps,
1592
+ } from '@/main';
1593
+ import { useState } from 'react';
1594
+ import { IressCard } from '../Card';
1595
+ import {
1596
+ SUPPORTED\_CARD\_SLOTS,
1597
+ type SupportedCardSlots,
1598
+ } from './supportedCardSlots';
1585
1599
  export const CardAllSlots \= () \=> {
1586
1600
  const \[show, setShow\] \= useState({
1587
1601
  children: true,
@@ -1665,7 +1679,7 @@ Level of heading for markup, to ensure correct hierarchy (H2 - H6).
1665
1679
 
1666
1680
  HeadingLevel
1667
1681
 
1668
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
1682
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
1669
1683
 
1670
1684
  |
1671
1685
 
@@ -1678,7 +1692,7 @@ Text to be displayed in the card heading in the card header.
1678
1692
 
1679
1693
  string
1680
1694
 
1681
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
1695
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
1682
1696
 
1683
1697
  | \- | Set string |
1684
1698
  | media |
@@ -1741,7 +1755,7 @@ Since the `heading` prop now renders the component you give it, you have full co
1741
1755
 
1742
1756
  I'm a card with a clickable heading. NEVER use me when the whole card is clickable.
1743
1757
 
1744
- ```
1758
+ Hide codedrawOpen in CodeSandbox
1745
1759
 
1746
1760
  <IressCard heading\={<h2\><a href\="https://iress.com"\>Clickable heading</a\></h2\>}\>
1747
1761
  I'm a card with a clickable heading. NEVER use me when the whole card is clickable.
@@ -1784,7 +1798,7 @@ ReactReactNode
1784
1798
 
1785
1799
  | \- |
1786
1800
 
1787
- RAW
1801
+ Edit JSON
1788
1802
 
1789
1803
  heading :
1790
1804
 
@@ -1818,7 +1832,7 @@ Level of heading for markup, to ensure correct hierarchy (H2 - H6).
1818
1832
 
1819
1833
  HeadingLevel
1820
1834
 
1821
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
1835
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
1822
1836
 
1823
1837
  |
1824
1838
 
@@ -1831,7 +1845,7 @@ Text to be displayed in the card heading in the card header.
1831
1845
 
1832
1846
  string
1833
1847
 
1834
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
1848
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
1835
1849
 
1836
1850
  | \- | Set string |
1837
1851
  | media |
@@ -1888,7 +1902,7 @@ It's recommended to add `role="button"` and `tabindex="0"` to the card to make i
1888
1902
 
1889
1903
  I am a card with an onClick handler. Click me to see what happens.
1890
1904
 
1891
- ```
1905
+ Hide codedrawOpen in CodeSandbox
1892
1906
 
1893
1907
  <IressCard
1894
1908
  onClick\={() \=> alert("Card clicked")}
@@ -1941,7 +1955,7 @@ Level of heading for markup, to ensure correct hierarchy (H2 - H6).
1941
1955
 
1942
1956
  HeadingLevel
1943
1957
 
1944
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
1958
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
1945
1959
 
1946
1960
  |
1947
1961
 
@@ -1954,7 +1968,7 @@ Text to be displayed in the card heading in the card header.
1954
1968
 
1955
1969
  string
1956
1970
 
1957
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
1971
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
1958
1972
 
1959
1973
  | \- | Set string |
1960
1974
  | media |
@@ -2034,7 +2048,7 @@ To simplify the process of making the whole card clickable, you can use the `Ire
2034
2048
 
2035
2049
  I am a card with a button element
2036
2050
 
2037
- ```
2051
+ Hide codedrawOpen in CodeSandbox
2038
2052
 
2039
2053
  <IressButtonCard
2040
2054
  onClick\={() \=> alert("Card clicked")}
@@ -2081,7 +2095,7 @@ Level of heading for markup, to ensure correct hierarchy (H2 - H6).
2081
2095
 
2082
2096
  HeadingLevel
2083
2097
 
2084
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
2098
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
2085
2099
 
2086
2100
  |
2087
2101
 
@@ -2094,7 +2108,7 @@ Text to be displayed in the card heading in the card header.
2094
2108
 
2095
2109
  string
2096
2110
 
2097
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
2111
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
2098
2112
 
2099
2113
  | \- | Set string |
2100
2114
  | media |
@@ -2154,7 +2168,7 @@ string
2154
2168
 
2155
2169
  [I am a card with an anchor element](https://iress.com)
2156
2170
 
2157
- ```
2171
+ Hide codedrawOpen in CodeSandbox
2158
2172
 
2159
2173
  <IressLinkCard
2160
2174
  href\="https://iress.com"
@@ -2201,7 +2215,7 @@ Level of heading for markup, to ensure correct hierarchy (H2 - H6).
2201
2215
 
2202
2216
  HeadingLevel
2203
2217
 
2204
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
2218
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
2205
2219
 
2206
2220
  |
2207
2221
 
@@ -2214,7 +2228,7 @@ Text to be displayed in the card heading in the card header.
2214
2228
 
2215
2229
  string
2216
2230
 
2217
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
2231
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
2218
2232
 
2219
2233
  | \- | Set string |
2220
2234
  | href |
@@ -37,7 +37,7 @@ Children (default slot)
37
37
 
38
38
  Footer
39
39
 
40
- ```
40
+ Hide codedrawOpen in CodeSandbox
41
41
 
42
42
  import {
43
43
  CardSlotClass,
@@ -46,7 +46,7 @@ import {
46
46
  type IressCardProps,
47
47
  IressStack,
48
48
  IressText,
49
- } from '@iress-oss/ids-components';
49
+ } from '@/main';
50
50
  import styles from '~storybook/styles.module.scss';
51
51
  export const CardUsingHook \= () \=> {
52
52
  const cardProps \= composeIDSCard({
@@ -131,7 +131,7 @@ Level of heading for markup, to ensure correct hierarchy (H2 - H6).
131
131
 
132
132
  HeadingLevel
133
133
 
134
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
134
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
135
135
 
136
136
  |
137
137
 
@@ -144,7 +144,7 @@ Text to be displayed in the card heading in the card header.
144
144
 
145
145
  string
146
146
 
147
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
147
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
148
148
 
149
149
  | \- | Set string |
150
150
  | media |
@@ -10,7 +10,7 @@ Checkboxes are used to let a user select one or more options for a limited numbe
10
10
 
11
11
  A checkbox
12
12
 
13
- ```
13
+ Hide codedrawOpen in CodeSandbox
14
14
 
15
15
  <IressCheckbox\>
16
16
  A checkbox
@@ -23,8 +23,6 @@ Props
23
23
 
24
24
  IressCheckboxIressCheckboxMark
25
25
 
26
- Tabs
27
-
28
26
  | Name | Description | Default | Control |
29
27
  | --- | --- | --- | --- |
30
28
  | checked |
@@ -155,7 +153,7 @@ When used as part of an `IressCheckboxGroup`, the `checked` prop will be ignored
155
153
 
156
154
  A checkbox which is checked and in controlled mode
157
155
 
158
- ```
156
+ Hide codedrawOpen in CodeSandbox
159
157
 
160
158
  <IressCheckbox checked\>
161
159
  A checkbox which is checked and in controlled mode
@@ -167,8 +165,6 @@ A checkbox which is checked and in controlled mode
167
165
 
168
166
  IressCheckboxIressCheckboxMark
169
167
 
170
- Tabs
171
-
172
168
  | Name | Description | Default | Control |
173
169
  | --- | --- | --- | --- |
174
170
  | checked |
@@ -294,7 +290,7 @@ For single checkboxes in uncontrolled mode the `defaultChecked` prop sets the de
294
290
 
295
291
  A checkbox which is initially checked
296
292
 
297
- ```
293
+ Hide codedrawOpen in CodeSandbox
298
294
 
299
295
  <IressCheckbox defaultChecked\>
300
296
  A checkbox which is initially checked
@@ -306,8 +302,6 @@ A checkbox which is initially checked
306
302
 
307
303
  IressCheckboxIressCheckboxMark
308
304
 
309
- Tabs
310
-
311
305
  | Name | Description | Default | Control |
312
306
  | --- | --- | --- | --- |
313
307
  | checked |
@@ -433,7 +427,7 @@ The `indeterminate` prop sets the checkbox appearance to an indeterminate dash u
433
427
 
434
428
  A checkbox which is initially in an indeterminate state
435
429
 
436
- ```
430
+ Hide codedrawOpen in CodeSandbox
437
431
 
438
432
  <IressCheckbox indeterminate\>
439
433
  A checkbox which is initially in an indeterminate state
@@ -445,8 +439,6 @@ A checkbox which is initially in an indeterminate state
445
439
 
446
440
  IressCheckboxIressCheckboxMark
447
441
 
448
- Tabs
449
-
450
442
  | Name | Description | Default | Control |
451
443
  | --- | --- | --- | --- |
452
444
  | checked |
@@ -587,7 +579,7 @@ Toggle row
587
579
 
588
580
  | CASH.CASH | 2020-06-28 | 49751.43 |
589
581
 
590
- ```
582
+ Hide codedrawOpen in CodeSandbox
591
583
 
592
584
  <ForwardedTable
593
585
  caption\="List of investments"
@@ -633,8 +625,6 @@ Toggle row
633
625
 
634
626
  IressCheckboxIressCheckboxMark
635
627
 
636
- Tabs
637
-
638
628
  | Name | Description | Default | Control |
639
629
  | --- | --- | --- | --- |
640
630
  | checked |
@@ -762,7 +752,7 @@ It is understandable that this may not be the desired behavior for all use cases
762
752
 
763
753
  I agree to the terms and conditions
764
754
 
765
- ```
755
+ Hide codedrawOpen in CodeSandbox
766
756
 
767
757
  <IressStack\>
768
758
  <IressCheckbox
@@ -784,8 +774,6 @@ I agree to the terms and conditions
784
774
 
785
775
  IressCheckboxIressCheckboxMark
786
776
 
787
- Tabs
788
-
789
777
  | Name | Description | Default | Control |
790
778
  | --- | --- | --- | --- |
791
779
  | checked |
@@ -922,7 +910,7 @@ The `touch` prop adds the button-like border and padding to checkbox.
922
910
 
923
911
  Checkbox with touch styles
924
912
 
925
- ```
913
+ Hide codedrawOpen in CodeSandbox
926
914
 
927
915
  <IressCheckbox touch\>
928
916
  Checkbox with touch styles
@@ -934,8 +922,6 @@ Checkbox with touch styles
934
922
 
935
923
  IressCheckboxIressCheckboxMark
936
924
 
937
- Tabs
938
-
939
925
  | Name | Description | Default | Control |
940
926
  | --- | --- | --- | --- |
941
927
  | checked |