@deriv-web-design/ui 0.1.20 → 0.1.23
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/block-registry.json +887 -16
- package/components.manifest.json +380 -1
- package/dist/index.css +1278 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +412 -6
- package/dist/index.d.ts +412 -6
- package/dist/index.js +1565 -215
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1430 -89
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/block-registry.json
CHANGED
|
@@ -1,4 +1,125 @@
|
|
|
1
1
|
{
|
|
2
|
+
"affiliates-slider": {
|
|
3
|
+
"id": "affiliates-slider",
|
|
4
|
+
"name": "Affiliates Slider",
|
|
5
|
+
"component": "AffiliatesSlider",
|
|
6
|
+
"category": "interactive",
|
|
7
|
+
"description": "Interactive referrals slider with a live income estimate, modelled after the earnings calculator on deriv.com/eu/partners/affiliates.",
|
|
8
|
+
"purpose": "Use this template on partner or affiliate pages to let visitors drag a slider and see a live estimate of potential referral income.",
|
|
9
|
+
"keywords": [
|
|
10
|
+
"affiliates",
|
|
11
|
+
"partners",
|
|
12
|
+
"slider",
|
|
13
|
+
"calculator",
|
|
14
|
+
"referrals",
|
|
15
|
+
"commission",
|
|
16
|
+
"earnings",
|
|
17
|
+
"deriv"
|
|
18
|
+
],
|
|
19
|
+
"sectionType": "affiliates-slider",
|
|
20
|
+
"global": false,
|
|
21
|
+
"requiredFields": [],
|
|
22
|
+
"optionalFields": [
|
|
23
|
+
"title",
|
|
24
|
+
"description",
|
|
25
|
+
"min",
|
|
26
|
+
"max",
|
|
27
|
+
"step",
|
|
28
|
+
"defaultValue",
|
|
29
|
+
"referralsLabel",
|
|
30
|
+
"incomeLabel",
|
|
31
|
+
"incomePerReferral",
|
|
32
|
+
"currencySymbol",
|
|
33
|
+
"tickValues",
|
|
34
|
+
"disclaimer",
|
|
35
|
+
"disclaimerIconSrc",
|
|
36
|
+
"disclaimerIconAlt",
|
|
37
|
+
"sliderLabel"
|
|
38
|
+
],
|
|
39
|
+
"variants": [
|
|
40
|
+
"default"
|
|
41
|
+
],
|
|
42
|
+
"recommendedPosition": 4,
|
|
43
|
+
"placement": [
|
|
44
|
+
"middle"
|
|
45
|
+
],
|
|
46
|
+
"layout": {
|
|
47
|
+
"alignment": "center",
|
|
48
|
+
"gridColumns": "1",
|
|
49
|
+
"contentWidth": "wide",
|
|
50
|
+
"background": false,
|
|
51
|
+
"overlay": false
|
|
52
|
+
},
|
|
53
|
+
"supports": {
|
|
54
|
+
"backgroundImage": false,
|
|
55
|
+
"backgroundVideo": false,
|
|
56
|
+
"foregroundImage": false,
|
|
57
|
+
"primaryButton": false,
|
|
58
|
+
"secondaryButton": false,
|
|
59
|
+
"sectionLink": false,
|
|
60
|
+
"icons": true
|
|
61
|
+
},
|
|
62
|
+
"imageRoles": [],
|
|
63
|
+
"defaultValues": {
|
|
64
|
+
"min": 10,
|
|
65
|
+
"max": 50,
|
|
66
|
+
"step": 1,
|
|
67
|
+
"defaultValue": 10,
|
|
68
|
+
"incomePerReferral": 100,
|
|
69
|
+
"currencySymbol": "$",
|
|
70
|
+
"disclaimerIconAlt": ""
|
|
71
|
+
},
|
|
72
|
+
"fields": {
|
|
73
|
+
"currencySymbol": {
|
|
74
|
+
"type": "string",
|
|
75
|
+
"required": false,
|
|
76
|
+
"default": "$"
|
|
77
|
+
},
|
|
78
|
+
"defaultValue": {
|
|
79
|
+
"type": "number",
|
|
80
|
+
"required": false,
|
|
81
|
+
"default": 10
|
|
82
|
+
},
|
|
83
|
+
"description": {
|
|
84
|
+
"type": "string",
|
|
85
|
+
"required": false,
|
|
86
|
+
"default": "Explain how this specific feature helps your user.",
|
|
87
|
+
"maxLength": 600
|
|
88
|
+
},
|
|
89
|
+
"disclaimer": {
|
|
90
|
+
"type": "string",
|
|
91
|
+
"required": false,
|
|
92
|
+
"default": "This calculator provides estimates only and may not reflect actual earnings.",
|
|
93
|
+
"maxLength": 240
|
|
94
|
+
},
|
|
95
|
+
"incomePerReferral": {
|
|
96
|
+
"type": "number",
|
|
97
|
+
"required": false,
|
|
98
|
+
"default": 100
|
|
99
|
+
},
|
|
100
|
+
"max": {
|
|
101
|
+
"type": "number",
|
|
102
|
+
"required": false,
|
|
103
|
+
"default": 50
|
|
104
|
+
},
|
|
105
|
+
"min": {
|
|
106
|
+
"type": "number",
|
|
107
|
+
"required": false,
|
|
108
|
+
"default": 10
|
|
109
|
+
},
|
|
110
|
+
"step": {
|
|
111
|
+
"type": "number",
|
|
112
|
+
"required": false,
|
|
113
|
+
"default": 1
|
|
114
|
+
},
|
|
115
|
+
"title": {
|
|
116
|
+
"type": "string",
|
|
117
|
+
"required": false,
|
|
118
|
+
"default": "Section title goes here",
|
|
119
|
+
"maxLength": 120
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
},
|
|
2
123
|
"article-hero": {
|
|
3
124
|
"id": "article-hero",
|
|
4
125
|
"name": "Article Hero",
|
|
@@ -527,6 +648,135 @@
|
|
|
527
648
|
}
|
|
528
649
|
}
|
|
529
650
|
},
|
|
651
|
+
"country-link-grid": {
|
|
652
|
+
"id": "country-link-grid",
|
|
653
|
+
"name": "Country Link Grid",
|
|
654
|
+
"component": "CountryLinkGrid",
|
|
655
|
+
"category": "content",
|
|
656
|
+
"description": "Section heading and intro paragraph beside a responsive grid of country entries, each a flag icon plus a country name linking to that country's document.",
|
|
657
|
+
"purpose": "Use this template to list the countries a statement applies to — passporting rights, product availability, per-country regulatory documents — where each country links out to its own file or page.",
|
|
658
|
+
"keywords": [
|
|
659
|
+
"country",
|
|
660
|
+
"countries",
|
|
661
|
+
"flag",
|
|
662
|
+
"grid",
|
|
663
|
+
"passporting",
|
|
664
|
+
"jurisdiction",
|
|
665
|
+
"regulatory",
|
|
666
|
+
"regulation",
|
|
667
|
+
"availability",
|
|
668
|
+
"coverage",
|
|
669
|
+
"documents",
|
|
670
|
+
"deriv"
|
|
671
|
+
],
|
|
672
|
+
"sectionType": "country-link-grid",
|
|
673
|
+
"global": false,
|
|
674
|
+
"requiredFields": [],
|
|
675
|
+
"optionalFields": [
|
|
676
|
+
"title",
|
|
677
|
+
"description",
|
|
678
|
+
"items",
|
|
679
|
+
"headingLevel"
|
|
680
|
+
],
|
|
681
|
+
"variants": [
|
|
682
|
+
"default"
|
|
683
|
+
],
|
|
684
|
+
"recommendedPosition": 4,
|
|
685
|
+
"placement": [
|
|
686
|
+
"middle",
|
|
687
|
+
"bottom"
|
|
688
|
+
],
|
|
689
|
+
"layout": {
|
|
690
|
+
"alignment": "left",
|
|
691
|
+
"gridColumns": "2-4",
|
|
692
|
+
"contentWidth": "wide",
|
|
693
|
+
"background": false,
|
|
694
|
+
"overlay": false
|
|
695
|
+
},
|
|
696
|
+
"supports": {
|
|
697
|
+
"backgroundImage": false,
|
|
698
|
+
"backgroundVideo": false,
|
|
699
|
+
"foregroundImage": false,
|
|
700
|
+
"primaryButton": false,
|
|
701
|
+
"secondaryButton": false,
|
|
702
|
+
"sectionLink": false,
|
|
703
|
+
"multipleLinks": true,
|
|
704
|
+
"bulletList": false,
|
|
705
|
+
"icons": true
|
|
706
|
+
},
|
|
707
|
+
"imageRoles": [
|
|
708
|
+
"item-icon"
|
|
709
|
+
],
|
|
710
|
+
"defaultValues": {
|
|
711
|
+
"headingLevel": "h2"
|
|
712
|
+
},
|
|
713
|
+
"fields": {
|
|
714
|
+
"description": {
|
|
715
|
+
"type": "string",
|
|
716
|
+
"required": false,
|
|
717
|
+
"default": "Explain how this specific feature helps your user.",
|
|
718
|
+
"maxLength": 1200,
|
|
719
|
+
"description": "Intro paragraph explaining what the country list represents and what each linked document contains."
|
|
720
|
+
},
|
|
721
|
+
"headingLevel": {
|
|
722
|
+
"type": "string",
|
|
723
|
+
"required": false,
|
|
724
|
+
"default": "h2",
|
|
725
|
+
"enum": [
|
|
726
|
+
"h2",
|
|
727
|
+
"h3",
|
|
728
|
+
"h4"
|
|
729
|
+
],
|
|
730
|
+
"description": "Heading tag. Demote when the page already owns the heading hierarchy."
|
|
731
|
+
},
|
|
732
|
+
"items": {
|
|
733
|
+
"type": "array",
|
|
734
|
+
"required": false,
|
|
735
|
+
"description": "Country entries. Each renders a flag icon plus a country name linking to that country's document. Flag sources are supplied by the consumer — no flag assets are bundled with the design system.",
|
|
736
|
+
"itemFields": {
|
|
737
|
+
"external": {
|
|
738
|
+
"type": "boolean",
|
|
739
|
+
"required": false,
|
|
740
|
+
"default": true,
|
|
741
|
+
"description": "Opens in a new tab. The linked documents are hosted off-site."
|
|
742
|
+
},
|
|
743
|
+
"href": {
|
|
744
|
+
"type": "url",
|
|
745
|
+
"required": true,
|
|
746
|
+
"description": "Destination, usually a per-country regulatory PDF."
|
|
747
|
+
},
|
|
748
|
+
"iconAlt": {
|
|
749
|
+
"type": "string",
|
|
750
|
+
"required": false,
|
|
751
|
+
"default": "",
|
|
752
|
+
"description": "Alt text for the flag. Empty by default — the country name is adjacent inside the same link, so the flag is decorative."
|
|
753
|
+
},
|
|
754
|
+
"iconSrc": {
|
|
755
|
+
"type": "url",
|
|
756
|
+
"required": false,
|
|
757
|
+
"description": "Remote flag icon URL. Omit to render the entry as text only."
|
|
758
|
+
},
|
|
759
|
+
"id": {
|
|
760
|
+
"type": "string",
|
|
761
|
+
"required": false
|
|
762
|
+
},
|
|
763
|
+
"label": {
|
|
764
|
+
"type": "string",
|
|
765
|
+
"required": true,
|
|
766
|
+
"maxLength": 80,
|
|
767
|
+
"description": "Country name."
|
|
768
|
+
}
|
|
769
|
+
}
|
|
770
|
+
},
|
|
771
|
+
"title": {
|
|
772
|
+
"type": "string",
|
|
773
|
+
"required": false,
|
|
774
|
+
"default": "Section title goes here",
|
|
775
|
+
"maxLength": 120,
|
|
776
|
+
"description": "Section heading — usually the entity whose country list this is."
|
|
777
|
+
}
|
|
778
|
+
}
|
|
779
|
+
},
|
|
530
780
|
"cta-banner-standard": {
|
|
531
781
|
"id": "cta-banner-standard",
|
|
532
782
|
"name": "CTA Banner Standard",
|
|
@@ -837,6 +1087,164 @@
|
|
|
837
1087
|
}
|
|
838
1088
|
}
|
|
839
1089
|
},
|
|
1090
|
+
"document-chips": {
|
|
1091
|
+
"id": "document-chips",
|
|
1092
|
+
"name": "Document Chips",
|
|
1093
|
+
"component": "DocumentChips",
|
|
1094
|
+
"category": "content",
|
|
1095
|
+
"description": "Expandable groups of downloadable document chips, or a flat chip list, with optional trailing language links.",
|
|
1096
|
+
"purpose": "Use this template when a page needs downloadable documents as pill-shaped chips — either grouped in an accordion or as a flat list — with optional trailing language links.",
|
|
1097
|
+
"keywords": [
|
|
1098
|
+
"documents",
|
|
1099
|
+
"regulatory",
|
|
1100
|
+
"accordion",
|
|
1101
|
+
"chips",
|
|
1102
|
+
"downloads",
|
|
1103
|
+
"pdf",
|
|
1104
|
+
"language",
|
|
1105
|
+
"deriv"
|
|
1106
|
+
],
|
|
1107
|
+
"sectionType": "document-chips",
|
|
1108
|
+
"global": false,
|
|
1109
|
+
"requiredFields": [],
|
|
1110
|
+
"optionalFields": [
|
|
1111
|
+
"variant",
|
|
1112
|
+
"title",
|
|
1113
|
+
"description",
|
|
1114
|
+
"groups",
|
|
1115
|
+
"iconSrc",
|
|
1116
|
+
"iconAlt",
|
|
1117
|
+
"allowMultipleOpen",
|
|
1118
|
+
"headingLevel"
|
|
1119
|
+
],
|
|
1120
|
+
"variants": [
|
|
1121
|
+
"accordion",
|
|
1122
|
+
"flat"
|
|
1123
|
+
],
|
|
1124
|
+
"recommendedPosition": 6,
|
|
1125
|
+
"placement": [
|
|
1126
|
+
"middle"
|
|
1127
|
+
],
|
|
1128
|
+
"layout": {
|
|
1129
|
+
"alignment": "left",
|
|
1130
|
+
"gridColumns": "1-2",
|
|
1131
|
+
"contentWidth": "wide",
|
|
1132
|
+
"background": true,
|
|
1133
|
+
"overlay": false
|
|
1134
|
+
},
|
|
1135
|
+
"supports": {
|
|
1136
|
+
"backgroundImage": false,
|
|
1137
|
+
"backgroundVideo": false,
|
|
1138
|
+
"foregroundImage": false,
|
|
1139
|
+
"primaryButton": false,
|
|
1140
|
+
"secondaryButton": false,
|
|
1141
|
+
"sectionLink": false,
|
|
1142
|
+
"icons": true
|
|
1143
|
+
},
|
|
1144
|
+
"imageRoles": [],
|
|
1145
|
+
"defaultValues": {
|
|
1146
|
+
"variant": "accordion",
|
|
1147
|
+
"headingLevel": "h2",
|
|
1148
|
+
"allowMultipleOpen": false,
|
|
1149
|
+
"iconAlt": ""
|
|
1150
|
+
},
|
|
1151
|
+
"fields": {
|
|
1152
|
+
"allowMultipleOpen": {
|
|
1153
|
+
"type": "boolean",
|
|
1154
|
+
"required": false,
|
|
1155
|
+
"default": false
|
|
1156
|
+
},
|
|
1157
|
+
"description": {
|
|
1158
|
+
"type": "string",
|
|
1159
|
+
"required": false,
|
|
1160
|
+
"maxLength": 600
|
|
1161
|
+
},
|
|
1162
|
+
"groups": {
|
|
1163
|
+
"type": "array",
|
|
1164
|
+
"required": false,
|
|
1165
|
+
"itemFields": {
|
|
1166
|
+
"documents": {
|
|
1167
|
+
"type": "array",
|
|
1168
|
+
"required": false,
|
|
1169
|
+
"itemFields": {
|
|
1170
|
+
"external": {
|
|
1171
|
+
"type": "boolean",
|
|
1172
|
+
"required": false,
|
|
1173
|
+
"default": true
|
|
1174
|
+
},
|
|
1175
|
+
"href": {
|
|
1176
|
+
"type": "url",
|
|
1177
|
+
"required": true
|
|
1178
|
+
},
|
|
1179
|
+
"iconSrc": {
|
|
1180
|
+
"type": "url",
|
|
1181
|
+
"required": false
|
|
1182
|
+
},
|
|
1183
|
+
"id": {
|
|
1184
|
+
"type": "string",
|
|
1185
|
+
"required": false
|
|
1186
|
+
},
|
|
1187
|
+
"languageLink": {
|
|
1188
|
+
"type": "object",
|
|
1189
|
+
"required": false
|
|
1190
|
+
},
|
|
1191
|
+
"title": {
|
|
1192
|
+
"type": "string",
|
|
1193
|
+
"required": true,
|
|
1194
|
+
"maxLength": 160
|
|
1195
|
+
}
|
|
1196
|
+
}
|
|
1197
|
+
},
|
|
1198
|
+
"id": {
|
|
1199
|
+
"type": "string",
|
|
1200
|
+
"required": false
|
|
1201
|
+
},
|
|
1202
|
+
"title": {
|
|
1203
|
+
"type": "string",
|
|
1204
|
+
"required": true,
|
|
1205
|
+
"maxLength": 80
|
|
1206
|
+
}
|
|
1207
|
+
}
|
|
1208
|
+
},
|
|
1209
|
+
"headingLevel": {
|
|
1210
|
+
"type": "string",
|
|
1211
|
+
"required": false,
|
|
1212
|
+
"default": "h2",
|
|
1213
|
+
"enum": [
|
|
1214
|
+
"h2",
|
|
1215
|
+
"h3",
|
|
1216
|
+
"h4"
|
|
1217
|
+
]
|
|
1218
|
+
},
|
|
1219
|
+
"iconAlt": {
|
|
1220
|
+
"type": "string",
|
|
1221
|
+
"required": false,
|
|
1222
|
+
"default": "",
|
|
1223
|
+
"maxLength": 80
|
|
1224
|
+
},
|
|
1225
|
+
"iconSrc": {
|
|
1226
|
+
"type": "url",
|
|
1227
|
+
"required": false,
|
|
1228
|
+
"default": "https://media.ffycdn.net/eu/deriv/d/8d33a322464c4809a9d01119104caa0d"
|
|
1229
|
+
},
|
|
1230
|
+
"title": {
|
|
1231
|
+
"type": "string",
|
|
1232
|
+
"required": false,
|
|
1233
|
+
"default": "Section title goes here",
|
|
1234
|
+
"maxLength": 120
|
|
1235
|
+
},
|
|
1236
|
+
"variant": {
|
|
1237
|
+
"type": "string",
|
|
1238
|
+
"required": false,
|
|
1239
|
+
"default": "accordion",
|
|
1240
|
+
"enum": [
|
|
1241
|
+
"accordion",
|
|
1242
|
+
"flat"
|
|
1243
|
+
],
|
|
1244
|
+
"description": "`accordion` — expandable groups (default). `flat` — a single chip list with no accordion."
|
|
1245
|
+
}
|
|
1246
|
+
}
|
|
1247
|
+
},
|
|
840
1248
|
"download-banner-light-2": {
|
|
841
1249
|
"id": "download-banner-light-2",
|
|
842
1250
|
"name": "Download Banner Light 2",
|
|
@@ -1109,29 +1517,149 @@
|
|
|
1109
1517
|
"itemFields": {
|
|
1110
1518
|
"header": {
|
|
1111
1519
|
"type": "string",
|
|
1112
|
-
"required": true,
|
|
1113
|
-
"maxLength": 40
|
|
1520
|
+
"required": true,
|
|
1521
|
+
"maxLength": 40
|
|
1522
|
+
},
|
|
1523
|
+
"key": {
|
|
1524
|
+
"type": "string",
|
|
1525
|
+
"required": true,
|
|
1526
|
+
"maxLength": 40
|
|
1527
|
+
}
|
|
1528
|
+
}
|
|
1529
|
+
},
|
|
1530
|
+
"rows": {
|
|
1531
|
+
"type": "array",
|
|
1532
|
+
"required": true
|
|
1533
|
+
},
|
|
1534
|
+
"sectionTitle": {
|
|
1535
|
+
"type": "string",
|
|
1536
|
+
"required": false,
|
|
1537
|
+
"maxLength": 80
|
|
1538
|
+
},
|
|
1539
|
+
"variant": {
|
|
1540
|
+
"type": "enum",
|
|
1541
|
+
"required": false,
|
|
1542
|
+
"default": "Three columns"
|
|
1543
|
+
}
|
|
1544
|
+
}
|
|
1545
|
+
},
|
|
1546
|
+
"entity-info-section": {
|
|
1547
|
+
"id": "entity-info-section",
|
|
1548
|
+
"name": "Entity Info Section",
|
|
1549
|
+
"component": "EntityInfoSection",
|
|
1550
|
+
"category": "content",
|
|
1551
|
+
"description": "Legal-entity block with the entity name, a registration and licensing paragraph, an optional list of regulated activities, and coral arrow links to the entity's regulatory documents.",
|
|
1552
|
+
"purpose": "Use this template to describe one licensed legal entity on a regulatory or legal page — who the entity is, where it is registered, which authority licenses it, and where to read the documents that prove it.",
|
|
1553
|
+
"keywords": [
|
|
1554
|
+
"regulatory",
|
|
1555
|
+
"regulation",
|
|
1556
|
+
"entity",
|
|
1557
|
+
"legal",
|
|
1558
|
+
"licence",
|
|
1559
|
+
"license",
|
|
1560
|
+
"compliance",
|
|
1561
|
+
"jurisdiction",
|
|
1562
|
+
"registration",
|
|
1563
|
+
"authority",
|
|
1564
|
+
"disclosure",
|
|
1565
|
+
"deriv"
|
|
1566
|
+
],
|
|
1567
|
+
"sectionType": "entity-info-section",
|
|
1568
|
+
"global": false,
|
|
1569
|
+
"requiredFields": [],
|
|
1570
|
+
"optionalFields": [
|
|
1571
|
+
"name",
|
|
1572
|
+
"description",
|
|
1573
|
+
"bullets",
|
|
1574
|
+
"links",
|
|
1575
|
+
"headingLevel"
|
|
1576
|
+
],
|
|
1577
|
+
"variants": [
|
|
1578
|
+
"default"
|
|
1579
|
+
],
|
|
1580
|
+
"recommendedPosition": 3,
|
|
1581
|
+
"placement": [
|
|
1582
|
+
"middle",
|
|
1583
|
+
"bottom"
|
|
1584
|
+
],
|
|
1585
|
+
"layout": {
|
|
1586
|
+
"alignment": "left",
|
|
1587
|
+
"gridColumns": "1",
|
|
1588
|
+
"contentWidth": "wide",
|
|
1589
|
+
"background": false,
|
|
1590
|
+
"overlay": false
|
|
1591
|
+
},
|
|
1592
|
+
"supports": {
|
|
1593
|
+
"backgroundImage": false,
|
|
1594
|
+
"backgroundVideo": false,
|
|
1595
|
+
"foregroundImage": false,
|
|
1596
|
+
"primaryButton": false,
|
|
1597
|
+
"secondaryButton": false,
|
|
1598
|
+
"sectionLink": true,
|
|
1599
|
+
"multipleLinks": true,
|
|
1600
|
+
"bulletList": true,
|
|
1601
|
+
"icons": false
|
|
1602
|
+
},
|
|
1603
|
+
"imageRoles": [],
|
|
1604
|
+
"defaultValues": {
|
|
1605
|
+
"headingLevel": "h2"
|
|
1606
|
+
},
|
|
1607
|
+
"fields": {
|
|
1608
|
+
"bullets": {
|
|
1609
|
+
"type": "array",
|
|
1610
|
+
"required": false,
|
|
1611
|
+
"description": "Optional list of regulated activities, rendered below the paragraph."
|
|
1612
|
+
},
|
|
1613
|
+
"description": {
|
|
1614
|
+
"type": "string",
|
|
1615
|
+
"required": false,
|
|
1616
|
+
"default": "Explain how this specific feature helps your user.",
|
|
1617
|
+
"maxLength": 1200,
|
|
1618
|
+
"description": "Registration and licensing paragraph. Plain text — where the live page places a licence link inline in this prose, use the `links` array instead."
|
|
1619
|
+
},
|
|
1620
|
+
"headingLevel": {
|
|
1621
|
+
"type": "string",
|
|
1622
|
+
"required": false,
|
|
1623
|
+
"default": "h2",
|
|
1624
|
+
"enum": [
|
|
1625
|
+
"h2",
|
|
1626
|
+
"h3",
|
|
1627
|
+
"h4"
|
|
1628
|
+
],
|
|
1629
|
+
"description": "Heading tag. Demote when the page already owns the heading hierarchy."
|
|
1630
|
+
},
|
|
1631
|
+
"links": {
|
|
1632
|
+
"type": "array",
|
|
1633
|
+
"required": false,
|
|
1634
|
+
"description": "Coral arrow links to the entity's regulatory documents, laid out in a wrapping row.",
|
|
1635
|
+
"itemFields": {
|
|
1636
|
+
"external": {
|
|
1637
|
+
"type": "boolean",
|
|
1638
|
+
"required": false,
|
|
1639
|
+
"default": true,
|
|
1640
|
+
"description": "Opens in a new tab. Regulatory documents are hosted off-site."
|
|
1641
|
+
},
|
|
1642
|
+
"href": {
|
|
1643
|
+
"type": "url",
|
|
1644
|
+
"required": true
|
|
1645
|
+
},
|
|
1646
|
+
"id": {
|
|
1647
|
+
"type": "string",
|
|
1648
|
+
"required": false
|
|
1114
1649
|
},
|
|
1115
|
-
"
|
|
1650
|
+
"label": {
|
|
1116
1651
|
"type": "string",
|
|
1117
1652
|
"required": true,
|
|
1118
|
-
"maxLength":
|
|
1653
|
+
"maxLength": 80
|
|
1119
1654
|
}
|
|
1120
1655
|
}
|
|
1121
1656
|
},
|
|
1122
|
-
"
|
|
1123
|
-
"type": "array",
|
|
1124
|
-
"required": true
|
|
1125
|
-
},
|
|
1126
|
-
"sectionTitle": {
|
|
1657
|
+
"name": {
|
|
1127
1658
|
"type": "string",
|
|
1128
1659
|
"required": false,
|
|
1129
|
-
"
|
|
1130
|
-
|
|
1131
|
-
|
|
1132
|
-
"type": "enum",
|
|
1133
|
-
"required": false,
|
|
1134
|
-
"default": "Three columns"
|
|
1660
|
+
"default": "Section title goes here",
|
|
1661
|
+
"maxLength": 120,
|
|
1662
|
+
"description": "Legal entity name, e.g. the registered company name."
|
|
1135
1663
|
}
|
|
1136
1664
|
}
|
|
1137
1665
|
},
|
|
@@ -2145,7 +2673,8 @@
|
|
|
2145
2673
|
},
|
|
2146
2674
|
"platforms": {
|
|
2147
2675
|
"type": "array",
|
|
2148
|
-
"required": false
|
|
2676
|
+
"required": false,
|
|
2677
|
+
"description": "Row of platform shortcut links under the CTA. Each item takes a `label`, an optional `href`, and an icon supplied as either an inline `icon` node or an `iconSrc` URL (`icon` wins if both are given). Prefer `icon` with an SVG that paints in `currentColor` so it follows the card tone — an <img> cannot inherit `color` and a dark-filled asset disappears on a dark card shell."
|
|
2149
2678
|
},
|
|
2150
2679
|
"platformsHeading": {
|
|
2151
2680
|
"type": "string",
|
|
@@ -3732,6 +4261,132 @@
|
|
|
3732
4261
|
}
|
|
3733
4262
|
}
|
|
3734
4263
|
},
|
|
4264
|
+
"language-select-modal": {
|
|
4265
|
+
"id": "language-select-modal",
|
|
4266
|
+
"name": "Language Select Modal",
|
|
4267
|
+
"component": "LanguageSelectModal",
|
|
4268
|
+
"category": "overlay",
|
|
4269
|
+
"description": "Centred language-picker dialog with a grid of flag-plus-label destination links, built on LinkModal.",
|
|
4270
|
+
"purpose": "Use this template when a page needs a language (or locale) picker dialog — typically opened from a DocumentChips language link — where each option is a flag image plus a label linking to that language's destination.",
|
|
4271
|
+
"keywords": [
|
|
4272
|
+
"language",
|
|
4273
|
+
"locale",
|
|
4274
|
+
"modal",
|
|
4275
|
+
"dialog",
|
|
4276
|
+
"flag",
|
|
4277
|
+
"translation",
|
|
4278
|
+
"document",
|
|
4279
|
+
"regulatory",
|
|
4280
|
+
"overlay",
|
|
4281
|
+
"deriv"
|
|
4282
|
+
],
|
|
4283
|
+
"sectionType": "language-select-modal",
|
|
4284
|
+
"global": false,
|
|
4285
|
+
"requiredFields": [
|
|
4286
|
+
"open"
|
|
4287
|
+
],
|
|
4288
|
+
"optionalFields": [
|
|
4289
|
+
"title",
|
|
4290
|
+
"closeLabel",
|
|
4291
|
+
"options",
|
|
4292
|
+
"headingLevel",
|
|
4293
|
+
"container"
|
|
4294
|
+
],
|
|
4295
|
+
"variants": [
|
|
4296
|
+
"default"
|
|
4297
|
+
],
|
|
4298
|
+
"recommendedPosition": 99,
|
|
4299
|
+
"placement": [
|
|
4300
|
+
"overlay"
|
|
4301
|
+
],
|
|
4302
|
+
"layout": {
|
|
4303
|
+
"alignment": "center",
|
|
4304
|
+
"gridColumns": "2-3",
|
|
4305
|
+
"contentWidth": "narrow",
|
|
4306
|
+
"background": false,
|
|
4307
|
+
"overlay": true
|
|
4308
|
+
},
|
|
4309
|
+
"supports": {
|
|
4310
|
+
"backgroundImage": false,
|
|
4311
|
+
"backgroundVideo": false,
|
|
4312
|
+
"foregroundImage": false,
|
|
4313
|
+
"primaryButton": false,
|
|
4314
|
+
"secondaryButton": false,
|
|
4315
|
+
"sectionLink": false,
|
|
4316
|
+
"icons": true
|
|
4317
|
+
},
|
|
4318
|
+
"imageRoles": [
|
|
4319
|
+
"flag"
|
|
4320
|
+
],
|
|
4321
|
+
"defaultValues": {
|
|
4322
|
+
"title": "Select your language",
|
|
4323
|
+
"closeLabel": "Close",
|
|
4324
|
+
"headingLevel": "h2"
|
|
4325
|
+
},
|
|
4326
|
+
"fields": {
|
|
4327
|
+
"closeLabel": {
|
|
4328
|
+
"type": "string",
|
|
4329
|
+
"required": false,
|
|
4330
|
+
"default": "Close",
|
|
4331
|
+
"maxLength": 40
|
|
4332
|
+
},
|
|
4333
|
+
"headingLevel": {
|
|
4334
|
+
"type": "string",
|
|
4335
|
+
"required": false,
|
|
4336
|
+
"default": "h2",
|
|
4337
|
+
"enum": [
|
|
4338
|
+
"h2",
|
|
4339
|
+
"h3"
|
|
4340
|
+
]
|
|
4341
|
+
},
|
|
4342
|
+
"open": {
|
|
4343
|
+
"type": "boolean",
|
|
4344
|
+
"required": true,
|
|
4345
|
+
"description": "Whether the dialog is rendered. Nothing mounts while false."
|
|
4346
|
+
},
|
|
4347
|
+
"options": {
|
|
4348
|
+
"type": "array",
|
|
4349
|
+
"required": false,
|
|
4350
|
+
"description": "Flag + label destinations. Flag sources are consumer-supplied remote URLs.",
|
|
4351
|
+
"itemFields": {
|
|
4352
|
+
"external": {
|
|
4353
|
+
"type": "boolean",
|
|
4354
|
+
"required": false,
|
|
4355
|
+
"default": true
|
|
4356
|
+
},
|
|
4357
|
+
"flagAlt": {
|
|
4358
|
+
"type": "string",
|
|
4359
|
+
"required": false,
|
|
4360
|
+
"default": ""
|
|
4361
|
+
},
|
|
4362
|
+
"flagSrc": {
|
|
4363
|
+
"type": "url",
|
|
4364
|
+
"required": false,
|
|
4365
|
+
"description": "Remote flag image. Omit for a label-only option."
|
|
4366
|
+
},
|
|
4367
|
+
"href": {
|
|
4368
|
+
"type": "url",
|
|
4369
|
+
"required": true
|
|
4370
|
+
},
|
|
4371
|
+
"id": {
|
|
4372
|
+
"type": "string",
|
|
4373
|
+
"required": false
|
|
4374
|
+
},
|
|
4375
|
+
"label": {
|
|
4376
|
+
"type": "string",
|
|
4377
|
+
"required": true,
|
|
4378
|
+
"maxLength": 80
|
|
4379
|
+
}
|
|
4380
|
+
}
|
|
4381
|
+
},
|
|
4382
|
+
"title": {
|
|
4383
|
+
"type": "string",
|
|
4384
|
+
"required": false,
|
|
4385
|
+
"default": "Select your language",
|
|
4386
|
+
"maxLength": 80
|
|
4387
|
+
}
|
|
4388
|
+
}
|
|
4389
|
+
},
|
|
3735
4390
|
"leaders": {
|
|
3736
4391
|
"id": "leaders",
|
|
3737
4392
|
"name": "Leaders",
|
|
@@ -4286,6 +4941,222 @@
|
|
|
4286
4941
|
}
|
|
4287
4942
|
}
|
|
4288
4943
|
},
|
|
4944
|
+
"options-types": {
|
|
4945
|
+
"id": "options-types",
|
|
4946
|
+
"name": "Options Types",
|
|
4947
|
+
"component": "OptionsTypes",
|
|
4948
|
+
"category": "feature",
|
|
4949
|
+
"description": "Interactive option-type explainer with either selectable tabs or a focused single-item layout, one or two manually controlled Lottie cards, and market/platform availability.",
|
|
4950
|
+
"purpose": "Explain how one or more options contracts work using concise copy, manually controlled Lottie illustrations, and compact market/platform availability lists. Use the tabbed layout for a small set of related contracts and the single layout for a dedicated product page.",
|
|
4951
|
+
"keywords": [
|
|
4952
|
+
"options",
|
|
4953
|
+
"trade types",
|
|
4954
|
+
"digital options",
|
|
4955
|
+
"accumulator",
|
|
4956
|
+
"vanilla",
|
|
4957
|
+
"turbo",
|
|
4958
|
+
"multipliers",
|
|
4959
|
+
"tabs",
|
|
4960
|
+
"lottie",
|
|
4961
|
+
"markets",
|
|
4962
|
+
"platforms",
|
|
4963
|
+
"how it works"
|
|
4964
|
+
],
|
|
4965
|
+
"sectionType": "feature",
|
|
4966
|
+
"global": false,
|
|
4967
|
+
"requiredFields": [],
|
|
4968
|
+
"optionalFields": [
|
|
4969
|
+
"variant",
|
|
4970
|
+
"heading",
|
|
4971
|
+
"headingLevel",
|
|
4972
|
+
"items",
|
|
4973
|
+
"defaultActiveId",
|
|
4974
|
+
"marketsLabel",
|
|
4975
|
+
"platformsLabel",
|
|
4976
|
+
"disclaimer"
|
|
4977
|
+
],
|
|
4978
|
+
"variants": [
|
|
4979
|
+
"tabs",
|
|
4980
|
+
"single",
|
|
4981
|
+
"toggle"
|
|
4982
|
+
],
|
|
4983
|
+
"recommendedPosition": 4,
|
|
4984
|
+
"placement": [
|
|
4985
|
+
"middle"
|
|
4986
|
+
],
|
|
4987
|
+
"layout": {
|
|
4988
|
+
"alignment": "center",
|
|
4989
|
+
"contentWidth": "wide",
|
|
4990
|
+
"background": true,
|
|
4991
|
+
"overlay": false
|
|
4992
|
+
},
|
|
4993
|
+
"supports": {
|
|
4994
|
+
"tabs": true,
|
|
4995
|
+
"lottie": true,
|
|
4996
|
+
"manualPlayback": true,
|
|
4997
|
+
"markets": true,
|
|
4998
|
+
"platforms": true,
|
|
4999
|
+
"disclaimer": true
|
|
5000
|
+
},
|
|
5001
|
+
"imageRoles": [
|
|
5002
|
+
"animation",
|
|
5003
|
+
"poster"
|
|
5004
|
+
],
|
|
5005
|
+
"defaultValues": {
|
|
5006
|
+
"variant": "tabs",
|
|
5007
|
+
"heading": "Section title goes here",
|
|
5008
|
+
"headingLevel": "h2",
|
|
5009
|
+
"marketsLabel": "Markets available",
|
|
5010
|
+
"platformsLabel": "Trade on"
|
|
5011
|
+
},
|
|
5012
|
+
"fields": {
|
|
5013
|
+
"defaultActiveId": {
|
|
5014
|
+
"type": "string",
|
|
5015
|
+
"required": false,
|
|
5016
|
+
"maxLength": 80
|
|
5017
|
+
},
|
|
5018
|
+
"disclaimer": {
|
|
5019
|
+
"type": "string",
|
|
5020
|
+
"required": false,
|
|
5021
|
+
"maxLength": 200
|
|
5022
|
+
},
|
|
5023
|
+
"heading": {
|
|
5024
|
+
"type": "string",
|
|
5025
|
+
"required": false,
|
|
5026
|
+
"default": "Section title goes here",
|
|
5027
|
+
"maxLength": 100
|
|
5028
|
+
},
|
|
5029
|
+
"headingLevel": {
|
|
5030
|
+
"type": "string",
|
|
5031
|
+
"required": false,
|
|
5032
|
+
"default": "h2",
|
|
5033
|
+
"enum": [
|
|
5034
|
+
"h2",
|
|
5035
|
+
"h3",
|
|
5036
|
+
"h4"
|
|
5037
|
+
]
|
|
5038
|
+
},
|
|
5039
|
+
"items": {
|
|
5040
|
+
"type": "array",
|
|
5041
|
+
"required": false,
|
|
5042
|
+
"itemFields": {
|
|
5043
|
+
"animations": {
|
|
5044
|
+
"type": "array",
|
|
5045
|
+
"required": true,
|
|
5046
|
+
"itemFields": {
|
|
5047
|
+
"id": {
|
|
5048
|
+
"type": "string",
|
|
5049
|
+
"required": false,
|
|
5050
|
+
"maxLength": 80
|
|
5051
|
+
},
|
|
5052
|
+
"label": {
|
|
5053
|
+
"type": "string",
|
|
5054
|
+
"required": true,
|
|
5055
|
+
"maxLength": 60
|
|
5056
|
+
},
|
|
5057
|
+
"posterUrl": {
|
|
5058
|
+
"type": "url",
|
|
5059
|
+
"required": false
|
|
5060
|
+
},
|
|
5061
|
+
"src": {
|
|
5062
|
+
"type": "url",
|
|
5063
|
+
"required": true
|
|
5064
|
+
}
|
|
5065
|
+
}
|
|
5066
|
+
},
|
|
5067
|
+
"description": {
|
|
5068
|
+
"type": "string",
|
|
5069
|
+
"required": true,
|
|
5070
|
+
"maxLength": 500
|
|
5071
|
+
},
|
|
5072
|
+
"id": {
|
|
5073
|
+
"type": "string",
|
|
5074
|
+
"required": true,
|
|
5075
|
+
"maxLength": 80
|
|
5076
|
+
},
|
|
5077
|
+
"label": {
|
|
5078
|
+
"type": "string",
|
|
5079
|
+
"required": false,
|
|
5080
|
+
"maxLength": 60
|
|
5081
|
+
},
|
|
5082
|
+
"markets": {
|
|
5083
|
+
"type": "array",
|
|
5084
|
+
"required": false,
|
|
5085
|
+
"itemFields": {
|
|
5086
|
+
"href": {
|
|
5087
|
+
"type": "url",
|
|
5088
|
+
"required": false
|
|
5089
|
+
},
|
|
5090
|
+
"icon": {
|
|
5091
|
+
"type": "string",
|
|
5092
|
+
"required": false
|
|
5093
|
+
},
|
|
5094
|
+
"iconUrl": {
|
|
5095
|
+
"type": "url",
|
|
5096
|
+
"required": false
|
|
5097
|
+
},
|
|
5098
|
+
"label": {
|
|
5099
|
+
"type": "string",
|
|
5100
|
+
"required": true,
|
|
5101
|
+
"maxLength": 80
|
|
5102
|
+
}
|
|
5103
|
+
}
|
|
5104
|
+
},
|
|
5105
|
+
"platforms": {
|
|
5106
|
+
"type": "array",
|
|
5107
|
+
"required": false,
|
|
5108
|
+
"itemFields": {
|
|
5109
|
+
"href": {
|
|
5110
|
+
"type": "url",
|
|
5111
|
+
"required": false
|
|
5112
|
+
},
|
|
5113
|
+
"icon": {
|
|
5114
|
+
"type": "string",
|
|
5115
|
+
"required": false
|
|
5116
|
+
},
|
|
5117
|
+
"iconUrl": {
|
|
5118
|
+
"type": "url",
|
|
5119
|
+
"required": false
|
|
5120
|
+
},
|
|
5121
|
+
"label": {
|
|
5122
|
+
"type": "string",
|
|
5123
|
+
"required": true,
|
|
5124
|
+
"maxLength": 80
|
|
5125
|
+
}
|
|
5126
|
+
}
|
|
5127
|
+
},
|
|
5128
|
+
"title": {
|
|
5129
|
+
"type": "string",
|
|
5130
|
+
"required": true,
|
|
5131
|
+
"maxLength": 100
|
|
5132
|
+
}
|
|
5133
|
+
}
|
|
5134
|
+
},
|
|
5135
|
+
"marketsLabel": {
|
|
5136
|
+
"type": "string",
|
|
5137
|
+
"required": false,
|
|
5138
|
+
"default": "Markets available",
|
|
5139
|
+
"maxLength": 80
|
|
5140
|
+
},
|
|
5141
|
+
"platformsLabel": {
|
|
5142
|
+
"type": "string",
|
|
5143
|
+
"required": false,
|
|
5144
|
+
"default": "Trade on",
|
|
5145
|
+
"maxLength": 80
|
|
5146
|
+
},
|
|
5147
|
+
"variant": {
|
|
5148
|
+
"type": "string",
|
|
5149
|
+
"required": false,
|
|
5150
|
+
"default": "tabs",
|
|
5151
|
+
"enum": [
|
|
5152
|
+
"tabs",
|
|
5153
|
+
"single",
|
|
5154
|
+
"toggle"
|
|
5155
|
+
],
|
|
5156
|
+
"description": "`tabs` lists selectable option types; `single` shows one option as a media/copy split; `toggle` shows one option as a single media well whose animation is swapped by an icon switch above the card heading."
|
|
5157
|
+
}
|
|
5158
|
+
}
|
|
5159
|
+
},
|
|
4289
5160
|
"parallax-banner": {
|
|
4290
5161
|
"id": "parallax-banner",
|
|
4291
5162
|
"name": "Parallax Banner",
|