@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.
Files changed (36) hide show
  1. package/generated/docs/components-autocomplete-docs.md +4 -4
  2. package/generated/docs/components-checkboxgroup-docs.md +17 -17
  3. package/generated/docs/components-col-docs.md +1 -1
  4. package/generated/docs/components-combobox-docs.md +4 -4
  5. package/generated/docs/components-filter-docs.md +4 -4
  6. package/generated/docs/components-form-docs.md +4 -4
  7. package/generated/docs/components-form-recipes-docs.md +4 -10
  8. package/generated/docs/components-icon-docs.md +4 -4
  9. package/generated/docs/components-provider-docs.md +105 -0
  10. package/generated/docs/components-radiogroup-docs.md +21 -21
  11. package/generated/docs/components-row-docs.md +4 -4
  12. package/generated/docs/components-skiplink-docs.md +1 -1
  13. package/generated/docs/components-table-ag-grid-docs.md +100 -100
  14. package/generated/docs/components-table-docs.md +6 -6
  15. package/generated/docs/components-toaster-docs.md +51 -0
  16. package/generated/docs/extensions-editor-docs.md +4 -4
  17. package/generated/docs/get-started-develop-docs.md +177 -16
  18. package/generated/docs/introduction-docs.md +1 -1
  19. package/generated/docs/themes-available-themes-docs.md +29 -29
  20. package/package.json +3 -13
  21. package/dist/componentHandlers.js +0 -241
  22. package/dist/componentHandlers.test.js +0 -380
  23. package/dist/config.js +0 -16
  24. package/dist/index.js +0 -53
  25. package/dist/iressHandlers.js +0 -144
  26. package/dist/iressHandlers.test.js +0 -316
  27. package/dist/resourceHandlers.js +0 -67
  28. package/dist/resourceHandlers.test.js +0 -352
  29. package/dist/searchHandlers.js +0 -287
  30. package/dist/searchHandlers.test.js +0 -524
  31. package/dist/toolHandler.js +0 -31
  32. package/dist/toolHandler.test.js +0 -369
  33. package/dist/tools.js +0 -165
  34. package/dist/types.js +0 -4
  35. package/dist/utils.js +0 -59
  36. package/dist/utils.test.js +0 -286
@@ -29,7 +29,7 @@ Hide code
29
29
  }
30
30
  \]}
31
31
  popoverProps\={{
32
- container: document.body
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: document.body
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-v5142"
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-v5142"
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-v5142"
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-v5142"
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-v5142"
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-v5142"
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-v5142"
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-v5142"
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-v5142"
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-v5142"
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-v5142"
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-v5142"
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-v5142"
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-v5142"
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-v5142"
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-v5142"
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-v5142"
448
+ className\="ids-styles--resizable-v5150"
449
449
  style\={{
450
450
  display: 'grid',
451
451
  gridAutoRows: '1fr',
@@ -429,7 +429,7 @@ Hide code
429
429
 
430
430
  <IressContainer\>
431
431
  <IressRow
432
- className\="ids-styles--set-height-v5142"
432
+ className\="ids-styles--set-height-v5150"
433
433
  gutter\="md"
434
434
  \>
435
435
  <IressCol alignSelf\="start"\>
@@ -44,7 +44,7 @@ Hide code
44
44
  }
45
45
  \]}
46
46
  popoverProps\={{
47
- container: document.body
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: document.body
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: document.body
42
+ container: {}
43
43
  }}
44
44
  />
45
45
 
@@ -538,7 +538,7 @@ Hide code
538
538
  }
539
539
  \]}
540
540
  popoverProps\={{
541
- container: document.body
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-06-25T00:02:00.683Z')
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-06-25T00:02:00.683Z')
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-06-25T00:02:00.683Z')
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-06-25T00:02:00.683Z')
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, handleSubmit, getValues } \= form;
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> id="mainForm" gutter="md" form={form}
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-v5142"
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-v5142"
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-v5142"
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-v5142"
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-v5142"
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-v5142"
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-v5142"
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-v5142"
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-v5142"
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-v5142"
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-v5142"
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-v5142"
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-v5142"
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-v5142"
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-v5142"
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-v5142"
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-v5142"
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-v5142"
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-v5142"
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-v5142"
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-v5142"
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-v5142"
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-v5142"
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-v5142"
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-v5142"
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-v5142"
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-v5142"
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-v5142"
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-v5142"
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-v5142"
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
  \>