@iress-oss/ids-mcp-server 6.0.0-alpha.2 → 6.0.0-alpha.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 +7 -7
- package/generated/docs/components_components-autocomplete-docs.md +18 -18
- 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 +16 -14
- package/generated/docs/components_components-buttongroup-docs.md +9 -9
- package/generated/docs/components_components-card-docs.md +32 -17
- package/generated/docs/components_components-checkbox-docs.md +7 -7
- package/generated/docs/components_components-checkboxgroup-docs.md +10 -10
- package/generated/docs/components_components-checkboxgroup-recipes-docs.md +4 -3
- package/generated/docs/components_components-col-docs.md +38 -38
- package/generated/docs/components_components-container-docs.md +5 -5
- package/generated/docs/components_components-divider-docs.md +5 -5
- package/generated/docs/components_components-expander-docs.md +6 -4
- package/generated/docs/components_components-field-docs.md +28 -28
- package/generated/docs/components_components-filter-docs.md +19 -19
- package/generated/docs/components_components-hide-docs.md +9 -9
- package/generated/docs/components_components-icon-docs.md +9 -9
- package/generated/docs/components_components-image-docs.md +2 -2
- package/generated/docs/components_components-inline-docs.md +76 -388
- package/generated/docs/components_components-input-docs.md +9 -9
- package/generated/docs/components_components-input-recipes-docs.md +4 -4
- package/generated/docs/components_components-inputcurrency-docs.md +7 -7
- package/generated/docs/components_components-inputcurrency-recipes-docs.md +5 -2
- package/generated/docs/components_components-label-docs.md +4 -4
- package/generated/docs/components_components-link-docs.md +6 -4
- package/generated/docs/components_components-menu-docs.md +13 -13
- package/generated/docs/components_components-menu-menuitem-docs.md +12 -12
- package/generated/docs/components_components-modal-docs.md +32 -13
- package/generated/docs/components_components-panel-docs.md +6 -6
- package/generated/docs/components_components-placeholder-docs.md +1 -1
- package/generated/docs/components_components-popover-docs.md +11 -9
- package/generated/docs/components_components-popover-recipes-docs.md +4 -2
- 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 +8 -8
- package/generated/docs/components_components-readonly-docs.md +3 -3
- package/generated/docs/components_components-richselect-docs.md +69 -28
- package/generated/docs/components_components-row-docs.md +60 -492
- 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 +1 -1
- package/generated/docs/components_components-slideout-docs.md +34 -13
- package/generated/docs/components_components-slider-docs.md +8 -8
- package/generated/docs/components_components-spinner-docs.md +3 -3
- package/generated/docs/components_components-stack-docs.md +63 -175
- package/generated/docs/components_components-table-docs.md +31 -24
- 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 +14 -5
- package/generated/docs/components_components-text-docs.md +21 -9
- package/generated/docs/components_components-toaster-docs.md +12 -12
- package/generated/docs/components_components-toggle-docs.md +6 -6
- package/generated/docs/components_components-tooltip-docs.md +4 -4
- package/generated/docs/components_components-validationmessage-docs.md +5 -5
- package/generated/docs/components_foundations-responsive-layout-docs.md +16 -15
- package/generated/docs/components_foundations-z-index-stacking-docs.md +1 -1
- package/generated/docs/components_introduction-docs.md +1 -1
- package/generated/docs/components_patterns-form-docs.md +139 -96
- package/generated/docs/components_patterns-form-recipes-docs.md +160 -30
- package/generated/docs/components_patterns-loading-docs.md +98 -17
- package/generated/docs/components_patterns-shadow-docs.md +2 -2
- package/generated/docs/components_sandbox-docs.md +4 -0
- package/generated/docs/components_styling-props-colour-docs.md +2 -2
- package/generated/docs/components_styling-props-elevation-docs.md +2 -2
- package/generated/docs/components_styling-props-radius-docs.md +3 -3
- package/generated/docs/components_styling-props-reference-docs.md +3 -3
- package/generated/docs/components_styling-props-screen-readers-docs.md +2 -2
- package/generated/docs/components_styling-props-sizing-docs.md +3 -3
- package/generated/docs/components_styling-props-spacing-docs.md +19 -19
- package/generated/docs/components_styling-props-typography-docs.md +2 -2
- package/generated/docs/guidelines.md +17 -16
- package/generated/docs/tokens_colour-docs.md +72 -0
- package/generated/docs/tokens_introduction-docs.md +15 -18
- package/generated/docs/tokens_sandbox-docs.md +1 -0
- package/generated/docs/tokens_spacing-docs.md +10 -40
- package/generated/docs/tokens_typography-docs.md +43 -1
- package/package.json +4 -4
|
@@ -18,7 +18,7 @@ This component has been recently updated with new props. The props have been mar
|
|
|
18
18
|
|
|
19
19
|
First name
|
|
20
20
|
|
|
21
|
-
|
|
21
|
+
Hide codedrawOpen in CodeSandbox
|
|
22
22
|
|
|
23
23
|
<IressField label\="First name"\>
|
|
24
24
|
<IressInput
|
|
@@ -155,7 +155,7 @@ The `label` prop is required to describe the field.
|
|
|
155
155
|
|
|
156
156
|
Find your address
|
|
157
157
|
|
|
158
|
-
|
|
158
|
+
Hide codedrawOpen in CodeSandbox
|
|
159
159
|
|
|
160
160
|
<IressField label\={<span\><IressIcon name\="home" />{' '}Find your address</span\>}\>
|
|
161
161
|
<IressInput
|
|
@@ -286,7 +286,7 @@ Email address
|
|
|
286
286
|
|
|
287
287
|
For us to be able to contact you in the future
|
|
288
288
|
|
|
289
|
-
|
|
289
|
+
Hide codedrawOpen in CodeSandbox
|
|
290
290
|
|
|
291
291
|
<IressField
|
|
292
292
|
hint\="For us to be able to contact you in the future"
|
|
@@ -431,7 +431,7 @@ Error message
|
|
|
431
431
|
* This field is required
|
|
432
432
|
|
|
433
433
|
|
|
434
|
-
|
|
434
|
+
Hide codedrawOpen in CodeSandbox
|
|
435
435
|
|
|
436
436
|
<IressField
|
|
437
437
|
errorMessages\={\[
|
|
@@ -594,7 +594,7 @@ Custom error
|
|
|
594
594
|
* This is a custom error message
|
|
595
595
|
|
|
596
596
|
|
|
597
|
-
|
|
597
|
+
Hide codedrawOpen in CodeSandbox
|
|
598
598
|
|
|
599
599
|
<IressField
|
|
600
600
|
error\={<IressText color\="colour.system.danger.text" element\="small"\>This is a custom error message</IressText\>}
|
|
@@ -760,7 +760,7 @@ This label is hidden
|
|
|
760
760
|
|
|
761
761
|
This hint text is hidden
|
|
762
762
|
|
|
763
|
-
|
|
763
|
+
Hide codedrawOpen in CodeSandbox
|
|
764
764
|
|
|
765
765
|
<IressField
|
|
766
766
|
hiddenLabel
|
|
@@ -909,7 +909,7 @@ This hint text is hidden
|
|
|
909
909
|
* Even fields with hidden labels will show their validation message
|
|
910
910
|
|
|
911
911
|
|
|
912
|
-
|
|
912
|
+
Hide codedrawOpen in CodeSandbox
|
|
913
913
|
|
|
914
914
|
<IressField
|
|
915
915
|
error\={<IressText color\="colour.system.danger.text" element\="small"\>Even fields with hidden labels will show their validation message</IressText\>}
|
|
@@ -1087,7 +1087,7 @@ Fields marked as `required` will have an asterisk prepended to the label.
|
|
|
1087
1087
|
|
|
1088
1088
|
\*RequiredThis field is required
|
|
1089
1089
|
|
|
1090
|
-
|
|
1090
|
+
Hide codedrawOpen in CodeSandbox
|
|
1091
1091
|
|
|
1092
1092
|
<IressField
|
|
1093
1093
|
label\="This field is required"
|
|
@@ -1236,7 +1236,7 @@ This field is readonly
|
|
|
1236
1236
|
|
|
1237
1237
|
Luke Skywalker
|
|
1238
1238
|
|
|
1239
|
-
|
|
1239
|
+
Hide codedrawOpen in CodeSandbox
|
|
1240
1240
|
|
|
1241
1241
|
<IressField
|
|
1242
1242
|
hint\="This field is readonly"
|
|
@@ -1400,9 +1400,9 @@ First name
|
|
|
1400
1400
|
|
|
1401
1401
|
I only show if there is no error
|
|
1402
1402
|
|
|
1403
|
-
|
|
1403
|
+
Hide codedrawOpen in CodeSandbox
|
|
1404
1404
|
|
|
1405
|
-
<IressStack gap\="spacing.
|
|
1405
|
+
<IressStack gap\="spacing.5"\>
|
|
1406
1406
|
<IressToggle
|
|
1407
1407
|
onChange\={(checked) \=> setError(checked ? "This field is required" : void 0)}
|
|
1408
1408
|
\>
|
|
@@ -1555,7 +1555,7 @@ Email address
|
|
|
1555
1555
|
|
|
1556
1556
|
We will not share your email with third parties (Supplementary text)
|
|
1557
1557
|
|
|
1558
|
-
|
|
1558
|
+
Hide codedrawOpen in CodeSandbox
|
|
1559
1559
|
|
|
1560
1560
|
<IressField
|
|
1561
1561
|
hint\="Enter your email address for contact"
|
|
@@ -1706,7 +1706,7 @@ Email address
|
|
|
1706
1706
|
* Please enter a valid email address
|
|
1707
1707
|
|
|
1708
1708
|
|
|
1709
|
-
|
|
1709
|
+
Hide codedrawOpen in CodeSandbox
|
|
1710
1710
|
|
|
1711
1711
|
<IressField
|
|
1712
1712
|
errorMessages\={\[
|
|
@@ -1885,9 +1885,9 @@ labelWidth: auto
|
|
|
1885
1885
|
|
|
1886
1886
|
Default (no labelWidth)
|
|
1887
1887
|
|
|
1888
|
-
|
|
1888
|
+
Hide codedrawOpen in CodeSandbox
|
|
1889
1889
|
|
|
1890
|
-
<IressStack gap\="spacing.
|
|
1890
|
+
<IressStack gap\="spacing.5"\>
|
|
1891
1891
|
<IressField
|
|
1892
1892
|
horizontal
|
|
1893
1893
|
label\="labelWidth: 100px"
|
|
@@ -2102,10 +2102,10 @@ This is always-displayed supplementary text
|
|
|
2102
2102
|
|
|
2103
2103
|
Email Address
|
|
2104
2104
|
|
|
2105
|
-
|
|
2105
|
+
Hide codedrawOpen in CodeSandbox
|
|
2106
2106
|
|
|
2107
|
-
<IressStack gap\="spacing.
|
|
2108
|
-
<IressInline gap\="spacing.
|
|
2107
|
+
<IressStack gap\="spacing.5"\>
|
|
2108
|
+
<IressInline gap\="spacing.4"\>
|
|
2109
2109
|
<IressToggle
|
|
2110
2110
|
onChange\={(checked) \=> setRemoveErrorMargin(checked)}
|
|
2111
2111
|
\>
|
|
@@ -2115,15 +2115,15 @@ Email Address
|
|
|
2115
2115
|
\>
|
|
2116
2116
|
Show error message </IressToggle\>
|
|
2117
2117
|
</IressInline\>
|
|
2118
|
-
<IressRow gutter\="spacing.
|
|
2118
|
+
<IressRow gutter\="spacing.6"\>
|
|
2119
2119
|
<IressCol span\="6"\>
|
|
2120
|
-
<IressStack gap\="spacing.
|
|
2120
|
+
<IressStack gap\="spacing.2"\>
|
|
2121
2121
|
<IressText
|
|
2122
2122
|
element\="h3"
|
|
2123
2123
|
textStyle\="typography.body.lg.strong"
|
|
2124
2124
|
\>
|
|
2125
2125
|
Vertical Label Layout </IressText\>
|
|
2126
|
-
<IressStack gap\="spacing.
|
|
2126
|
+
<IressStack gap\="spacing.0"\>
|
|
2127
2127
|
<IressField
|
|
2128
2128
|
label\="First Name"
|
|
2129
2129
|
\>
|
|
@@ -2162,13 +2162,13 @@ Email Address
|
|
|
2162
2162
|
</IressStack\>
|
|
2163
2163
|
</IressCol\>
|
|
2164
2164
|
<IressCol span\="6"\>
|
|
2165
|
-
<IressStack gap\="spacing.
|
|
2165
|
+
<IressStack gap\="spacing.2"\>
|
|
2166
2166
|
<IressText
|
|
2167
2167
|
element\="h3"
|
|
2168
2168
|
textStyle\="typography.body.lg.strong"
|
|
2169
2169
|
\>
|
|
2170
2170
|
Horizontal Label Layout </IressText\>
|
|
2171
|
-
<IressStack gap\="spacing.
|
|
2171
|
+
<IressStack gap\="spacing.0"\>
|
|
2172
2172
|
<IressField
|
|
2173
2173
|
horizontal
|
|
2174
2174
|
label\="First Name"
|
|
@@ -2346,7 +2346,7 @@ Title
|
|
|
2346
2346
|
|
|
2347
2347
|
\*RequiredLast name
|
|
2348
2348
|
|
|
2349
|
-
|
|
2349
|
+
Hide codedrawOpen in CodeSandbox
|
|
2350
2350
|
|
|
2351
2351
|
<IressFieldGroup label\="Full name"\>
|
|
2352
2352
|
<IressField
|
|
@@ -2528,7 +2528,7 @@ Title
|
|
|
2528
2528
|
|
|
2529
2529
|
\*RequiredLast name
|
|
2530
2530
|
|
|
2531
|
-
|
|
2531
|
+
Hide codedrawOpen in CodeSandbox
|
|
2532
2532
|
|
|
2533
2533
|
<IressFieldGroup
|
|
2534
2534
|
inline
|
|
@@ -2717,7 +2717,7 @@ Submit
|
|
|
2717
2717
|
|
|
2718
2718
|
Settings goes here
|
|
2719
2719
|
|
|
2720
|
-
|
|
2720
|
+
Hide codedrawOpen in CodeSandbox
|
|
2721
2721
|
|
|
2722
2722
|
<form\>
|
|
2723
2723
|
<IressFieldGroup
|
|
@@ -2937,7 +2937,7 @@ Title
|
|
|
2937
2937
|
|
|
2938
2938
|
\*RequiredLast name
|
|
2939
2939
|
|
|
2940
|
-
|
|
2940
|
+
Hide codedrawOpen in CodeSandbox
|
|
2941
2941
|
|
|
2942
2942
|
<IressFieldGroup
|
|
2943
2943
|
join
|
|
@@ -3126,7 +3126,7 @@ Submit
|
|
|
3126
3126
|
|
|
3127
3127
|
Settings goes here
|
|
3128
3128
|
|
|
3129
|
-
|
|
3129
|
+
Hide codedrawOpen in CodeSandbox
|
|
3130
3130
|
|
|
3131
3131
|
<form\>
|
|
3132
3132
|
<IressFieldGroup
|
|
@@ -20,7 +20,7 @@ Filter
|
|
|
20
20
|
|
|
21
21
|
None selected
|
|
22
22
|
|
|
23
|
-
|
|
23
|
+
Hide codedrawOpen in CodeSandbox
|
|
24
24
|
|
|
25
25
|
<IressFilter
|
|
26
26
|
label\="Filter"
|
|
@@ -273,7 +273,7 @@ System users
|
|
|
273
273
|
| --- | --- | --- | --- | --- |
|
|
274
274
|
| No results found |
|
|
275
275
|
|
|
276
|
-
|
|
276
|
+
Hide codedrawOpen in CodeSandbox
|
|
277
277
|
|
|
278
278
|
import {
|
|
279
279
|
IressInline,
|
|
@@ -284,7 +284,7 @@ import {
|
|
|
284
284
|
type IressFilterProps,
|
|
285
285
|
IressButton,
|
|
286
286
|
IressDivider,
|
|
287
|
-
} from '
|
|
287
|
+
} from '@/main';
|
|
288
288
|
import { useMemo, useState } from 'react';
|
|
289
289
|
import { searchStarWarsCharacters } from '@/mocks/starWars';
|
|
290
290
|
const USERS \= \[
|
|
@@ -688,7 +688,7 @@ Custom label
|
|
|
688
688
|
|
|
689
689
|
None selected
|
|
690
690
|
|
|
691
|
-
|
|
691
|
+
Hide codedrawOpen in CodeSandbox
|
|
692
692
|
|
|
693
693
|
<IressFilter
|
|
694
694
|
label\="Custom label"
|
|
@@ -921,7 +921,7 @@ Filter: Option 1
|
|
|
921
921
|
|
|
922
922
|
None selected
|
|
923
923
|
|
|
924
|
-
|
|
924
|
+
Hide codedrawOpen in CodeSandbox
|
|
925
925
|
|
|
926
926
|
<IressFilter
|
|
927
927
|
defaultValue\={{
|
|
@@ -1172,9 +1172,9 @@ Filter
|
|
|
1172
1172
|
|
|
1173
1173
|
None selected
|
|
1174
1174
|
|
|
1175
|
-
|
|
1175
|
+
Hide codedrawOpen in CodeSandbox
|
|
1176
1176
|
|
|
1177
|
-
import { IressFilter, type IressFilterProps } from '
|
|
1177
|
+
import { IressFilter, type IressFilterProps } from '@/main';
|
|
1178
1178
|
import { useState } from 'react';
|
|
1179
1179
|
export const FilterUsingState \= <TMultiple extends boolean \= false\>(
|
|
1180
1180
|
<TMultiple\>,
|
|
@@ -1412,7 +1412,7 @@ Filter
|
|
|
1412
1412
|
|
|
1413
1413
|
None selected
|
|
1414
1414
|
|
|
1415
|
-
|
|
1415
|
+
Hide codedrawOpen in CodeSandbox
|
|
1416
1416
|
|
|
1417
1417
|
<IressFilter
|
|
1418
1418
|
label\="Filter"
|
|
@@ -1645,7 +1645,7 @@ Filter
|
|
|
1645
1645
|
|
|
1646
1646
|
None selected
|
|
1647
1647
|
|
|
1648
|
-
|
|
1648
|
+
Hide codedrawOpen in CodeSandbox
|
|
1649
1649
|
|
|
1650
1650
|
<IressFilter
|
|
1651
1651
|
label\="Filter"
|
|
@@ -1873,9 +1873,9 @@ Filter
|
|
|
1873
1873
|
|
|
1874
1874
|
None selected
|
|
1875
1875
|
|
|
1876
|
-
|
|
1876
|
+
Hide codedrawOpen in CodeSandbox
|
|
1877
1877
|
|
|
1878
|
-
import { IressFilter, type IressFilterProps } from '
|
|
1878
|
+
import { IressFilter, type IressFilterProps } from '@/main';
|
|
1879
1879
|
interface StarWarsCharacter {
|
|
1880
1880
|
name: string;
|
|
1881
1881
|
gender: string;
|
|
@@ -2093,7 +2093,7 @@ Filter
|
|
|
2093
2093
|
|
|
2094
2094
|
None selected
|
|
2095
2095
|
|
|
2096
|
-
|
|
2096
|
+
Hide codedrawOpen in CodeSandbox
|
|
2097
2097
|
|
|
2098
2098
|
<IressFilter
|
|
2099
2099
|
initialOptions\={\[
|
|
@@ -2373,7 +2373,7 @@ User
|
|
|
2373
2373
|
|
|
2374
2374
|
None selected
|
|
2375
2375
|
|
|
2376
|
-
|
|
2376
|
+
Hide codedrawOpen in CodeSandbox
|
|
2377
2377
|
|
|
2378
2378
|
<IressFilter
|
|
2379
2379
|
label\="User"
|
|
@@ -2646,7 +2646,7 @@ Filter
|
|
|
2646
2646
|
|
|
2647
2647
|
None selected
|
|
2648
2648
|
|
|
2649
|
-
|
|
2649
|
+
Hide codedrawOpen in CodeSandbox
|
|
2650
2650
|
|
|
2651
2651
|
<IressFilter
|
|
2652
2652
|
inputProps\={{
|
|
@@ -2896,7 +2896,7 @@ Filter
|
|
|
2896
2896
|
|
|
2897
2897
|
None selected
|
|
2898
2898
|
|
|
2899
|
-
|
|
2899
|
+
Hide codedrawOpen in CodeSandbox
|
|
2900
2900
|
|
|
2901
2901
|
<IressFilter
|
|
2902
2902
|
label\="Filter"
|
|
@@ -3125,7 +3125,7 @@ Filter
|
|
|
3125
3125
|
|
|
3126
3126
|
None selected
|
|
3127
3127
|
|
|
3128
|
-
|
|
3128
|
+
Hide codedrawOpen in CodeSandbox
|
|
3129
3129
|
|
|
3130
3130
|
<IressFilter
|
|
3131
3131
|
label\="Filter"
|
|
@@ -3356,7 +3356,7 @@ Filter
|
|
|
3356
3356
|
|
|
3357
3357
|
None selected
|
|
3358
3358
|
|
|
3359
|
-
|
|
3359
|
+
Hide codedrawOpen in CodeSandbox
|
|
3360
3360
|
|
|
3361
3361
|
<IressFilter
|
|
3362
3362
|
inputProps\={{
|
|
@@ -3636,7 +3636,7 @@ Filter
|
|
|
3636
3636
|
|
|
3637
3637
|
None selected
|
|
3638
3638
|
|
|
3639
|
-
|
|
3639
|
+
Hide codedrawOpen in CodeSandbox
|
|
3640
3640
|
|
|
3641
3641
|
<IressFilter
|
|
3642
3642
|
label\="Filter"
|
|
@@ -3868,7 +3868,7 @@ Filter
|
|
|
3868
3868
|
|
|
3869
3869
|
None selected
|
|
3870
3870
|
|
|
3871
|
-
|
|
3871
|
+
Hide codedrawOpen in CodeSandbox
|
|
3872
3872
|
|
|
3873
3873
|
<IressFilter
|
|
3874
3874
|
label\="Filter"
|
|
@@ -18,7 +18,7 @@ The design of this component is changing. Please use the new component/props ins
|
|
|
18
18
|
|
|
19
19
|
Content to hide
|
|
20
20
|
|
|
21
|
-
|
|
21
|
+
Hide codedrawOpen in CodeSandbox
|
|
22
22
|
|
|
23
23
|
<IressHide
|
|
24
24
|
hiddenOn\={{
|
|
@@ -107,7 +107,7 @@ Hide breakpoints
|
|
|
107
107
|
| `xl` | Above 1200px (inclusive) |
|
|
108
108
|
| `xxl` | Above 1500px (inclusive) |
|
|
109
109
|
|
|
110
|
-
|
|
110
|
+
Hide codedrawOpen in CodeSandbox
|
|
111
111
|
|
|
112
112
|
{
|
|
113
113
|
render: () \=> <IressTable caption\="Hide breakpoints" rows\={BREAKPOINTS.map(breakpoint \=> ({
|
|
@@ -190,11 +190,11 @@ This text is totally hidden on xs screens only.
|
|
|
190
190
|
|
|
191
191
|
This text is totally hidden on xl screens only.
|
|
192
192
|
|
|
193
|
-
|
|
193
|
+
Hide codedrawOpen in CodeSandbox
|
|
194
194
|
|
|
195
|
-
<IressStack gap\="spacing.
|
|
195
|
+
<IressStack gap\="spacing.1"\>
|
|
196
196
|
<IressPanel\>
|
|
197
|
-
<
|
|
197
|
+
<Ln />
|
|
198
198
|
</IressPanel\>
|
|
199
199
|
<IressDivider />
|
|
200
200
|
<IressHide
|
|
@@ -295,11 +295,11 @@ This text is visually hidden on xs screens only.
|
|
|
295
295
|
|
|
296
296
|
This text is visually hidden on xl screens only.
|
|
297
297
|
|
|
298
|
-
|
|
298
|
+
Hide codedrawOpen in CodeSandbox
|
|
299
299
|
|
|
300
|
-
<IressStack gap\="spacing.
|
|
300
|
+
<IressStack gap\="spacing.1"\>
|
|
301
301
|
<IressPanel\>
|
|
302
|
-
<
|
|
302
|
+
<Ln />
|
|
303
303
|
</IressPanel\>
|
|
304
304
|
<IressDivider />
|
|
305
305
|
<IressHide
|
|
@@ -404,7 +404,7 @@ Hide breakpoints
|
|
|
404
404
|
| `iress-hidden--xl` | `iress-sr-only--xl` | 1200px - 1499px |
|
|
405
405
|
| `iress-hidden--xxl` | `iress-sr-only--xxl` | 1500px and above |
|
|
406
406
|
|
|
407
|
-
|
|
407
|
+
Hide codedrawOpen in CodeSandbox
|
|
408
408
|
|
|
409
409
|
{
|
|
410
410
|
render: () \=> <IressTable caption\="Hide breakpoints" rows\={BREAKPOINTS.map(breakpoint \=> ({
|
|
@@ -16,7 +16,7 @@ This component has been recently updated with new props. The props have been mar
|
|
|
16
16
|
|
|
17
17
|
[](./iframe.html?id=components-icon--default)
|
|
18
18
|
|
|
19
|
-
|
|
19
|
+
Hide codedrawOpen in CodeSandbox
|
|
20
20
|
|
|
21
21
|
<IressIcon name\="home" />
|
|
22
22
|
|
|
@@ -156,7 +156,7 @@ If you use an icon to convey meaning, for example using an icon as the only cont
|
|
|
156
156
|
|
|
157
157
|
[](./iframe.html?id=components-icon--screen-reader-text)
|
|
158
158
|
|
|
159
|
-
|
|
159
|
+
Hide codedrawOpen in CodeSandbox
|
|
160
160
|
|
|
161
161
|
<IressIcon
|
|
162
162
|
name\="home"
|
|
@@ -291,7 +291,7 @@ vertical
|
|
|
291
291
|
|
|
292
292
|
both
|
|
293
293
|
|
|
294
|
-
|
|
294
|
+
Hide codedrawOpen in CodeSandbox
|
|
295
295
|
|
|
296
296
|
<IressInline gap\="md"\>
|
|
297
297
|
<IressText textAlign\="center"\>
|
|
@@ -444,7 +444,7 @@ The `rotate` prop can be set to 90, 180 or 270 degrees.
|
|
|
444
444
|
|
|
445
445
|
270
|
|
446
446
|
|
|
447
|
-
|
|
447
|
+
Hide codedrawOpen in CodeSandbox
|
|
448
448
|
|
|
449
449
|
<IressInline gap\="md"\>
|
|
450
450
|
<IressText textAlign\="center"\>
|
|
@@ -593,7 +593,7 @@ half
|
|
|
593
593
|
|
|
594
594
|
3
|
|
595
595
|
|
|
596
|
-
|
|
596
|
+
Hide codedrawOpen in CodeSandbox
|
|
597
597
|
|
|
598
598
|
<IressInline gap\="md"\>
|
|
599
599
|
<IressText\>
|
|
@@ -738,7 +738,7 @@ Fixed width
|
|
|
738
738
|
|
|
739
739
|
|
|
740
740
|
|
|
741
|
-
|
|
741
|
+
Hide codedrawOpen in CodeSandbox
|
|
742
742
|
|
|
743
743
|
<IressInline gap\="md"\>
|
|
744
744
|
<div\>
|
|
@@ -898,7 +898,7 @@ Icons now inherit the size of the parent component. This means you can use them
|
|
|
898
898
|
|
|
899
899
|
[Go to this link](https://www.iress.com/)
|
|
900
900
|
|
|
901
|
-
|
|
901
|
+
Hide codedrawOpen in CodeSandbox
|
|
902
902
|
|
|
903
903
|
<IressText\>
|
|
904
904
|
<a
|
|
@@ -908,7 +908,7 @@ Icons now inherit the size of the parent component. This means you can use them
|
|
|
908
908
|
\>
|
|
909
909
|
Go to this link <IressIcon
|
|
910
910
|
name\="external-link"
|
|
911
|
-
pl\="spacing.
|
|
911
|
+
pl\="spacing.2"
|
|
912
912
|
/>
|
|
913
913
|
</a\>
|
|
914
914
|
</IressText\>
|
|
@@ -959,7 +959,7 @@ string
|
|
|
959
959
|
|
|
960
960
|
|
|
961
961
|
|
|
962
|
-
| \- | spacing.
|
|
962
|
+
| \- | spacing.2 |
|
|
963
963
|
| rotate |
|
|
964
964
|
|
|
965
965
|
Amount of degrees to rotate the icon.
|
|
@@ -18,7 +18,7 @@ This component is new, please provide feedback to the Frontend Enablement team i
|
|
|
18
18
|
|
|
19
19
|

|
|
20
20
|
|
|
21
|
-
|
|
21
|
+
Hide codedrawOpen in CodeSandbox
|
|
22
22
|
|
|
23
23
|
<IressImage
|
|
24
24
|
alt\="Placeholder image"
|
|
@@ -90,7 +90,7 @@ Examples
|
|
|
90
90
|
|
|
91
91
|

|
|
92
92
|
|
|
93
|
-
|
|
93
|
+
Hide codedrawOpen in CodeSandbox
|
|
94
94
|
|
|
95
95
|
<IressStack gap\="md"\>
|
|
96
96
|
<React.Fragment key\=".$0"\>
|