@iress-oss/ids-mcp-server 5.20.2 → 5.20.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/generated/docs/components_components-alert-docs.md +33 -37
- package/generated/docs/components_components-autocomplete-docs.md +89 -2
- package/generated/docs/components_components-checkboxgroup-docs.md +17 -17
- package/generated/docs/components_components-col-docs.md +1 -1
- package/generated/docs/components_components-form-docs.md +5 -4
- package/generated/docs/components_components-hide-docs.md +7 -50
- package/generated/docs/components_components-icon-docs.md +4 -4
- package/generated/docs/components_components-popover-recipes-docs.md +122 -31
- package/generated/docs/components_components-radiogroup-docs.md +21 -21
- package/generated/docs/components_components-row-docs.md +4 -4
- package/generated/docs/components_components-skiplink-docs.md +1 -1
- package/generated/docs/components_components-table-docs.md +5 -5
- package/generated/docs/components_foundations-colour-030-colours.md +32 -32
- package/generated/docs/components_introduction-docs.md +1 -1
- package/generated/docs/components_patterns-loading-docs.md +5 -5
- package/generated/docs/guidelines.md +32 -32
- package/package.json +15 -15
|
@@ -12,14 +12,13 @@ This is a simple info alert
|
|
|
12
12
|
|
|
13
13
|
Hide codedrawOpen in CodeSandbox
|
|
14
14
|
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
}
|
|
15
|
+
<IressAlert
|
|
16
|
+
footer\=""
|
|
17
|
+
heading\=""
|
|
18
|
+
status\="info"
|
|
19
|
+
\>
|
|
20
|
+
This is a simple info alert
|
|
21
|
+
</IressAlert\>
|
|
23
22
|
|
|
24
23
|
```
|
|
25
24
|
|
|
@@ -125,35 +124,32 @@ This is a simple warning alert. It is used for a message requiring attention but
|
|
|
125
124
|
|
|
126
125
|
Hide codedrawOpen in CodeSandbox
|
|
127
126
|
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
</IressAlert\>)}
|
|
155
|
-
</div\>
|
|
156
|
-
}
|
|
127
|
+
<div className\="iress-u-stack iress--gutter--md"\>
|
|
128
|
+
<IressAlert
|
|
129
|
+
footer\=""
|
|
130
|
+
heading\=""
|
|
131
|
+
status\="danger"
|
|
132
|
+
\>
|
|
133
|
+
This is a simple danger alert. It is used for errors and malfunctions that must be resolved before moving forward, such as a summary of errors to correct in a Form. </IressAlert\>
|
|
134
|
+
<IressAlert
|
|
135
|
+
footer\=""
|
|
136
|
+
heading\=""
|
|
137
|
+
status\="info"
|
|
138
|
+
\>
|
|
139
|
+
This is a simple info alert. It is used to provide context around a situation, such as rules around creating a compliant password, or a link to feature documentation or onboarding tips. </IressAlert\>
|
|
140
|
+
<IressAlert
|
|
141
|
+
footer\=""
|
|
142
|
+
heading\=""
|
|
143
|
+
status\="success"
|
|
144
|
+
\>
|
|
145
|
+
This is a simple success alert. It is used to communicate that an action has been successfully completed, such as saving changes in a Form. </IressAlert\>
|
|
146
|
+
<IressAlert
|
|
147
|
+
footer\=""
|
|
148
|
+
heading\=""
|
|
149
|
+
status\="warning"
|
|
150
|
+
\>
|
|
151
|
+
This is a simple warning alert. It is used for a message requiring attention but not resolution in order to continue, such as noting data is not current or your password is about to expire. </IressAlert\>
|
|
152
|
+
</div\>
|
|
157
153
|
|
|
158
154
|
```
|
|
159
155
|
|
|
@@ -11,6 +11,7 @@ Autocomplete allow for users to fill in their input by providing suggestions as
|
|
|
11
11
|
Hide codedrawOpen in CodeSandbox
|
|
12
12
|
|
|
13
13
|
<IressAutocomplete
|
|
14
|
+
minSearchLength\={0}
|
|
14
15
|
options\={\[
|
|
15
16
|
{
|
|
16
17
|
label: 'Option 1'
|
|
@@ -121,6 +122,13 @@ ReactNode
|
|
|
121
122
|
6
|
|
122
123
|
|
|
123
124
|
| Set object |
|
|
125
|
+
| minSearchLength |
|
|
126
|
+
|
|
127
|
+
number
|
|
128
|
+
|
|
129
|
+
|
|
130
|
+
|
|
131
|
+
| \- | |
|
|
124
132
|
| noResultsText |
|
|
125
133
|
|
|
126
134
|
Text to be displayed when no results are found.
|
|
@@ -236,6 +244,7 @@ Hide codedrawOpen in CodeSandbox
|
|
|
236
244
|
|
|
237
245
|
<IressAutocomplete
|
|
238
246
|
defaultValue\="Option 1"
|
|
247
|
+
minSearchLength\={0}
|
|
239
248
|
options\={\[
|
|
240
249
|
{
|
|
241
250
|
label: 'Option 1'
|
|
@@ -352,6 +361,13 @@ ReactNode
|
|
|
352
361
|
6
|
|
353
362
|
|
|
354
363
|
| Set object |
|
|
364
|
+
| minSearchLength |
|
|
365
|
+
|
|
366
|
+
number
|
|
367
|
+
|
|
368
|
+
|
|
369
|
+
|
|
370
|
+
| \- | |
|
|
355
371
|
| noResultsText |
|
|
356
372
|
|
|
357
373
|
Text to be displayed when no results are found.
|
|
@@ -468,6 +484,7 @@ export const AutocompleteUsingState \= () \=> {
|
|
|
468
484
|
popoverProps: {
|
|
469
485
|
container: {},
|
|
470
486
|
},
|
|
487
|
+
minSearchLength: 0,
|
|
471
488
|
options: \[
|
|
472
489
|
{
|
|
473
490
|
label: 'Option 1',
|
|
@@ -585,6 +602,13 @@ ReactNode
|
|
|
585
602
|
6
|
|
586
603
|
|
|
587
604
|
| Set object |
|
|
605
|
+
| minSearchLength |
|
|
606
|
+
|
|
607
|
+
number
|
|
608
|
+
|
|
609
|
+
|
|
610
|
+
|
|
611
|
+
| \- | |
|
|
588
612
|
| noResultsText |
|
|
589
613
|
|
|
590
614
|
Text to be displayed when no results are found.
|
|
@@ -699,6 +723,7 @@ To use the suggestion functionality, you can provide an array of `LabelValueMeta
|
|
|
699
723
|
Hide codedrawOpen in CodeSandbox
|
|
700
724
|
|
|
701
725
|
<IressAutocomplete
|
|
726
|
+
minSearchLength\={0}
|
|
702
727
|
options\={\[
|
|
703
728
|
{
|
|
704
729
|
label: 'Option 1'
|
|
@@ -808,6 +833,13 @@ ReactNode
|
|
|
808
833
|
6
|
|
809
834
|
|
|
810
835
|
| Set object |
|
|
836
|
+
| minSearchLength |
|
|
837
|
+
|
|
838
|
+
number
|
|
839
|
+
|
|
840
|
+
|
|
841
|
+
|
|
842
|
+
| \- | |
|
|
811
843
|
| noResultsText |
|
|
812
844
|
|
|
813
845
|
Text to be displayed when no results are found.
|
|
@@ -1306,6 +1338,7 @@ Hide codedrawOpen in CodeSandbox
|
|
|
1306
1338
|
label: 'Favourite option 3'
|
|
1307
1339
|
}
|
|
1308
1340
|
\]}
|
|
1341
|
+
minSearchLength\={0}
|
|
1309
1342
|
options\={\[
|
|
1310
1343
|
{
|
|
1311
1344
|
label: 'Option 1'
|
|
@@ -1448,6 +1481,13 @@ Edit JSON
|
|
|
1448
1481
|
6
|
|
1449
1482
|
|
|
1450
1483
|
| Set object |
|
|
1484
|
+
| minSearchLength |
|
|
1485
|
+
|
|
1486
|
+
number
|
|
1487
|
+
|
|
1488
|
+
|
|
1489
|
+
|
|
1490
|
+
| \- | |
|
|
1451
1491
|
| noResultsText |
|
|
1452
1492
|
|
|
1453
1493
|
Text to be displayed when no results are found.
|
|
@@ -1553,8 +1593,7 @@ Behaviour
|
|
|
1553
1593
|
* Tapping on a suggestion with the mouse will change the input value to the selection and close the popover.
|
|
1554
1594
|
* When the user presses the arrows keys while the input is focussed, suggestions will be highlighted, but focus remains on the input.
|
|
1555
1595
|
* When the user presses the enter key while a suggestion is highlighted, the suggestion will be selected and the popover will close.
|
|
1556
|
-
* When the user presses the down key while the popover is closed, it will open the popover.
|
|
1557
|
-
* When the user pressed the up key while the first suggestion is highlighted, it will close the popover.
|
|
1596
|
+
* When the user presses the down key while the popover is closed, it will attempt to open the popover and populate it with suggestions or initial options.
|
|
1558
1597
|
* When the user tabs away while no suggestion is highlighted, the input will not be changed.
|
|
1559
1598
|
* When the user tabs away while a suggestion is highlighted, the suggestion will be selected.
|
|
1560
1599
|
* When the user tabs away while the popover is open, the popover will close.
|
|
@@ -1582,6 +1621,7 @@ Hide codedrawOpen in CodeSandbox
|
|
|
1582
1621
|
|
|
1583
1622
|
<IressAutocomplete
|
|
1584
1623
|
autoSelect\={false}
|
|
1624
|
+
minSearchLength\={0}
|
|
1585
1625
|
options\={\[
|
|
1586
1626
|
{
|
|
1587
1627
|
label: 'Option 1'
|
|
@@ -1692,6 +1732,13 @@ ReactNode
|
|
|
1692
1732
|
6
|
|
1693
1733
|
|
|
1694
1734
|
| Set object |
|
|
1735
|
+
| minSearchLength |
|
|
1736
|
+
|
|
1737
|
+
number
|
|
1738
|
+
|
|
1739
|
+
|
|
1740
|
+
|
|
1741
|
+
| \- | |
|
|
1695
1742
|
| noResultsText |
|
|
1696
1743
|
|
|
1697
1744
|
Text to be displayed when no results are found.
|
|
@@ -1807,6 +1854,7 @@ Hide codedrawOpen in CodeSandbox
|
|
|
1807
1854
|
|
|
1808
1855
|
<IressAutocomplete
|
|
1809
1856
|
append\={<IressPopover activator\={<IressButton mode\="tertiary"\><IressIcon name\="cog" /></IressButton\>} align\="bottom-end" container\={document.body}\><IressPanel className\="iress-u-text"\>Some settings in here</IressPanel\></IressPopover\>}
|
|
1857
|
+
minSearchLength\={0}
|
|
1810
1858
|
options\={\[
|
|
1811
1859
|
{
|
|
1812
1860
|
label: 'Option 1'
|
|
@@ -1950,6 +1998,13 @@ ReactNode
|
|
|
1950
1998
|
6
|
|
1951
1999
|
|
|
1952
2000
|
| Set object |
|
|
2001
|
+
| minSearchLength |
|
|
2002
|
+
|
|
2003
|
+
number
|
|
2004
|
+
|
|
2005
|
+
|
|
2006
|
+
|
|
2007
|
+
| \- | |
|
|
1953
2008
|
| noResultsText |
|
|
1954
2009
|
|
|
1955
2010
|
Text to be displayed when no results are found.
|
|
@@ -2101,6 +2156,7 @@ If you would like to show a message when there are no results, you can use the `
|
|
|
2101
2156
|
Hide codedrawOpen in CodeSandbox
|
|
2102
2157
|
|
|
2103
2158
|
<IressAutocomplete
|
|
2159
|
+
minSearchLength\={0}
|
|
2104
2160
|
noResultsText\={<IressPanel className\="iress-u-text"\>No results found</IressPanel\>}
|
|
2105
2161
|
options\={\[
|
|
2106
2162
|
{
|
|
@@ -2212,6 +2268,13 @@ ReactNode
|
|
|
2212
2268
|
6
|
|
2213
2269
|
|
|
2214
2270
|
| Set object |
|
|
2271
|
+
| minSearchLength |
|
|
2272
|
+
|
|
2273
|
+
number
|
|
2274
|
+
|
|
2275
|
+
|
|
2276
|
+
|
|
2277
|
+
| \- | |
|
|
2215
2278
|
| noResultsText |
|
|
2216
2279
|
|
|
2217
2280
|
Text to be displayed when no results are found.
|
|
@@ -2355,6 +2418,7 @@ There are two additional props that autocomplete accepts to customise the popove
|
|
|
2355
2418
|
Hide codedrawOpen in CodeSandbox
|
|
2356
2419
|
|
|
2357
2420
|
<IressAutocomplete
|
|
2421
|
+
minSearchLength\={0}
|
|
2358
2422
|
options\={\[
|
|
2359
2423
|
{
|
|
2360
2424
|
label: 'Option 1'
|
|
@@ -2465,6 +2529,13 @@ ReactNode
|
|
|
2465
2529
|
6
|
|
2466
2530
|
|
|
2467
2531
|
| Set object |
|
|
2532
|
+
| minSearchLength |
|
|
2533
|
+
|
|
2534
|
+
number
|
|
2535
|
+
|
|
2536
|
+
|
|
2537
|
+
|
|
2538
|
+
| \- | |
|
|
2468
2539
|
| noResultsText |
|
|
2469
2540
|
|
|
2470
2541
|
Text to be displayed when no results are found.
|
|
@@ -2578,6 +2649,7 @@ Hide codedrawOpen in CodeSandbox
|
|
|
2578
2649
|
|
|
2579
2650
|
<IressAutocomplete
|
|
2580
2651
|
debounceThreshold\={0}
|
|
2652
|
+
minSearchLength\={0}
|
|
2581
2653
|
options\={\[
|
|
2582
2654
|
{
|
|
2583
2655
|
label: 'Option 1'
|
|
@@ -2695,6 +2767,13 @@ ReactNode
|
|
|
2695
2767
|
6
|
|
2696
2768
|
|
|
2697
2769
|
| Set object |
|
|
2770
|
+
| minSearchLength |
|
|
2771
|
+
|
|
2772
|
+
number
|
|
2773
|
+
|
|
2774
|
+
|
|
2775
|
+
|
|
2776
|
+
| \- | |
|
|
2698
2777
|
| noResultsText |
|
|
2699
2778
|
|
|
2700
2779
|
Text to be displayed when no results are found.
|
|
@@ -3128,6 +3207,7 @@ Hide codedrawOpen in CodeSandbox
|
|
|
3128
3207
|
|
|
3129
3208
|
<IressAutocomplete
|
|
3130
3209
|
defaultValue\="Option 1"
|
|
3210
|
+
minSearchLength\={0}
|
|
3131
3211
|
options\={\[
|
|
3132
3212
|
{
|
|
3133
3213
|
label: 'Option 1'
|
|
@@ -3245,6 +3325,13 @@ ReactNode
|
|
|
3245
3325
|
6
|
|
3246
3326
|
|
|
3247
3327
|
| Set object |
|
|
3328
|
+
| minSearchLength |
|
|
3329
|
+
|
|
3330
|
+
number
|
|
3331
|
+
|
|
3332
|
+
|
|
3333
|
+
|
|
3334
|
+
| \- | |
|
|
3248
3335
|
| noResultsText |
|
|
3249
3336
|
|
|
3250
3337
|
Text to be displayed when no results are found.
|
|
@@ -590,22 +590,22 @@ Hide codedrawOpen in CodeSandbox
|
|
|
590
590
|
stack </h3\>
|
|
591
591
|
<IressCheckboxGroup layout\="stack"\>
|
|
592
592
|
<IressCheckbox
|
|
593
|
-
className\="ids-styles--add-border-to-label-
|
|
593
|
+
className\="ids-styles--add-border-to-label-v5206"
|
|
594
594
|
value\="google"
|
|
595
595
|
\>
|
|
596
596
|
Google </IressCheckbox\>
|
|
597
597
|
<IressCheckbox
|
|
598
|
-
className\="ids-styles--add-border-to-label-
|
|
598
|
+
className\="ids-styles--add-border-to-label-v5206"
|
|
599
599
|
value\="newspaper"
|
|
600
600
|
\>
|
|
601
601
|
Newspaper </IressCheckbox\>
|
|
602
602
|
<IressCheckbox
|
|
603
|
-
className\="ids-styles--add-border-to-label-
|
|
603
|
+
className\="ids-styles--add-border-to-label-v5206"
|
|
604
604
|
value\="friend"
|
|
605
605
|
\>
|
|
606
606
|
Friend </IressCheckbox\>
|
|
607
607
|
<IressCheckbox
|
|
608
|
-
className\="ids-styles--add-border-to-label-
|
|
608
|
+
className\="ids-styles--add-border-to-label-v5206"
|
|
609
609
|
value\="other"
|
|
610
610
|
\>
|
|
611
611
|
Other </IressCheckbox\>
|
|
@@ -616,22 +616,22 @@ Hide codedrawOpen in CodeSandbox
|
|
|
616
616
|
block </h3\>
|
|
617
617
|
<IressCheckboxGroup layout\="block"\>
|
|
618
618
|
<IressCheckbox
|
|
619
|
-
className\="ids-styles--add-border-to-label-
|
|
619
|
+
className\="ids-styles--add-border-to-label-v5206"
|
|
620
620
|
value\="google"
|
|
621
621
|
\>
|
|
622
622
|
Google </IressCheckbox\>
|
|
623
623
|
<IressCheckbox
|
|
624
|
-
className\="ids-styles--add-border-to-label-
|
|
624
|
+
className\="ids-styles--add-border-to-label-v5206"
|
|
625
625
|
value\="newspaper"
|
|
626
626
|
\>
|
|
627
627
|
Newspaper </IressCheckbox\>
|
|
628
628
|
<IressCheckbox
|
|
629
|
-
className\="ids-styles--add-border-to-label-
|
|
629
|
+
className\="ids-styles--add-border-to-label-v5206"
|
|
630
630
|
value\="friend"
|
|
631
631
|
\>
|
|
632
632
|
Friend </IressCheckbox\>
|
|
633
633
|
<IressCheckbox
|
|
634
|
-
className\="ids-styles--add-border-to-label-
|
|
634
|
+
className\="ids-styles--add-border-to-label-v5206"
|
|
635
635
|
value\="other"
|
|
636
636
|
\>
|
|
637
637
|
Other </IressCheckbox\>
|
|
@@ -642,22 +642,22 @@ Hide codedrawOpen in CodeSandbox
|
|
|
642
642
|
inline </h3\>
|
|
643
643
|
<IressCheckboxGroup layout\="inline"\>
|
|
644
644
|
<IressCheckbox
|
|
645
|
-
className\="ids-styles--add-border-to-label-
|
|
645
|
+
className\="ids-styles--add-border-to-label-v5206"
|
|
646
646
|
value\="google"
|
|
647
647
|
\>
|
|
648
648
|
Google </IressCheckbox\>
|
|
649
649
|
<IressCheckbox
|
|
650
|
-
className\="ids-styles--add-border-to-label-
|
|
650
|
+
className\="ids-styles--add-border-to-label-v5206"
|
|
651
651
|
value\="newspaper"
|
|
652
652
|
\>
|
|
653
653
|
Newspaper </IressCheckbox\>
|
|
654
654
|
<IressCheckbox
|
|
655
|
-
className\="ids-styles--add-border-to-label-
|
|
655
|
+
className\="ids-styles--add-border-to-label-v5206"
|
|
656
656
|
value\="friend"
|
|
657
657
|
\>
|
|
658
658
|
Friend </IressCheckbox\>
|
|
659
659
|
<IressCheckbox
|
|
660
|
-
className\="ids-styles--add-border-to-label-
|
|
660
|
+
className\="ids-styles--add-border-to-label-v5206"
|
|
661
661
|
value\="other"
|
|
662
662
|
\>
|
|
663
663
|
Other </IressCheckbox\>
|
|
@@ -668,22 +668,22 @@ Hide codedrawOpen in CodeSandbox
|
|
|
668
668
|
full </h3\>
|
|
669
669
|
<IressCheckboxGroup layout\="full"\>
|
|
670
670
|
<IressCheckbox
|
|
671
|
-
className\="ids-styles--add-border-to-label-
|
|
671
|
+
className\="ids-styles--add-border-to-label-v5206"
|
|
672
672
|
value\="google"
|
|
673
673
|
\>
|
|
674
674
|
Google </IressCheckbox\>
|
|
675
675
|
<IressCheckbox
|
|
676
|
-
className\="ids-styles--add-border-to-label-
|
|
676
|
+
className\="ids-styles--add-border-to-label-v5206"
|
|
677
677
|
value\="newspaper"
|
|
678
678
|
\>
|
|
679
679
|
Newspaper </IressCheckbox\>
|
|
680
680
|
<IressCheckbox
|
|
681
|
-
className\="ids-styles--add-border-to-label-
|
|
681
|
+
className\="ids-styles--add-border-to-label-v5206"
|
|
682
682
|
value\="friend"
|
|
683
683
|
\>
|
|
684
684
|
Friend </IressCheckbox\>
|
|
685
685
|
<IressCheckbox
|
|
686
|
-
className\="ids-styles--add-border-to-label-
|
|
686
|
+
className\="ids-styles--add-border-to-label-v5206"
|
|
687
687
|
value\="other"
|
|
688
688
|
\>
|
|
689
689
|
Other </IressCheckbox\>
|
|
@@ -1045,7 +1045,7 @@ Hide codedrawOpen in CodeSandbox
|
|
|
1045
1045
|
}}
|
|
1046
1046
|
\>
|
|
1047
1047
|
<div
|
|
1048
|
-
className\="ids-styles--resizable-
|
|
1048
|
+
className\="ids-styles--resizable-v5206"
|
|
1049
1049
|
style\={{
|
|
1050
1050
|
display: 'grid',
|
|
1051
1051
|
gridAutoRows: '1fr',
|
|
@@ -867,7 +867,7 @@ Hide codedrawOpen in CodeSandbox
|
|
|
867
867
|
name\="IressInputDate-default"
|
|
868
868
|
render\={(controlledProps) \=> <IressInput {...controlledProps} />}
|
|
869
869
|
rules\={{
|
|
870
|
-
minDate: new Date('
|
|
870
|
+
minDate: new Date('2026-01-07T03:18:14.045Z')
|
|
871
871
|
}}
|
|
872
872
|
/>
|
|
873
873
|
<IressFormField
|
|
@@ -878,7 +878,7 @@ Hide codedrawOpen in CodeSandbox
|
|
|
878
878
|
rules\={{
|
|
879
879
|
minDate: {
|
|
880
880
|
message: 'Please enter a date after today!',
|
|
881
|
-
value: new Date('
|
|
881
|
+
value: new Date('2026-01-07T03:18:14.045Z')
|
|
882
882
|
}
|
|
883
883
|
}}
|
|
884
884
|
/>
|
|
@@ -1071,7 +1071,7 @@ Hide codedrawOpen in CodeSandbox
|
|
|
1071
1071
|
name\="IressInputDate-default"
|
|
1072
1072
|
render\={(controlledProps) \=> <IressInput {...controlledProps} />}
|
|
1073
1073
|
rules\={{
|
|
1074
|
-
maxDate: new Date('
|
|
1074
|
+
maxDate: new Date('2026-01-07T03:18:14.045Z')
|
|
1075
1075
|
}}
|
|
1076
1076
|
/>
|
|
1077
1077
|
<IressFormField
|
|
@@ -1082,7 +1082,7 @@ Hide codedrawOpen in CodeSandbox
|
|
|
1082
1082
|
rules\={{
|
|
1083
1083
|
maxDate: {
|
|
1084
1084
|
message: 'Please enter a date before today!',
|
|
1085
|
-
value: new Date('
|
|
1085
|
+
value: new Date('2026-01-07T03:18:14.045Z')
|
|
1086
1086
|
}
|
|
1087
1087
|
}}
|
|
1088
1088
|
/>
|
|
@@ -3323,6 +3323,7 @@ interface FieldValues {
|
|
|
3323
3323
|
}
|
|
3324
3324
|
export const HookFormExample \= () \=> {
|
|
3325
3325
|
const form \= useForm<FieldValues\>();
|
|
3326
|
+
// eslint-disable-next-line react-hooks/incompatible-library -- Known limitation: react-hook-form's watch() API cannot be memoized by React Compiler
|
|
3326
3327
|
const firstName \= form.watch('firstName');
|
|
3327
3328
|
const lastName \= form.watch('lastName');
|
|
3328
3329
|
return (
|
|
@@ -232,56 +232,13 @@ This text is visually hidden on xl screens only.
|
|
|
232
232
|
|
|
233
233
|
Hide codedrawOpen in CodeSandbox
|
|
234
234
|
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
<IressText\>
|
|
243
|
-
This text is visually hidden on xs screens and above. </IressText\>
|
|
244
|
-
</IressHide\>
|
|
245
|
-
<IressHide
|
|
246
|
-
hiddenOn\={{
|
|
247
|
-
md: true
|
|
248
|
-
}}
|
|
249
|
-
visuallyHidden
|
|
250
|
-
\>
|
|
251
|
-
<IressText mode\="success"\>
|
|
252
|
-
This text is visually hidden on md screens and above. </IressText\>
|
|
253
|
-
</IressHide\>
|
|
254
|
-
<IressHide
|
|
255
|
-
hiddenOn\={{
|
|
256
|
-
lg: false,
|
|
257
|
-
xs: true
|
|
258
|
-
}}
|
|
259
|
-
visuallyHidden
|
|
260
|
-
\>
|
|
261
|
-
<IressText mode\="danger"\>
|
|
262
|
-
This text is visually hidden on md screens and below. </IressText\>
|
|
263
|
-
</IressHide\>
|
|
264
|
-
<IressHide
|
|
265
|
-
hiddenOn\={{
|
|
266
|
-
sm: false,
|
|
267
|
-
xs: true
|
|
268
|
-
}}
|
|
269
|
-
visuallyHidden
|
|
270
|
-
\>
|
|
271
|
-
<IressText mode\="info"\>
|
|
272
|
-
This text is visually hidden on xs screens only. </IressText\>
|
|
273
|
-
</IressHide\>
|
|
274
|
-
<IressHide
|
|
275
|
-
hiddenOn\={{
|
|
276
|
-
xl: true,
|
|
277
|
-
xxl: false
|
|
278
|
-
}}
|
|
279
|
-
visuallyHidden
|
|
280
|
-
\>
|
|
281
|
-
<IressText mode\="muted"\>
|
|
282
|
-
This text is visually hidden on xl screens only. </IressText\>
|
|
283
|
-
</IressHide\>
|
|
284
|
-
</IressStack\>
|
|
235
|
+
{
|
|
236
|
+
...HiddenOn,
|
|
237
|
+
args: {
|
|
238
|
+
...HiddenOn.args,
|
|
239
|
+
visuallyHidden: true
|
|
240
|
+
}
|
|
241
|
+
}
|
|
285
242
|
|
|
286
243
|
```
|
|
287
244
|
|
|
@@ -1086,13 +1086,13 @@ Hide codedrawOpen in CodeSandbox
|
|
|
1086
1086
|
\>
|
|
1087
1087
|
Default width </IressText\>
|
|
1088
1088
|
<IressIcon
|
|
1089
|
-
className\="ids-styles--alt-background-
|
|
1089
|
+
className\="ids-styles--alt-background-v5206"
|
|
1090
1090
|
name\="space-shuttle"
|
|
1091
1091
|
size\="3x"
|
|
1092
1092
|
/>
|
|
1093
1093
|
<br />
|
|
1094
1094
|
<IressIcon
|
|
1095
|
-
className\="ids-styles--alt-background-
|
|
1095
|
+
className\="ids-styles--alt-background-v5206"
|
|
1096
1096
|
name\="wine-glass-alt"
|
|
1097
1097
|
size\="3x"
|
|
1098
1098
|
/>
|
|
@@ -1104,14 +1104,14 @@ Hide codedrawOpen in CodeSandbox
|
|
|
1104
1104
|
\>
|
|
1105
1105
|
Fixed width </IressText\>
|
|
1106
1106
|
<IressIcon
|
|
1107
|
-
className\="ids-styles--alt-background-
|
|
1107
|
+
className\="ids-styles--alt-background-v5206"
|
|
1108
1108
|
fixedWidth
|
|
1109
1109
|
name\="space-shuttle"
|
|
1110
1110
|
size\="3x"
|
|
1111
1111
|
/>
|
|
1112
1112
|
<br />
|
|
1113
1113
|
<IressIcon
|
|
1114
|
-
className\="ids-styles--alt-background-
|
|
1114
|
+
className\="ids-styles--alt-background-v5206"
|
|
1115
1115
|
fixedWidth
|
|
1116
1116
|
name\="wine-glass-alt"
|
|
1117
1117
|
size\="3x"
|