@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.
- package/generated/docs/components_components-alert-docs.md +22 -21
- 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 +95 -60
- package/generated/docs/components_components-form-recipes-docs.md +114 -13
- package/generated/docs/components_components-hide-docs.md +4 -4
- 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 +15 -8
- 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-colour-030-colours.md +32 -32
- 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 +106 -29
- package/generated/docs/components_sandbox-docs.md +4 -0
- package/generated/docs/guidelines.md +39 -39
- package/package.json +20 -20
|
@@ -12,14 +12,14 @@ Toaster provide users with important, time-sensitive information.
|
|
|
12
12
|
|
|
13
13
|
Show toast using provider
|
|
14
14
|
|
|
15
|
-
|
|
15
|
+
Hide codedrawOpen in CodeSandbox
|
|
16
16
|
|
|
17
17
|
import {
|
|
18
18
|
IressButton,
|
|
19
19
|
IressToasterProvider,
|
|
20
20
|
type IressToasterProviderProps,
|
|
21
21
|
useToaster,
|
|
22
|
-
} from '
|
|
22
|
+
} from '@/main';
|
|
23
23
|
const ToastWithTrigger \= () \=> {
|
|
24
24
|
const toaster \= useToaster();
|
|
25
25
|
return (
|
|
@@ -81,14 +81,14 @@ To use, wrap your `<App/>` or the component that you want to use the `useToaster
|
|
|
81
81
|
|
|
82
82
|
Show toast using provider
|
|
83
83
|
|
|
84
|
-
|
|
84
|
+
Hide codedrawOpen in CodeSandbox
|
|
85
85
|
|
|
86
86
|
import {
|
|
87
87
|
IressButton,
|
|
88
88
|
IressToasterProvider,
|
|
89
89
|
type IressToasterProviderProps,
|
|
90
90
|
useToaster,
|
|
91
|
-
} from '
|
|
91
|
+
} from '@/main';
|
|
92
92
|
const ToastWithTrigger \= () \=> {
|
|
93
93
|
const toaster \= useToaster();
|
|
94
94
|
return (
|
|
@@ -142,7 +142,7 @@ If you want to dismiss a toast programmatically, you can use the `close` method
|
|
|
142
142
|
|
|
143
143
|
Show toast using provider
|
|
144
144
|
|
|
145
|
-
|
|
145
|
+
Hide codedrawOpen in CodeSandbox
|
|
146
146
|
|
|
147
147
|
import {
|
|
148
148
|
IressButton,
|
|
@@ -150,7 +150,7 @@ import {
|
|
|
150
150
|
IressToasterProvider,
|
|
151
151
|
type IressToasterProviderProps,
|
|
152
152
|
useToaster,
|
|
153
|
-
} from '
|
|
153
|
+
} from '@/main';
|
|
154
154
|
import { useState } from 'react';
|
|
155
155
|
const ToastWithTrigger \= () \=> {
|
|
156
156
|
const toaster \= useToaster();
|
|
@@ -217,7 +217,7 @@ The toast offers three status that set a distinctive colour and icon. They can b
|
|
|
217
217
|
|
|
218
218
|
successerrorinfo
|
|
219
219
|
|
|
220
|
-
|
|
220
|
+
Hide codedrawOpen in CodeSandbox
|
|
221
221
|
|
|
222
222
|
import {
|
|
223
223
|
IressButton,
|
|
@@ -227,7 +227,7 @@ import {
|
|
|
227
227
|
IressToasterProvider,
|
|
228
228
|
TOAST\_STATUS,
|
|
229
229
|
useToaster,
|
|
230
|
-
} from '
|
|
230
|
+
} from '@/main';
|
|
231
231
|
const ToastWithTrigger \= ({ status }: Pick<IressToastProps, 'status'\>) \=> {
|
|
232
232
|
const toaster \= useToaster();
|
|
233
233
|
return (
|
|
@@ -284,14 +284,14 @@ Timeouts must be set in milliseconds; as an example, if you want a timeout of fi
|
|
|
284
284
|
|
|
285
285
|
1000ms timeout
|
|
286
286
|
|
|
287
|
-
|
|
287
|
+
Hide codedrawOpen in CodeSandbox
|
|
288
288
|
|
|
289
289
|
import {
|
|
290
290
|
IressButton,
|
|
291
291
|
IressToasterProvider,
|
|
292
292
|
type IressToasterProviderProps,
|
|
293
293
|
useToaster,
|
|
294
|
-
} from '
|
|
294
|
+
} from '@/main';
|
|
295
295
|
const ToastWithTrigger \= () \=> {
|
|
296
296
|
const toaster \= useToaster();
|
|
297
297
|
return (
|
|
@@ -350,7 +350,7 @@ Toaster positions
|
|
|
350
350
|
|
|
351
351
|
bottom-startbottom-centerbottom-end
|
|
352
352
|
|
|
353
|
-
|
|
353
|
+
Hide codedrawOpen in CodeSandbox
|
|
354
354
|
|
|
355
355
|
import {
|
|
356
356
|
IressButton,
|
|
@@ -363,7 +363,7 @@ import {
|
|
|
363
363
|
type IressToasterProviderProps,
|
|
364
364
|
type IressToastProps,
|
|
365
365
|
useToaster,
|
|
366
|
-
} from '
|
|
366
|
+
} from '@/main';
|
|
367
367
|
import { useState } from 'react';
|
|
368
368
|
const DEFAULT\_TOAST: IressToastProps \= {
|
|
369
369
|
children: 'Message sent successfully',
|
|
@@ -15,7 +15,7 @@ Error
|
|
|
15
15
|
|
|
16
16
|
Connection failure. Longer text description should wrap and look like this. Try to limit to 3 lines or less.
|
|
17
17
|
|
|
18
|
-
|
|
18
|
+
Hide codedrawOpen in CodeSandbox
|
|
19
19
|
|
|
20
20
|
<IressToast
|
|
21
21
|
heading\="Error"
|
|
@@ -38,7 +38,7 @@ ReactReactNode
|
|
|
38
38
|
|
|
39
39
|
|
|
40
40
|
|
|
41
|
-
| \- |
|
|
41
|
+
| \- | actionsChoose option...noneWith Action Button |
|
|
42
42
|
| children |
|
|
43
43
|
|
|
44
44
|
The toast message.
|
|
@@ -58,7 +58,7 @@ The content of the toast message.
|
|
|
58
58
|
|
|
59
59
|
string
|
|
60
60
|
|
|
61
|
-
<table class="css-
|
|
61
|
+
<table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: use children instead.</td></tr></tbody></table>
|
|
62
62
|
|
|
63
63
|
| \- | Set string |
|
|
64
64
|
| dismissible |
|
|
@@ -78,14 +78,14 @@ ReactReactNode
|
|
|
78
78
|
|
|
79
79
|
|
|
80
80
|
|
|
81
|
-
| \- |
|
|
81
|
+
| \- | headingChoose option...noneWith h2 tagWith Custom Heading |
|
|
82
82
|
| headingLevel |
|
|
83
83
|
|
|
84
84
|
Heading level for the Toast heading. Will be ignored if headingText is not supplied.
|
|
85
85
|
|
|
86
86
|
HeadingLevel
|
|
87
87
|
|
|
88
|
-
<table class="css-
|
|
88
|
+
<table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
|
|
89
89
|
|
|
90
90
|
| \- | Set object |
|
|
91
91
|
| headingText |
|
|
@@ -94,7 +94,7 @@ Text for Toast heading. If not supplied, heading will not be displayed.
|
|
|
94
94
|
|
|
95
95
|
string
|
|
96
96
|
|
|
97
|
-
<table class="css-
|
|
97
|
+
<table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
|
|
98
98
|
|
|
99
99
|
| \- | Set string |
|
|
100
100
|
| onClose |
|
|
@@ -149,7 +149,7 @@ Info
|
|
|
149
149
|
|
|
150
150
|
Ideal for conveying updates or notifications that do not require immediate action, as well as gently inform users about events or changes within an application or interface.
|
|
151
151
|
|
|
152
|
-
|
|
152
|
+
Hide codedrawOpen in CodeSandbox
|
|
153
153
|
|
|
154
154
|
<IressStack gutter\="lg"\>
|
|
155
155
|
<IressToast
|
|
@@ -182,7 +182,7 @@ ReactReactNode
|
|
|
182
182
|
|
|
183
183
|
|
|
184
184
|
|
|
185
|
-
| \- |
|
|
185
|
+
| \- | actionsChoose option...noneWith Action Button |
|
|
186
186
|
| children |
|
|
187
187
|
|
|
188
188
|
The toast message.
|
|
@@ -202,7 +202,7 @@ The content of the toast message.
|
|
|
202
202
|
|
|
203
203
|
string
|
|
204
204
|
|
|
205
|
-
<table class="css-
|
|
205
|
+
<table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: use children instead.</td></tr></tbody></table>
|
|
206
206
|
|
|
207
207
|
| \- | Set string |
|
|
208
208
|
| dismissible |
|
|
@@ -222,14 +222,14 @@ ReactReactNode
|
|
|
222
222
|
|
|
223
223
|
|
|
224
224
|
|
|
225
|
-
| \- |
|
|
225
|
+
| \- | headingChoose option...noneWith h2 tagWith Custom Heading |
|
|
226
226
|
| headingLevel |
|
|
227
227
|
|
|
228
228
|
Heading level for the Toast heading. Will be ignored if headingText is not supplied.
|
|
229
229
|
|
|
230
230
|
HeadingLevel
|
|
231
231
|
|
|
232
|
-
<table class="css-
|
|
232
|
+
<table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
|
|
233
233
|
|
|
234
234
|
| \- | Set object |
|
|
235
235
|
| headingText |
|
|
@@ -238,7 +238,7 @@ Text for Toast heading. If not supplied, heading will not be displayed.
|
|
|
238
238
|
|
|
239
239
|
string
|
|
240
240
|
|
|
241
|
-
<table class="css-
|
|
241
|
+
<table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
|
|
242
242
|
|
|
243
243
|
| \- | Set string |
|
|
244
244
|
| onClose |
|
|
@@ -278,7 +278,7 @@ Toast with a h2 tag
|
|
|
278
278
|
|
|
279
279
|
Connection failure. Longer text description should wrap and look like this. Try to limit to 3 lines or less.
|
|
280
280
|
|
|
281
|
-
|
|
281
|
+
Hide codedrawOpen in CodeSandbox
|
|
282
282
|
|
|
283
283
|
<IressToast
|
|
284
284
|
heading\={<h2\>Toast with a h2 tag</h2\>}
|
|
@@ -300,7 +300,7 @@ ReactReactNode
|
|
|
300
300
|
|
|
301
301
|
|
|
302
302
|
|
|
303
|
-
| \- |
|
|
303
|
+
| \- | actionsChoose option...noneWith Action Button |
|
|
304
304
|
| children |
|
|
305
305
|
|
|
306
306
|
The toast message.
|
|
@@ -320,7 +320,7 @@ The content of the toast message.
|
|
|
320
320
|
|
|
321
321
|
string
|
|
322
322
|
|
|
323
|
-
<table class="css-
|
|
323
|
+
<table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: use children instead.</td></tr></tbody></table>
|
|
324
324
|
|
|
325
325
|
| \- | Set string |
|
|
326
326
|
| dismissible |
|
|
@@ -340,14 +340,14 @@ ReactReactNode
|
|
|
340
340
|
|
|
341
341
|
|
|
342
342
|
|
|
343
|
-
| \- |
|
|
343
|
+
| \- | headingChoose option...noneWith h2 tagWith Custom Heading |
|
|
344
344
|
| headingLevel |
|
|
345
345
|
|
|
346
346
|
Heading level for the Toast heading. Will be ignored if headingText is not supplied.
|
|
347
347
|
|
|
348
348
|
HeadingLevel
|
|
349
349
|
|
|
350
|
-
<table class="css-
|
|
350
|
+
<table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
|
|
351
351
|
|
|
352
352
|
| \- | Set object |
|
|
353
353
|
| headingText |
|
|
@@ -356,7 +356,7 @@ Text for Toast heading. If not supplied, heading will not be displayed.
|
|
|
356
356
|
|
|
357
357
|
string
|
|
358
358
|
|
|
359
|
-
<table class="css-
|
|
359
|
+
<table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
|
|
360
360
|
|
|
361
361
|
| \- | Set string |
|
|
362
362
|
| onClose |
|
|
@@ -400,7 +400,7 @@ Connection failure. Longer text description should wrap and look like this. Try
|
|
|
400
400
|
|
|
401
401
|
Try Again
|
|
402
402
|
|
|
403
|
-
|
|
403
|
+
Hide codedrawOpen in CodeSandbox
|
|
404
404
|
|
|
405
405
|
<IressToast
|
|
406
406
|
actions\={<IressButton key\="test" mode\="danger"\>Try Again</IressButton\>}
|
|
@@ -423,7 +423,7 @@ ReactReactNode
|
|
|
423
423
|
|
|
424
424
|
|
|
425
425
|
|
|
426
|
-
| \- |
|
|
426
|
+
| \- | actionsChoose option...noneWith Action Button |
|
|
427
427
|
| children |
|
|
428
428
|
|
|
429
429
|
The toast message.
|
|
@@ -443,7 +443,7 @@ The content of the toast message.
|
|
|
443
443
|
|
|
444
444
|
string
|
|
445
445
|
|
|
446
|
-
<table class="css-
|
|
446
|
+
<table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: use children instead.</td></tr></tbody></table>
|
|
447
447
|
|
|
448
448
|
| \- | Set string |
|
|
449
449
|
| dismissible |
|
|
@@ -463,14 +463,14 @@ ReactReactNode
|
|
|
463
463
|
|
|
464
464
|
|
|
465
465
|
|
|
466
|
-
| \- |
|
|
466
|
+
| \- | headingChoose option...noneWith h2 tagWith Custom Heading |
|
|
467
467
|
| headingLevel |
|
|
468
468
|
|
|
469
469
|
Heading level for the Toast heading. Will be ignored if headingText is not supplied.
|
|
470
470
|
|
|
471
471
|
HeadingLevel
|
|
472
472
|
|
|
473
|
-
<table class="css-
|
|
473
|
+
<table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
|
|
474
474
|
|
|
475
475
|
| \- | Set object |
|
|
476
476
|
| headingText |
|
|
@@ -479,7 +479,7 @@ Text for Toast heading. If not supplied, heading will not be displayed.
|
|
|
479
479
|
|
|
480
480
|
string
|
|
481
481
|
|
|
482
|
-
<table class="css-
|
|
482
|
+
<table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
|
|
483
483
|
|
|
484
484
|
| \- | Set string |
|
|
485
485
|
| onClose |
|
|
@@ -523,7 +523,7 @@ Information
|
|
|
523
523
|
|
|
524
524
|
Information toast with dismiss button
|
|
525
525
|
|
|
526
|
-
|
|
526
|
+
Hide codedrawOpen in CodeSandbox
|
|
527
527
|
|
|
528
528
|
<IressToast
|
|
529
529
|
dismissible
|
|
@@ -546,7 +546,7 @@ ReactReactNode
|
|
|
546
546
|
|
|
547
547
|
|
|
548
548
|
|
|
549
|
-
| \- |
|
|
549
|
+
| \- | actionsChoose option...noneWith Action Button |
|
|
550
550
|
| children |
|
|
551
551
|
|
|
552
552
|
The toast message.
|
|
@@ -566,7 +566,7 @@ The content of the toast message.
|
|
|
566
566
|
|
|
567
567
|
string
|
|
568
568
|
|
|
569
|
-
<table class="css-
|
|
569
|
+
<table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: use children instead.</td></tr></tbody></table>
|
|
570
570
|
|
|
571
571
|
| \- | Set string |
|
|
572
572
|
| dismissible |
|
|
@@ -586,14 +586,14 @@ ReactReactNode
|
|
|
586
586
|
|
|
587
587
|
|
|
588
588
|
|
|
589
|
-
| \- |
|
|
589
|
+
| \- | headingChoose option...noneWith h2 tagWith Custom Heading |
|
|
590
590
|
| headingLevel |
|
|
591
591
|
|
|
592
592
|
Heading level for the Toast heading. Will be ignored if headingText is not supplied.
|
|
593
593
|
|
|
594
594
|
HeadingLevel
|
|
595
595
|
|
|
596
|
-
<table class="css-
|
|
596
|
+
<table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
|
|
597
597
|
|
|
598
598
|
| \- | Set object |
|
|
599
599
|
| headingText |
|
|
@@ -602,7 +602,7 @@ Text for Toast heading. If not supplied, heading will not be displayed.
|
|
|
602
602
|
|
|
603
603
|
string
|
|
604
604
|
|
|
605
|
-
<table class="css-
|
|
605
|
+
<table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `heading` instead.</td></tr></tbody></table>
|
|
606
606
|
|
|
607
607
|
| \- | Set string |
|
|
608
608
|
| onClose |
|
|
@@ -10,7 +10,7 @@ Toggles allow users to turn things on or off. When toggled, the associated chang
|
|
|
10
10
|
|
|
11
11
|
Toggle
|
|
12
12
|
|
|
13
|
-
|
|
13
|
+
Hide codedrawOpen in CodeSandbox
|
|
14
14
|
|
|
15
15
|
<IressToggle
|
|
16
16
|
layout\="inline"
|
|
@@ -104,7 +104,7 @@ Toggles should always have a label, which is set via its `children`.
|
|
|
104
104
|
|
|
105
105
|
Toggle
|
|
106
106
|
|
|
107
|
-
|
|
107
|
+
Hide codedrawOpen in CodeSandbox
|
|
108
108
|
|
|
109
109
|
<IressToggle
|
|
110
110
|
layout\="inline"
|
|
@@ -185,7 +185,7 @@ Labels can be hidden via the `hiddenLabel` prop; this will hide the label from v
|
|
|
185
185
|
|
|
186
186
|
Toggle
|
|
187
187
|
|
|
188
|
-
|
|
188
|
+
Hide codedrawOpen in CodeSandbox
|
|
189
189
|
|
|
190
190
|
<IressToggle
|
|
191
191
|
hiddenLabel
|
|
@@ -267,7 +267,7 @@ The on / off state of the toggle can be controlled by setting the `checked` prop
|
|
|
267
267
|
|
|
268
268
|
Toggle
|
|
269
269
|
|
|
270
|
-
|
|
270
|
+
Hide codedrawOpen in CodeSandbox
|
|
271
271
|
|
|
272
272
|
<IressToggle
|
|
273
273
|
checked
|
|
@@ -359,7 +359,7 @@ Toggle
|
|
|
359
359
|
|
|
360
360
|
Toggle
|
|
361
361
|
|
|
362
|
-
|
|
362
|
+
Hide codedrawOpen in CodeSandbox
|
|
363
363
|
|
|
364
364
|
<IressRow gutter\="lg"\>
|
|
365
365
|
<IressCol span\="12"\>
|
|
@@ -10,7 +10,7 @@ A component that shows concise, informative text about an element when focussed
|
|
|
10
10
|
|
|
11
11
|
Hover me
|
|
12
12
|
|
|
13
|
-
|
|
13
|
+
Hide codedrawOpen in CodeSandbox
|
|
14
14
|
|
|
15
15
|
<IressTooltip tooltipText\="Hello! This is a really long tooltip to try and see if it goes behind the scrollbar"\>
|
|
16
16
|
<IressButton\>
|
|
@@ -100,7 +100,7 @@ Single line
|
|
|
100
100
|
|
|
101
101
|
Multi line
|
|
102
102
|
|
|
103
|
-
|
|
103
|
+
Hide codedrawOpen in CodeSandbox
|
|
104
104
|
|
|
105
105
|
<div
|
|
106
106
|
style\={{
|
|
@@ -248,7 +248,7 @@ Bottom
|
|
|
248
248
|
|
|
249
249
|
Bottom End
|
|
250
250
|
|
|
251
|
-
|
|
251
|
+
Hide codedrawOpen in CodeSandbox
|
|
252
252
|
|
|
253
253
|
<div
|
|
254
254
|
style\={{
|
|
@@ -450,7 +450,7 @@ The `delay` prop requires a number that is the number of milliseconds that pass
|
|
|
450
450
|
|
|
451
451
|
2000ms
|
|
452
452
|
|
|
453
|
-
|
|
453
|
+
Hide codedrawOpen in CodeSandbox
|
|
454
454
|
|
|
455
455
|
<div
|
|
456
456
|
style\={{
|
|
@@ -12,7 +12,7 @@ Error:
|
|
|
12
12
|
|
|
13
13
|
Validation message
|
|
14
14
|
|
|
15
|
-
|
|
15
|
+
Hide codedrawOpen in CodeSandbox
|
|
16
16
|
|
|
17
17
|
<IressValidationMessage\>
|
|
18
18
|
Validation message
|
|
@@ -63,7 +63,7 @@ Warning:
|
|
|
63
63
|
|
|
64
64
|
Something could go wrong.
|
|
65
65
|
|
|
66
|
-
|
|
66
|
+
Hide codedrawOpen in CodeSandbox
|
|
67
67
|
|
|
68
68
|
<IressStack\>
|
|
69
69
|
<IressValidationMessage status\="danger"\>
|
|
@@ -121,7 +121,7 @@ Prefix:
|
|
|
121
121
|
|
|
122
122
|
Something could go wrong.
|
|
123
123
|
|
|
124
|
-
|
|
124
|
+
Hide codedrawOpen in CodeSandbox
|
|
125
125
|
|
|
126
126
|
<IressStack\>
|
|
127
127
|
<IressValidationMessage
|
|
@@ -220,7 +220,7 @@ Something could go wrong.
|
|
|
220
220
|
|
|
221
221
|
* * *
|
|
222
222
|
|
|
223
|
-
|
|
223
|
+
Hide codedrawOpen in CodeSandbox
|
|
224
224
|
|
|
225
225
|
<IressStack gutter\="md"\>
|
|
226
226
|
<IressStack\>
|
|
@@ -303,7 +303,7 @@ Messages can be passed programmatically as a `ValidationMessageObj[]` using the
|
|
|
303
303
|
Something went right.
|
|
304
304
|
|
|
305
305
|
|
|
306
|
-
|
|
306
|
+
Hide codedrawOpen in CodeSandbox
|
|
307
307
|
|
|
308
308
|
<IressValidationSummary
|
|
309
309
|
messages\={\[
|
|
@@ -348,7 +348,7 @@ ValidationMessageObj\[\]
|
|
|
348
348
|
|
|
349
349
|
| \[\] |
|
|
350
350
|
|
|
351
|
-
|
|
351
|
+
Edit JSON
|
|
352
352
|
|
|
353
353
|
* messages :
|
|
354
354
|
|
|
@@ -16,27 +16,27 @@ Used for the default panel background.
|
|
|
16
16
|
|
|
17
17
|
#### Allowed foregrounds
|
|
18
18
|
|
|
19
|
-
* \--iress-g-text-color
|
|
19
|
+
* \--iress-g-text-color (#344055)
|
|
20
20
|
|
|
21
21
|
9.7 AAA
|
|
22
22
|
|
|
23
|
-
* \--iress-g-muted-text-color
|
|
23
|
+
* \--iress-g-muted-text-color (#566781)
|
|
24
24
|
|
|
25
25
|
5.4 AA
|
|
26
26
|
|
|
27
|
-
* \--iress-g-info-color
|
|
27
|
+
* \--iress-g-info-color (#265CD9)
|
|
28
28
|
|
|
29
29
|
5.4 AA
|
|
30
30
|
|
|
31
|
-
* \--iress-g-success-color
|
|
31
|
+
* \--iress-g-success-color (#007544)
|
|
32
32
|
|
|
33
33
|
5.4 AA
|
|
34
34
|
|
|
35
|
-
* \--iress-g-warning-color
|
|
35
|
+
* \--iress-g-warning-color (#805E00)
|
|
36
36
|
|
|
37
37
|
5.6 AA
|
|
38
38
|
|
|
39
|
-
* \--iress-g-danger-color
|
|
39
|
+
* \--iress-g-danger-color (#CB1306)
|
|
40
40
|
|
|
41
41
|
5.4 AA
|
|
42
42
|
|
|
@@ -49,27 +49,27 @@ The background colour of the page.
|
|
|
49
49
|
|
|
50
50
|
#### Allowed foregrounds
|
|
51
51
|
|
|
52
|
-
* \--iress-g-text-color
|
|
52
|
+
* \--iress-g-text-color (#344055)
|
|
53
53
|
|
|
54
54
|
10.4 AAA
|
|
55
55
|
|
|
56
|
-
* \--iress-g-muted-text-color
|
|
56
|
+
* \--iress-g-muted-text-color (#566781)
|
|
57
57
|
|
|
58
58
|
5.7 AA
|
|
59
59
|
|
|
60
|
-
* \--iress-g-info-color
|
|
60
|
+
* \--iress-g-info-color (#265CD9)
|
|
61
61
|
|
|
62
62
|
5.8 AA
|
|
63
63
|
|
|
64
|
-
* \--iress-g-success-color
|
|
64
|
+
* \--iress-g-success-color (#007544)
|
|
65
65
|
|
|
66
66
|
5.8 AA
|
|
67
67
|
|
|
68
|
-
* \--iress-g-warning-color
|
|
68
|
+
* \--iress-g-warning-color (#805E00)
|
|
69
69
|
|
|
70
70
|
6.0 AA
|
|
71
71
|
|
|
72
|
-
* \--iress-g-danger-color
|
|
72
|
+
* \--iress-g-danger-color (#CB1306)
|
|
73
73
|
|
|
74
74
|
5.8 AA
|
|
75
75
|
|
|
@@ -82,27 +82,27 @@ Used for the alt panel background.
|
|
|
82
82
|
|
|
83
83
|
#### Allowed foregrounds
|
|
84
84
|
|
|
85
|
-
* \--iress-g-text-color
|
|
85
|
+
* \--iress-g-text-color (#344055)
|
|
86
86
|
|
|
87
87
|
8.2 AAA
|
|
88
88
|
|
|
89
|
-
* \--iress-g-muted-text-color
|
|
89
|
+
* \--iress-g-muted-text-color (#566781)
|
|
90
90
|
|
|
91
91
|
4.5 AA
|
|
92
92
|
|
|
93
|
-
* \--iress-g-info-color
|
|
93
|
+
* \--iress-g-info-color (#265CD9)
|
|
94
94
|
|
|
95
95
|
4.6 AA
|
|
96
96
|
|
|
97
|
-
* \--iress-g-success-color
|
|
97
|
+
* \--iress-g-success-color (#007544)
|
|
98
98
|
|
|
99
99
|
4.5 AA
|
|
100
100
|
|
|
101
|
-
* \--iress-g-warning-color
|
|
101
|
+
* \--iress-g-warning-color (#805E00)
|
|
102
102
|
|
|
103
103
|
4.7 AA
|
|
104
104
|
|
|
105
|
-
* \--iress-g-danger-color
|
|
105
|
+
* \--iress-g-danger-color (#CB1306)
|
|
106
106
|
|
|
107
107
|
4.5 AA
|
|
108
108
|
|
|
@@ -115,27 +115,27 @@ Used for the hover and active state of elements such as tables, button groups, e
|
|
|
115
115
|
|
|
116
116
|
#### Allowed foregrounds
|
|
117
117
|
|
|
118
|
-
* \--iress-g-text-color
|
|
118
|
+
* \--iress-g-text-color (#344055)
|
|
119
119
|
|
|
120
120
|
9.3 AAA
|
|
121
121
|
|
|
122
|
-
* \--iress-g-muted-text-color
|
|
122
|
+
* \--iress-g-muted-text-color (#566781)
|
|
123
123
|
|
|
124
124
|
5.1 AA
|
|
125
125
|
|
|
126
|
-
* \--iress-g-info-color
|
|
126
|
+
* \--iress-g-info-color (#265CD9)
|
|
127
127
|
|
|
128
128
|
5.2 AA
|
|
129
129
|
|
|
130
|
-
* \--iress-g-success-color
|
|
130
|
+
* \--iress-g-success-color (#007544)
|
|
131
131
|
|
|
132
132
|
5.1 AA
|
|
133
133
|
|
|
134
|
-
* \--iress-g-warning-color
|
|
134
|
+
* \--iress-g-warning-color (#805E00)
|
|
135
135
|
|
|
136
136
|
5.3 AA
|
|
137
137
|
|
|
138
|
-
* \--iress-g-danger-color
|
|
138
|
+
* \--iress-g-danger-color (#CB1306)
|
|
139
139
|
|
|
140
140
|
5.1 AA
|
|
141
141
|
|
|
@@ -151,7 +151,7 @@ Used for the background colour of primary buttons, and to highlight other intera
|
|
|
151
151
|
|
|
152
152
|
#### Allowed foregrounds
|
|
153
153
|
|
|
154
|
-
* \--iress-g-primary-contrast-color
|
|
154
|
+
* \--iress-g-primary-contrast-color (#FFF)
|
|
155
155
|
|
|
156
156
|
10.7 AAA
|
|
157
157
|
|
|
@@ -164,7 +164,7 @@ Used for the hover state of primary buttons.
|
|
|
164
164
|
|
|
165
165
|
#### Allowed foregrounds
|
|
166
166
|
|
|
167
|
-
* \--iress-g-primary-contrast-color
|
|
167
|
+
* \--iress-g-primary-contrast-color (#FFF)
|
|
168
168
|
|
|
169
169
|
15.5 AAA
|
|
170
170
|
|
|
@@ -180,7 +180,7 @@ Used to indicate an element that provides information, usually an element withou
|
|
|
180
180
|
|
|
181
181
|
#### Allowed foregrounds
|
|
182
182
|
|
|
183
|
-
* \--iress-g-info-contrast-color
|
|
183
|
+
* \--iress-g-info-contrast-color (#FFF)
|
|
184
184
|
|
|
185
185
|
5.8 AA
|
|
186
186
|
|
|
@@ -193,7 +193,7 @@ Used to indicate an error that requires the user's attention and action. Used in
|
|
|
193
193
|
|
|
194
194
|
#### Allowed foregrounds
|
|
195
195
|
|
|
196
|
-
* \--iress-g-danger-contrast-color
|
|
196
|
+
* \--iress-g-danger-contrast-color (#FFF)
|
|
197
197
|
|
|
198
198
|
5.8 AA
|
|
199
199
|
|
|
@@ -206,7 +206,7 @@ Used to indicate an action/information that may have consequences. Used in alert
|
|
|
206
206
|
|
|
207
207
|
#### Allowed foregrounds
|
|
208
208
|
|
|
209
|
-
* \--iress-g-warning-contrast-color
|
|
209
|
+
* \--iress-g-warning-contrast-color (#FFF)
|
|
210
210
|
|
|
211
211
|
6.0 AA
|
|
212
212
|
|
|
@@ -219,7 +219,7 @@ Used to indicate a successful action. Used in alerts and badges.
|
|
|
219
219
|
|
|
220
220
|
#### Allowed foregrounds
|
|
221
221
|
|
|
222
|
-
* \--iress-g-success-contrast-color
|
|
222
|
+
* \--iress-g-success-contrast-color (#FFF)
|
|
223
223
|
|
|
224
224
|
5.8 AA
|
|
225
225
|
|
|
@@ -232,7 +232,7 @@ Used to indicate an element that is below a threshold or limit. Usually used for
|
|
|
232
232
|
|
|
233
233
|
#### Allowed foregrounds
|
|
234
234
|
|
|
235
|
-
* \--iress-g-negative-contrast-color
|
|
235
|
+
* \--iress-g-negative-contrast-color (#FFF)
|
|
236
236
|
|
|
237
237
|
5.8 AA
|
|
238
238
|
|
|
@@ -245,6 +245,6 @@ Used to indicate an element that is above a threshold or limit. Usually used for
|
|
|
245
245
|
|
|
246
246
|
#### Allowed foregrounds
|
|
247
247
|
|
|
248
|
-
* \--iress-g-positive-contrast-color
|
|
248
|
+
* \--iress-g-positive-contrast-color (#FFF)
|
|
249
249
|
|
|
250
250
|
5.5 AA
|