@iress-oss/ids-mcp-server 0.0.1-dev.3 → 0.0.1-dev.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-autocomplete-docs.md +4 -4
- package/generated/docs/components-checkboxgroup-docs.md +17 -17
- package/generated/docs/components-col-docs.md +1 -1
- package/generated/docs/components-combobox-docs.md +4 -4
- package/generated/docs/components-filter-docs.md +4 -4
- package/generated/docs/components-form-docs.md +4 -4
- package/generated/docs/components-form-recipes-docs.md +4 -10
- package/generated/docs/components-icon-docs.md +4 -4
- package/generated/docs/components-provider-docs.md +105 -0
- package/generated/docs/components-radiogroup-docs.md +21 -21
- package/generated/docs/components-row-docs.md +4 -4
- package/generated/docs/components-skiplink-docs.md +1 -1
- package/generated/docs/components-table-ag-grid-docs.md +100 -100
- package/generated/docs/components-table-docs.md +6 -6
- package/generated/docs/components-toaster-docs.md +51 -0
- package/generated/docs/extensions-editor-docs.md +4 -4
- package/generated/docs/get-started-develop-docs.md +177 -16
- package/generated/docs/introduction-docs.md +1 -1
- package/generated/docs/themes-available-themes-docs.md +29 -29
- package/package.json +3 -13
- package/dist/componentHandlers.js +0 -241
- package/dist/componentHandlers.test.js +0 -380
- package/dist/config.js +0 -16
- package/dist/index.js +0 -53
- package/dist/iressHandlers.js +0 -144
- package/dist/iressHandlers.test.js +0 -316
- package/dist/resourceHandlers.js +0 -67
- package/dist/resourceHandlers.test.js +0 -352
- package/dist/searchHandlers.js +0 -287
- package/dist/searchHandlers.test.js +0 -524
- package/dist/toolHandler.js +0 -31
- package/dist/toolHandler.test.js +0 -369
- package/dist/tools.js +0 -165
- package/dist/types.js +0 -4
- package/dist/utils.js +0 -59
- package/dist/utils.test.js +0 -286
|
@@ -29,7 +29,7 @@ Hide code
|
|
|
29
29
|
}
|
|
30
30
|
\]}
|
|
31
31
|
popoverProps\={{
|
|
32
|
-
container:
|
|
32
|
+
container: {}
|
|
33
33
|
}}
|
|
34
34
|
/>
|
|
35
35
|
|
|
@@ -72,7 +72,7 @@ Hide code
|
|
|
72
72
|
}
|
|
73
73
|
\]}
|
|
74
74
|
popoverProps\={{
|
|
75
|
-
container:
|
|
75
|
+
container: document.body
|
|
76
76
|
}}
|
|
77
77
|
/>
|
|
78
78
|
|
|
@@ -241,7 +241,7 @@ Hide code
|
|
|
241
241
|
}
|
|
242
242
|
\]}
|
|
243
243
|
popoverProps\={{
|
|
244
|
-
container:
|
|
244
|
+
container: {}
|
|
245
245
|
}}
|
|
246
246
|
/>
|
|
247
247
|
|
|
@@ -377,7 +377,7 @@ Hide code
|
|
|
377
377
|
\]}
|
|
378
378
|
placeholder\="Type "no" to see the no results text"
|
|
379
379
|
popoverProps\={{
|
|
380
|
-
container:
|
|
380
|
+
container: document.body
|
|
381
381
|
}}
|
|
382
382
|
/>
|
|
383
383
|
|
|
@@ -197,22 +197,22 @@ Hide code
|
|
|
197
197
|
stack </h3\>
|
|
198
198
|
<IressCheckboxGroup layout\="stack"\>
|
|
199
199
|
<IressCheckbox
|
|
200
|
-
className\="ids-styles--add-border-to-label-
|
|
200
|
+
className\="ids-styles--add-border-to-label-v5150"
|
|
201
201
|
value\="google"
|
|
202
202
|
\>
|
|
203
203
|
Google </IressCheckbox\>
|
|
204
204
|
<IressCheckbox
|
|
205
|
-
className\="ids-styles--add-border-to-label-
|
|
205
|
+
className\="ids-styles--add-border-to-label-v5150"
|
|
206
206
|
value\="newspaper"
|
|
207
207
|
\>
|
|
208
208
|
Newspaper </IressCheckbox\>
|
|
209
209
|
<IressCheckbox
|
|
210
|
-
className\="ids-styles--add-border-to-label-
|
|
210
|
+
className\="ids-styles--add-border-to-label-v5150"
|
|
211
211
|
value\="friend"
|
|
212
212
|
\>
|
|
213
213
|
Friend </IressCheckbox\>
|
|
214
214
|
<IressCheckbox
|
|
215
|
-
className\="ids-styles--add-border-to-label-
|
|
215
|
+
className\="ids-styles--add-border-to-label-v5150"
|
|
216
216
|
value\="other"
|
|
217
217
|
\>
|
|
218
218
|
Other </IressCheckbox\>
|
|
@@ -223,22 +223,22 @@ Hide code
|
|
|
223
223
|
block </h3\>
|
|
224
224
|
<IressCheckboxGroup layout\="block"\>
|
|
225
225
|
<IressCheckbox
|
|
226
|
-
className\="ids-styles--add-border-to-label-
|
|
226
|
+
className\="ids-styles--add-border-to-label-v5150"
|
|
227
227
|
value\="google"
|
|
228
228
|
\>
|
|
229
229
|
Google </IressCheckbox\>
|
|
230
230
|
<IressCheckbox
|
|
231
|
-
className\="ids-styles--add-border-to-label-
|
|
231
|
+
className\="ids-styles--add-border-to-label-v5150"
|
|
232
232
|
value\="newspaper"
|
|
233
233
|
\>
|
|
234
234
|
Newspaper </IressCheckbox\>
|
|
235
235
|
<IressCheckbox
|
|
236
|
-
className\="ids-styles--add-border-to-label-
|
|
236
|
+
className\="ids-styles--add-border-to-label-v5150"
|
|
237
237
|
value\="friend"
|
|
238
238
|
\>
|
|
239
239
|
Friend </IressCheckbox\>
|
|
240
240
|
<IressCheckbox
|
|
241
|
-
className\="ids-styles--add-border-to-label-
|
|
241
|
+
className\="ids-styles--add-border-to-label-v5150"
|
|
242
242
|
value\="other"
|
|
243
243
|
\>
|
|
244
244
|
Other </IressCheckbox\>
|
|
@@ -249,22 +249,22 @@ Hide code
|
|
|
249
249
|
inline </h3\>
|
|
250
250
|
<IressCheckboxGroup layout\="inline"\>
|
|
251
251
|
<IressCheckbox
|
|
252
|
-
className\="ids-styles--add-border-to-label-
|
|
252
|
+
className\="ids-styles--add-border-to-label-v5150"
|
|
253
253
|
value\="google"
|
|
254
254
|
\>
|
|
255
255
|
Google </IressCheckbox\>
|
|
256
256
|
<IressCheckbox
|
|
257
|
-
className\="ids-styles--add-border-to-label-
|
|
257
|
+
className\="ids-styles--add-border-to-label-v5150"
|
|
258
258
|
value\="newspaper"
|
|
259
259
|
\>
|
|
260
260
|
Newspaper </IressCheckbox\>
|
|
261
261
|
<IressCheckbox
|
|
262
|
-
className\="ids-styles--add-border-to-label-
|
|
262
|
+
className\="ids-styles--add-border-to-label-v5150"
|
|
263
263
|
value\="friend"
|
|
264
264
|
\>
|
|
265
265
|
Friend </IressCheckbox\>
|
|
266
266
|
<IressCheckbox
|
|
267
|
-
className\="ids-styles--add-border-to-label-
|
|
267
|
+
className\="ids-styles--add-border-to-label-v5150"
|
|
268
268
|
value\="other"
|
|
269
269
|
\>
|
|
270
270
|
Other </IressCheckbox\>
|
|
@@ -275,22 +275,22 @@ Hide code
|
|
|
275
275
|
full </h3\>
|
|
276
276
|
<IressCheckboxGroup layout\="full"\>
|
|
277
277
|
<IressCheckbox
|
|
278
|
-
className\="ids-styles--add-border-to-label-
|
|
278
|
+
className\="ids-styles--add-border-to-label-v5150"
|
|
279
279
|
value\="google"
|
|
280
280
|
\>
|
|
281
281
|
Google </IressCheckbox\>
|
|
282
282
|
<IressCheckbox
|
|
283
|
-
className\="ids-styles--add-border-to-label-
|
|
283
|
+
className\="ids-styles--add-border-to-label-v5150"
|
|
284
284
|
value\="newspaper"
|
|
285
285
|
\>
|
|
286
286
|
Newspaper </IressCheckbox\>
|
|
287
287
|
<IressCheckbox
|
|
288
|
-
className\="ids-styles--add-border-to-label-
|
|
288
|
+
className\="ids-styles--add-border-to-label-v5150"
|
|
289
289
|
value\="friend"
|
|
290
290
|
\>
|
|
291
291
|
Friend </IressCheckbox\>
|
|
292
292
|
<IressCheckbox
|
|
293
|
-
className\="ids-styles--add-border-to-label-
|
|
293
|
+
className\="ids-styles--add-border-to-label-v5150"
|
|
294
294
|
value\="other"
|
|
295
295
|
\>
|
|
296
296
|
Other </IressCheckbox\>
|
|
@@ -445,7 +445,7 @@ Hide code
|
|
|
445
445
|
}}
|
|
446
446
|
\>
|
|
447
447
|
<div
|
|
448
|
-
className\="ids-styles--resizable-
|
|
448
|
+
className\="ids-styles--resizable-v5150"
|
|
449
449
|
style\={{
|
|
450
450
|
display: 'grid',
|
|
451
451
|
gridAutoRows: '1fr',
|
|
@@ -44,7 +44,7 @@ Hide code
|
|
|
44
44
|
}
|
|
45
45
|
\]}
|
|
46
46
|
popoverProps\={{
|
|
47
|
-
container:
|
|
47
|
+
container: {}
|
|
48
48
|
}}
|
|
49
49
|
/>
|
|
50
50
|
|
|
@@ -285,7 +285,7 @@ Hide code
|
|
|
285
285
|
}
|
|
286
286
|
\]}
|
|
287
287
|
popoverProps\={{
|
|
288
|
-
container:
|
|
288
|
+
container: document.body
|
|
289
289
|
}}
|
|
290
290
|
/>
|
|
291
291
|
|
|
@@ -533,7 +533,7 @@ Hide code
|
|
|
533
533
|
\]}
|
|
534
534
|
placeholder\="Instant search!"
|
|
535
535
|
popoverProps\={{
|
|
536
|
-
container:
|
|
536
|
+
container: {}
|
|
537
537
|
}}
|
|
538
538
|
/>
|
|
539
539
|
|
|
@@ -638,7 +638,7 @@ Hide code
|
|
|
638
638
|
}
|
|
639
639
|
\]}
|
|
640
640
|
popoverProps\={{
|
|
641
|
-
container:
|
|
641
|
+
container: document.body
|
|
642
642
|
}}
|
|
643
643
|
/>
|
|
644
644
|
</IressStack\>
|
|
@@ -39,7 +39,7 @@ Hide code
|
|
|
39
39
|
}
|
|
40
40
|
\]}
|
|
41
41
|
popoverProps\={{
|
|
42
|
-
container:
|
|
42
|
+
container: {}
|
|
43
43
|
}}
|
|
44
44
|
/>
|
|
45
45
|
|
|
@@ -538,7 +538,7 @@ Hide code
|
|
|
538
538
|
}
|
|
539
539
|
\]}
|
|
540
540
|
popoverProps\={{
|
|
541
|
-
container:
|
|
541
|
+
container: {}
|
|
542
542
|
}}
|
|
543
543
|
/>
|
|
544
544
|
|
|
@@ -711,7 +711,7 @@ Hide code
|
|
|
711
711
|
}
|
|
712
712
|
\]}
|
|
713
713
|
popoverProps\={{
|
|
714
|
-
container:
|
|
714
|
+
container: document.body
|
|
715
715
|
}}
|
|
716
716
|
searchable
|
|
717
717
|
/>
|
|
@@ -989,7 +989,7 @@ Hide code
|
|
|
989
989
|
}
|
|
990
990
|
\]}
|
|
991
991
|
popoverProps\={{
|
|
992
|
-
container:
|
|
992
|
+
container: document.body
|
|
993
993
|
}}
|
|
994
994
|
searchNoResultsText\={<IressPanel className\="iress-u-text"\>No results found</IressPanel\>}
|
|
995
995
|
searchable
|
|
@@ -747,7 +747,7 @@ Hide code
|
|
|
747
747
|
name\="IressInputDate-default"
|
|
748
748
|
render\={(controlledProps) \=> <IressInput {...controlledProps} />}
|
|
749
749
|
rules\={{
|
|
750
|
-
minDate: new Date('2025-
|
|
750
|
+
minDate: new Date('2025-07-10T05:30:17.621Z')
|
|
751
751
|
}}
|
|
752
752
|
/>
|
|
753
753
|
<IressFormField
|
|
@@ -758,7 +758,7 @@ Hide code
|
|
|
758
758
|
rules\={{
|
|
759
759
|
minDate: {
|
|
760
760
|
message: 'Please enter a date after today!',
|
|
761
|
-
value: new Date('2025-
|
|
761
|
+
value: new Date('2025-07-10T05:30:17.621Z')
|
|
762
762
|
}
|
|
763
763
|
}}
|
|
764
764
|
/>
|
|
@@ -800,7 +800,7 @@ Hide code
|
|
|
800
800
|
name\="IressInputDate-default"
|
|
801
801
|
render\={(controlledProps) \=> <IressInput {...controlledProps} />}
|
|
802
802
|
rules\={{
|
|
803
|
-
maxDate: new Date('2025-
|
|
803
|
+
maxDate: new Date('2025-07-10T05:30:17.621Z')
|
|
804
804
|
}}
|
|
805
805
|
/>
|
|
806
806
|
<IressFormField
|
|
@@ -811,7 +811,7 @@ Hide code
|
|
|
811
811
|
rules\={{
|
|
812
812
|
maxDate: {
|
|
813
813
|
message: 'Please enter a date before today!',
|
|
814
|
-
value: new Date('2025-
|
|
814
|
+
value: new Date('2025-07-10T05:30:17.621Z')
|
|
815
815
|
}
|
|
816
816
|
}}
|
|
817
817
|
/>
|
|
@@ -510,8 +510,6 @@ Hide code
|
|
|
510
510
|
|
|
511
511
|
\[data-radix-scroll-area-viewport\] { scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } \[data-radix-scroll-area-viewport\]::-webkit-scrollbar { display: none; } :where(\[data-radix-scroll-area-viewport\]) { display: flex; flex-direction: column; align-items: stretch; } :where(\[data-radix-scroll-area-content\]) { flex-grow: 1; }
|
|
512
512
|
|
|
513
|
-
/\* eslint-disable @typescript-eslint/no-misused-promises \*/
|
|
514
|
-
|
|
515
513
|
interface Client {
|
|
516
514
|
name: string | undefined;
|
|
517
515
|
salary: number | undefined;
|
|
@@ -638,7 +636,7 @@ export const FormGroups \= () \=> {
|
|
|
638
636
|
defaultValues: defaultValues,
|
|
639
637
|
mode: 'onBlur',
|
|
640
638
|
});
|
|
641
|
-
const { control,
|
|
639
|
+
const { control, getValues } \= form;
|
|
642
640
|
const { fields, append, update, remove } \= useFieldArray({
|
|
643
641
|
name: 'dependants',
|
|
644
642
|
control,
|
|
@@ -649,7 +647,8 @@ export const FormGroups \= () \=> {
|
|
|
649
647
|
<IressText element\="h1"\>Form groups</IressText\>
|
|
650
648
|
<IressText element\="p"\>
|
|
651
649
|
This is one form with child sections (not nested forms). Play around to add/edit/delete child form sections: </IressText\>
|
|
652
|
-
<IressHookForm<FormValues>
|
|
650
|
+
<IressHookForm<FormValues> gutter="md" form={form}
|
|
651
|
+
onSubmit={onSubmit}
|
|
653
652
|
errorSummaryHeading="Please correct the following errors found for the form:" > <IressStack gutter\="md"\>
|
|
654
653
|
<ClientSection control\={control} />
|
|
655
654
|
{fields.map((field, index) \=> (
|
|
@@ -672,12 +671,7 @@ export const FormGroups \= () \=> {
|
|
|
672
671
|
Add Dependant </IressButton\>
|
|
673
672
|
</IressStack\>
|
|
674
673
|
<IressDivider />
|
|
675
|
-
<IressButton
|
|
676
|
-
type\="submit"
|
|
677
|
-
mode\="primary"
|
|
678
|
-
form\="mainForm"
|
|
679
|
-
onClick\={handleSubmit(onSubmit)}
|
|
680
|
-
\>
|
|
674
|
+
<IressButton type\="submit" mode\="primary"\>
|
|
681
675
|
Submit All </IressButton\>
|
|
682
676
|
</IressHookForm\>
|
|
683
677
|
</IressStack\>
|
|
@@ -467,13 +467,13 @@ Hide code
|
|
|
467
467
|
\>
|
|
468
468
|
Default width </IressText\>
|
|
469
469
|
<IressIcon
|
|
470
|
-
className\="ids-styles--alt-background-
|
|
470
|
+
className\="ids-styles--alt-background-v5150"
|
|
471
471
|
name\="space-shuttle"
|
|
472
472
|
size\="3x"
|
|
473
473
|
/>
|
|
474
474
|
<br />
|
|
475
475
|
<IressIcon
|
|
476
|
-
className\="ids-styles--alt-background-
|
|
476
|
+
className\="ids-styles--alt-background-v5150"
|
|
477
477
|
name\="wine-glass-alt"
|
|
478
478
|
size\="3x"
|
|
479
479
|
/>
|
|
@@ -485,14 +485,14 @@ Hide code
|
|
|
485
485
|
\>
|
|
486
486
|
Fixed width </IressText\>
|
|
487
487
|
<IressIcon
|
|
488
|
-
className\="ids-styles--alt-background-
|
|
488
|
+
className\="ids-styles--alt-background-v5150"
|
|
489
489
|
fixedWidth
|
|
490
490
|
name\="space-shuttle"
|
|
491
491
|
size\="3x"
|
|
492
492
|
/>
|
|
493
493
|
<br />
|
|
494
494
|
<IressIcon
|
|
495
|
-
className\="ids-styles--alt-background-
|
|
495
|
+
className\="ids-styles--alt-background-v5150"
|
|
496
496
|
fixedWidth
|
|
497
497
|
name\="wine-glass-alt"
|
|
498
498
|
size\="3x"
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
[](#provider)Provider
|
|
2
|
+
=====================
|
|
3
|
+
|
|
4
|
+
Overview
|
|
5
|
+
--------
|
|
6
|
+
|
|
7
|
+
Provider is a component that sets up the Iress Design System for your application. It ensures that the design system is correctly configured and ready to use.
|
|
8
|
+
|
|
9
|
+
Show modalShow slideoutShow toast
|
|
10
|
+
|
|
11
|
+
Hide code
|
|
12
|
+
|
|
13
|
+
\[data-radix-scroll-area-viewport\] { scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } \[data-radix-scroll-area-viewport\]::-webkit-scrollbar { display: none; } :where(\[data-radix-scroll-area-viewport\]) { display: flex; flex-direction: column; align-items: stretch; } :where(\[data-radix-scroll-area-content\]) { flex-grow: 1; }
|
|
14
|
+
|
|
15
|
+
import {
|
|
16
|
+
IressButton,
|
|
17
|
+
IressInline,
|
|
18
|
+
IressModal,
|
|
19
|
+
IressPanel,
|
|
20
|
+
IressProvider,
|
|
21
|
+
IressSlideout,
|
|
22
|
+
IressText,
|
|
23
|
+
useModal,
|
|
24
|
+
useSlideout,
|
|
25
|
+
useToaster,
|
|
26
|
+
} from '@iress-oss/ids-components';
|
|
27
|
+
const Page \= () \=> {
|
|
28
|
+
const { showModal } \= useModal();
|
|
29
|
+
const { showSlideout } \= useSlideout();
|
|
30
|
+
const toaster \= useToaster();
|
|
31
|
+
return (
|
|
32
|
+
<IressPanel
|
|
33
|
+
style\={{
|
|
34
|
+
height: '300px',
|
|
35
|
+
}}
|
|
36
|
+
\>
|
|
37
|
+
<IressInline gutter\="md"\>
|
|
38
|
+
<IressButton onClick\={() \=> showModal('test-modal')}\>
|
|
39
|
+
Show modal </IressButton\>
|
|
40
|
+
<IressModal id\="test-modal"\>
|
|
41
|
+
<IressText\>Some modal content</IressText\>
|
|
42
|
+
</IressModal\>
|
|
43
|
+
<IressButton onClick\={() \=> showSlideout('test-slideout')}\>
|
|
44
|
+
Show slideout </IressButton\>
|
|
45
|
+
<IressSlideout id\="test-slideout"\>
|
|
46
|
+
<IressText\>Some slideout content</IressText\>
|
|
47
|
+
</IressSlideout\>
|
|
48
|
+
<IressButton
|
|
49
|
+
onClick\={() \=> toaster.success({ children: 'A toast message' })}
|
|
50
|
+
\>
|
|
51
|
+
Show toast </IressButton\>
|
|
52
|
+
</IressInline\>
|
|
53
|
+
</IressPanel\>
|
|
54
|
+
);
|
|
55
|
+
};
|
|
56
|
+
export const AppWithProvider \= () \=> (
|
|
57
|
+
<IressProvider\>
|
|
58
|
+
<Page />
|
|
59
|
+
</IressProvider\>
|
|
60
|
+
);
|
|
61
|
+
|
|
62
|
+
Copy
|
|
63
|
+
|
|
64
|
+
[](#usage)Usage
|
|
65
|
+
---------------
|
|
66
|
+
|
|
67
|
+
The design system provider automates some set-up tasks for you, including:
|
|
68
|
+
|
|
69
|
+
* Adding the icon fonts and CSS variables to the document head
|
|
70
|
+
* Consistent container handling for providers, if you need the modals, slideouts and toasts rendered in a specific area (common with micro frontends)
|
|
71
|
+
|
|
72
|
+
In most cases, you should wrap the entire application with the `IressProvider` component. This will ensure that the design system is set up correctly and consistently across the application.
|
|
73
|
+
|
|
74
|
+
\[data-radix-scroll-area-viewport\] {
|
|
75
|
+
scrollbar-width: none;
|
|
76
|
+
-ms-overflow-style: none;
|
|
77
|
+
-webkit-overflow-scrolling: touch;
|
|
78
|
+
}
|
|
79
|
+
\[data-radix-scroll-area-viewport\]::-webkit-scrollbar {
|
|
80
|
+
display: none;
|
|
81
|
+
}
|
|
82
|
+
:where(\[data-radix-scroll-area-viewport\]) {
|
|
83
|
+
display: flex;
|
|
84
|
+
flex-direction: column;
|
|
85
|
+
align-items: stretch;
|
|
86
|
+
}
|
|
87
|
+
:where(\[data-radix-scroll-area-content\]) {
|
|
88
|
+
flex-grow: 1;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
import { IressProvider } from '@iress-oss/ids-components';
|
|
92
|
+
ReactDOM.createRoot(document.getElementById('root')!).render(
|
|
93
|
+
<IressProvider\>
|
|
94
|
+
<IressTheme />
|
|
95
|
+
<App />
|
|
96
|
+
</IressProvider\>,
|
|
97
|
+
);
|
|
98
|
+
|
|
99
|
+
Copy
|
|
100
|
+
|
|
101
|
+
On this page
|
|
102
|
+
|
|
103
|
+
* [Overview](#overview)
|
|
104
|
+
* [Props](#props)
|
|
105
|
+
* [Usage](#usage)
|
|
@@ -171,22 +171,22 @@ Hide code
|
|
|
171
171
|
stack </h3\>
|
|
172
172
|
<IressRadioGroup layout\="stack"\>
|
|
173
173
|
<IressRadio
|
|
174
|
-
className\="ids-styles--add-border-
|
|
174
|
+
className\="ids-styles--add-border-v5150"
|
|
175
175
|
value\="google"
|
|
176
176
|
\>
|
|
177
177
|
Google </IressRadio\>
|
|
178
178
|
<IressRadio
|
|
179
|
-
className\="ids-styles--add-border-
|
|
179
|
+
className\="ids-styles--add-border-v5150"
|
|
180
180
|
value\="newspaper"
|
|
181
181
|
\>
|
|
182
182
|
Newspaper </IressRadio\>
|
|
183
183
|
<IressRadio
|
|
184
|
-
className\="ids-styles--add-border-
|
|
184
|
+
className\="ids-styles--add-border-v5150"
|
|
185
185
|
value\="friend"
|
|
186
186
|
\>
|
|
187
187
|
Friend </IressRadio\>
|
|
188
188
|
<IressRadio
|
|
189
|
-
className\="ids-styles--add-border-
|
|
189
|
+
className\="ids-styles--add-border-v5150"
|
|
190
190
|
value\="other"
|
|
191
191
|
\>
|
|
192
192
|
Other </IressRadio\>
|
|
@@ -197,22 +197,22 @@ Hide code
|
|
|
197
197
|
block </h3\>
|
|
198
198
|
<IressRadioGroup layout\="block"\>
|
|
199
199
|
<IressRadio
|
|
200
|
-
className\="ids-styles--add-border-
|
|
200
|
+
className\="ids-styles--add-border-v5150"
|
|
201
201
|
value\="google"
|
|
202
202
|
\>
|
|
203
203
|
Google </IressRadio\>
|
|
204
204
|
<IressRadio
|
|
205
|
-
className\="ids-styles--add-border-
|
|
205
|
+
className\="ids-styles--add-border-v5150"
|
|
206
206
|
value\="newspaper"
|
|
207
207
|
\>
|
|
208
208
|
Newspaper </IressRadio\>
|
|
209
209
|
<IressRadio
|
|
210
|
-
className\="ids-styles--add-border-
|
|
210
|
+
className\="ids-styles--add-border-v5150"
|
|
211
211
|
value\="friend"
|
|
212
212
|
\>
|
|
213
213
|
Friend </IressRadio\>
|
|
214
214
|
<IressRadio
|
|
215
|
-
className\="ids-styles--add-border-
|
|
215
|
+
className\="ids-styles--add-border-v5150"
|
|
216
216
|
value\="other"
|
|
217
217
|
\>
|
|
218
218
|
Other </IressRadio\>
|
|
@@ -223,22 +223,22 @@ Hide code
|
|
|
223
223
|
inline </h3\>
|
|
224
224
|
<IressRadioGroup layout\="inline"\>
|
|
225
225
|
<IressRadio
|
|
226
|
-
className\="ids-styles--add-border-
|
|
226
|
+
className\="ids-styles--add-border-v5150"
|
|
227
227
|
value\="google"
|
|
228
228
|
\>
|
|
229
229
|
Google </IressRadio\>
|
|
230
230
|
<IressRadio
|
|
231
|
-
className\="ids-styles--add-border-
|
|
231
|
+
className\="ids-styles--add-border-v5150"
|
|
232
232
|
value\="newspaper"
|
|
233
233
|
\>
|
|
234
234
|
Newspaper </IressRadio\>
|
|
235
235
|
<IressRadio
|
|
236
|
-
className\="ids-styles--add-border-
|
|
236
|
+
className\="ids-styles--add-border-v5150"
|
|
237
237
|
value\="friend"
|
|
238
238
|
\>
|
|
239
239
|
Friend </IressRadio\>
|
|
240
240
|
<IressRadio
|
|
241
|
-
className\="ids-styles--add-border-
|
|
241
|
+
className\="ids-styles--add-border-v5150"
|
|
242
242
|
value\="other"
|
|
243
243
|
\>
|
|
244
244
|
Other </IressRadio\>
|
|
@@ -249,22 +249,22 @@ Hide code
|
|
|
249
249
|
inlineFlex </h3\>
|
|
250
250
|
<IressRadioGroup layout\="inlineFlex"\>
|
|
251
251
|
<IressRadio
|
|
252
|
-
className\="ids-styles--add-border-
|
|
252
|
+
className\="ids-styles--add-border-v5150"
|
|
253
253
|
value\="google"
|
|
254
254
|
\>
|
|
255
255
|
Google </IressRadio\>
|
|
256
256
|
<IressRadio
|
|
257
|
-
className\="ids-styles--add-border-
|
|
257
|
+
className\="ids-styles--add-border-v5150"
|
|
258
258
|
value\="newspaper"
|
|
259
259
|
\>
|
|
260
260
|
Newspaper </IressRadio\>
|
|
261
261
|
<IressRadio
|
|
262
|
-
className\="ids-styles--add-border-
|
|
262
|
+
className\="ids-styles--add-border-v5150"
|
|
263
263
|
value\="friend"
|
|
264
264
|
\>
|
|
265
265
|
Friend </IressRadio\>
|
|
266
266
|
<IressRadio
|
|
267
|
-
className\="ids-styles--add-border-
|
|
267
|
+
className\="ids-styles--add-border-v5150"
|
|
268
268
|
value\="other"
|
|
269
269
|
\>
|
|
270
270
|
Other </IressRadio\>
|
|
@@ -275,22 +275,22 @@ Hide code
|
|
|
275
275
|
inlineEqualWidth </h3\>
|
|
276
276
|
<IressRadioGroup layout\="inlineEqualWidth"\>
|
|
277
277
|
<IressRadio
|
|
278
|
-
className\="ids-styles--add-border-
|
|
278
|
+
className\="ids-styles--add-border-v5150"
|
|
279
279
|
value\="google"
|
|
280
280
|
\>
|
|
281
281
|
Google </IressRadio\>
|
|
282
282
|
<IressRadio
|
|
283
|
-
className\="ids-styles--add-border-
|
|
283
|
+
className\="ids-styles--add-border-v5150"
|
|
284
284
|
value\="newspaper"
|
|
285
285
|
\>
|
|
286
286
|
Newspaper </IressRadio\>
|
|
287
287
|
<IressRadio
|
|
288
|
-
className\="ids-styles--add-border-
|
|
288
|
+
className\="ids-styles--add-border-v5150"
|
|
289
289
|
value\="friend"
|
|
290
290
|
\>
|
|
291
291
|
Friend </IressRadio\>
|
|
292
292
|
<IressRadio
|
|
293
|
-
className\="ids-styles--add-border-
|
|
293
|
+
className\="ids-styles--add-border-v5150"
|
|
294
294
|
value\="other"
|
|
295
295
|
\>
|
|
296
296
|
Other </IressRadio\>
|
|
@@ -441,7 +441,7 @@ Hide code
|
|
|
441
441
|
}}
|
|
442
442
|
\>
|
|
443
443
|
<div
|
|
444
|
-
className\="ids-styles--resizable-
|
|
444
|
+
className\="ids-styles--resizable-v5150"
|
|
445
445
|
style\={{
|
|
446
446
|
display: 'grid',
|
|
447
447
|
gridAutoRows: '1fr',
|
|
@@ -749,7 +749,7 @@ Hide code
|
|
|
749
749
|
<IressText element\="h2"\>
|
|
750
750
|
Vertical align: top </IressText\>
|
|
751
751
|
<IressRow
|
|
752
|
-
className\="ids-styles--set-height-
|
|
752
|
+
className\="ids-styles--set-height-v5150"
|
|
753
753
|
verticalAlign\="top"
|
|
754
754
|
\>
|
|
755
755
|
<React.Fragment key\=".0"\>
|
|
@@ -778,7 +778,7 @@ Hide code
|
|
|
778
778
|
<IressText element\="h2"\>
|
|
779
779
|
Vertical align: middle </IressText\>
|
|
780
780
|
<IressRow
|
|
781
|
-
className\="ids-styles--set-height-
|
|
781
|
+
className\="ids-styles--set-height-v5150"
|
|
782
782
|
verticalAlign\="middle"
|
|
783
783
|
\>
|
|
784
784
|
<React.Fragment key\=".0"\>
|
|
@@ -807,7 +807,7 @@ Hide code
|
|
|
807
807
|
<IressText element\="h2"\>
|
|
808
808
|
Vertical align: bottom </IressText\>
|
|
809
809
|
<IressRow
|
|
810
|
-
className\="ids-styles--set-height-
|
|
810
|
+
className\="ids-styles--set-height-v5150"
|
|
811
811
|
verticalAlign\="bottom"
|
|
812
812
|
\>
|
|
813
813
|
<React.Fragment key\=".0"\>
|
|
@@ -836,7 +836,7 @@ Hide code
|
|
|
836
836
|
<IressText element\="h2"\>
|
|
837
837
|
Vertical align: stretch </IressText\>
|
|
838
838
|
<IressRow
|
|
839
|
-
className\="ids-styles--set-height-
|
|
839
|
+
className\="ids-styles--set-height-v5150"
|
|
840
840
|
verticalAlign\="stretch"
|
|
841
841
|
\>
|
|
842
842
|
<React.Fragment key\=".0"\>
|
|
@@ -25,7 +25,7 @@ Hide code
|
|
|
25
25
|
}}
|
|
26
26
|
/>
|
|
27
27
|
<main
|
|
28
|
-
className\="iress-u-container iress-u-text iress-u-panel ids-styles--highlight-on-focus-
|
|
28
|
+
className\="iress-u-container iress-u-text iress-u-panel ids-styles--highlight-on-focus-v5150"
|
|
29
29
|
id\="main"
|
|
30
30
|
tabIndex\={\-1}
|
|
31
31
|
\>
|