@iress-oss/ids-mcp-server 5.20.1 → 5.20.2
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 +51 -47
- package/generated/docs/components_components-autocomplete-docs.md +48 -104
- package/generated/docs/components_components-autocomplete-recipes-docs.md +9 -2
- package/generated/docs/components_components-badge-docs.md +4 -4
- package/generated/docs/components_components-button-docs.md +24 -24
- package/generated/docs/components_components-buttongroup-docs.md +20 -20
- package/generated/docs/components_components-card-docs.md +70 -56
- package/generated/docs/components_components-card-recipes-docs.md +4 -4
- package/generated/docs/components_components-checkbox-docs.md +7 -21
- package/generated/docs/components_components-checkboxgroup-docs.md +32 -32
- package/generated/docs/components_components-checkboxgroup-recipes-docs.md +2 -2
- package/generated/docs/components_components-col-docs.md +10 -10
- package/generated/docs/components_components-combobox-docs.md +58 -90
- package/generated/docs/components_components-container-docs.md +4 -4
- package/generated/docs/components_components-divider-docs.md +3 -3
- package/generated/docs/components_components-expander-docs.md +6 -4
- package/generated/docs/components_components-field-docs.md +18 -18
- package/generated/docs/components_components-filter-docs.md +54 -54
- package/generated/docs/components_components-form-docs.md +94 -60
- package/generated/docs/components_components-form-recipes-docs.md +114 -13
- package/generated/docs/components_components-hide-docs.md +55 -12
- package/generated/docs/components_components-icon-docs.md +13 -13
- package/generated/docs/components_components-inline-docs.md +14 -14
- package/generated/docs/components_components-input-docs.md +10 -10
- package/generated/docs/components_components-input-recipes-docs.md +3 -3
- package/generated/docs/components_components-inputcurrency-docs.md +6 -6
- package/generated/docs/components_components-inputcurrency-recipes-docs.md +5 -2
- package/generated/docs/components_components-label-docs.md +6 -6
- package/generated/docs/components_components-menu-docs.md +40 -40
- package/generated/docs/components_components-menu-menuitem-docs.md +12 -12
- package/generated/docs/components_components-modal-docs.md +29 -13
- package/generated/docs/components_components-navbar-docs.md +42 -42
- package/generated/docs/components_components-navbar-recipes-docs.md +41 -18
- package/generated/docs/components_components-panel-docs.md +19 -19
- package/generated/docs/components_components-placeholder-docs.md +1 -1
- package/generated/docs/components_components-popover-docs.md +32 -30
- package/generated/docs/components_components-popover-recipes-docs.md +47 -131
- package/generated/docs/components_components-progress-docs.md +1 -1
- package/generated/docs/components_components-provider-docs.md +2 -2
- package/generated/docs/components_components-radio-docs.md +5 -5
- package/generated/docs/components_components-radiogroup-docs.md +29 -45
- package/generated/docs/components_components-readonly-docs.md +5 -5
- package/generated/docs/components_components-richselect-docs.md +88 -64
- package/generated/docs/components_components-row-docs.md +12 -12
- package/generated/docs/components_components-select-docs.md +8 -8
- package/generated/docs/components_components-skeleton-docs.md +9 -9
- package/generated/docs/components_components-skeleton-recipes-docs.md +2 -2
- package/generated/docs/components_components-skiplink-docs.md +3 -3
- package/generated/docs/components_components-slideout-docs.md +43 -12
- package/generated/docs/components_components-slider-docs.md +12 -12
- package/generated/docs/components_components-spinner-docs.md +3 -3
- package/generated/docs/components_components-stack-docs.md +14 -14
- package/generated/docs/components_components-table-docs.md +51 -44
- package/generated/docs/components_components-tabset-docs.md +10 -10
- package/generated/docs/components_components-tabset-tab-docs.md +4 -4
- package/generated/docs/components_components-tag-docs.md +8 -10
- package/generated/docs/components_components-text-docs.md +7 -7
- package/generated/docs/components_components-toaster-docs.md +12 -12
- package/generated/docs/components_components-toaster-toast-docs.md +30 -30
- package/generated/docs/components_components-toggle-docs.md +5 -5
- package/generated/docs/components_components-tooltip-docs.md +4 -4
- package/generated/docs/components_components-validationmessage-docs.md +6 -6
- package/generated/docs/components_foundations-typography-docs.md +7 -7
- package/generated/docs/components_introduction-docs.md +1 -1
- package/generated/docs/components_patterns-loading-docs.md +101 -24
- package/generated/docs/components_sandbox-docs.md +4 -0
- package/generated/docs/guidelines.md +7 -7
- package/package.json +10 -10
|
@@ -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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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
|
-
|
|
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-
|
|
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-
|
|
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
|
-
|
|
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
|
-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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
|
-
|
|
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
|
-
|
|
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-
|
|
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-
|
|
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
|
-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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
|
-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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 '
|
|
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-
|
|
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-
|
|
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 |
|