@deriv-web-design/ui 0.1.19 → 0.1.21
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 +754 -12
- package/components.manifest.json +400 -1
- package/dist/index.css +1153 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +413 -6
- package/dist/index.d.ts +413 -6
- package/dist/index.js +1414 -215
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1279 -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",
|
|
@@ -818,22 +1068,180 @@
|
|
|
818
1068
|
"nightHeadline": {
|
|
819
1069
|
"type": "string",
|
|
820
1070
|
"required": false,
|
|
821
|
-
"maxLength": 80,
|
|
822
|
-
"default": "Medium length section title goes here"
|
|
823
|
-
},
|
|
824
|
-
"nightImageUrl": {
|
|
825
|
-
"type": "image",
|
|
826
|
-
"required": true,
|
|
827
|
-
"aspectRatio": "16:9"
|
|
1071
|
+
"maxLength": 80,
|
|
1072
|
+
"default": "Medium length section title goes here"
|
|
1073
|
+
},
|
|
1074
|
+
"nightImageUrl": {
|
|
1075
|
+
"type": "image",
|
|
1076
|
+
"required": true,
|
|
1077
|
+
"aspectRatio": "16:9"
|
|
1078
|
+
},
|
|
1079
|
+
"scrollPreset": {
|
|
1080
|
+
"type": "string",
|
|
1081
|
+
"required": false,
|
|
1082
|
+
"enum": [
|
|
1083
|
+
"default",
|
|
1084
|
+
"webflow-day-night-v2"
|
|
1085
|
+
],
|
|
1086
|
+
"default": "default"
|
|
1087
|
+
}
|
|
1088
|
+
}
|
|
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
|
|
828
1235
|
},
|
|
829
|
-
"
|
|
1236
|
+
"variant": {
|
|
830
1237
|
"type": "string",
|
|
831
1238
|
"required": false,
|
|
1239
|
+
"default": "accordion",
|
|
832
1240
|
"enum": [
|
|
833
|
-
"
|
|
834
|
-
"
|
|
1241
|
+
"accordion",
|
|
1242
|
+
"flat"
|
|
835
1243
|
],
|
|
836
|
-
"
|
|
1244
|
+
"description": "`accordion` — expandable groups (default). `flat` — a single chip list with no accordion."
|
|
837
1245
|
}
|
|
838
1246
|
}
|
|
839
1247
|
},
|
|
@@ -1135,6 +1543,126 @@
|
|
|
1135
1543
|
}
|
|
1136
1544
|
}
|
|
1137
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
|
|
1649
|
+
},
|
|
1650
|
+
"label": {
|
|
1651
|
+
"type": "string",
|
|
1652
|
+
"required": true,
|
|
1653
|
+
"maxLength": 80
|
|
1654
|
+
}
|
|
1655
|
+
}
|
|
1656
|
+
},
|
|
1657
|
+
"name": {
|
|
1658
|
+
"type": "string",
|
|
1659
|
+
"required": false,
|
|
1660
|
+
"default": "Section title goes here",
|
|
1661
|
+
"maxLength": 120,
|
|
1662
|
+
"description": "Legal entity name, e.g. the registered company name."
|
|
1663
|
+
}
|
|
1664
|
+
}
|
|
1665
|
+
},
|
|
1138
1666
|
"faq-accordion-white": {
|
|
1139
1667
|
"id": "faq-accordion-white",
|
|
1140
1668
|
"name": "FAQ Accordion White",
|
|
@@ -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",
|
|
@@ -4286,6 +4815,219 @@
|
|
|
4286
4815
|
}
|
|
4287
4816
|
}
|
|
4288
4817
|
},
|
|
4818
|
+
"options-types": {
|
|
4819
|
+
"id": "options-types",
|
|
4820
|
+
"name": "Options Types",
|
|
4821
|
+
"component": "OptionsTypes",
|
|
4822
|
+
"category": "feature",
|
|
4823
|
+
"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.",
|
|
4824
|
+
"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.",
|
|
4825
|
+
"keywords": [
|
|
4826
|
+
"options",
|
|
4827
|
+
"trade types",
|
|
4828
|
+
"digital options",
|
|
4829
|
+
"accumulator",
|
|
4830
|
+
"vanilla",
|
|
4831
|
+
"turbo",
|
|
4832
|
+
"multipliers",
|
|
4833
|
+
"tabs",
|
|
4834
|
+
"lottie",
|
|
4835
|
+
"markets",
|
|
4836
|
+
"platforms",
|
|
4837
|
+
"how it works"
|
|
4838
|
+
],
|
|
4839
|
+
"sectionType": "feature",
|
|
4840
|
+
"global": false,
|
|
4841
|
+
"requiredFields": [],
|
|
4842
|
+
"optionalFields": [
|
|
4843
|
+
"variant",
|
|
4844
|
+
"heading",
|
|
4845
|
+
"headingLevel",
|
|
4846
|
+
"items",
|
|
4847
|
+
"defaultActiveId",
|
|
4848
|
+
"marketsLabel",
|
|
4849
|
+
"platformsLabel",
|
|
4850
|
+
"disclaimer"
|
|
4851
|
+
],
|
|
4852
|
+
"variants": [
|
|
4853
|
+
"tabs",
|
|
4854
|
+
"single"
|
|
4855
|
+
],
|
|
4856
|
+
"recommendedPosition": 4,
|
|
4857
|
+
"placement": [
|
|
4858
|
+
"middle"
|
|
4859
|
+
],
|
|
4860
|
+
"layout": {
|
|
4861
|
+
"alignment": "center",
|
|
4862
|
+
"contentWidth": "wide",
|
|
4863
|
+
"background": true,
|
|
4864
|
+
"overlay": false
|
|
4865
|
+
},
|
|
4866
|
+
"supports": {
|
|
4867
|
+
"tabs": true,
|
|
4868
|
+
"lottie": true,
|
|
4869
|
+
"manualPlayback": true,
|
|
4870
|
+
"markets": true,
|
|
4871
|
+
"platforms": true,
|
|
4872
|
+
"disclaimer": true
|
|
4873
|
+
},
|
|
4874
|
+
"imageRoles": [
|
|
4875
|
+
"animation",
|
|
4876
|
+
"poster"
|
|
4877
|
+
],
|
|
4878
|
+
"defaultValues": {
|
|
4879
|
+
"variant": "tabs",
|
|
4880
|
+
"heading": "Section title goes here",
|
|
4881
|
+
"headingLevel": "h2",
|
|
4882
|
+
"marketsLabel": "Markets available",
|
|
4883
|
+
"platformsLabel": "Trade on"
|
|
4884
|
+
},
|
|
4885
|
+
"fields": {
|
|
4886
|
+
"defaultActiveId": {
|
|
4887
|
+
"type": "string",
|
|
4888
|
+
"required": false,
|
|
4889
|
+
"maxLength": 80
|
|
4890
|
+
},
|
|
4891
|
+
"disclaimer": {
|
|
4892
|
+
"type": "string",
|
|
4893
|
+
"required": false,
|
|
4894
|
+
"maxLength": 200
|
|
4895
|
+
},
|
|
4896
|
+
"heading": {
|
|
4897
|
+
"type": "string",
|
|
4898
|
+
"required": false,
|
|
4899
|
+
"default": "Section title goes here",
|
|
4900
|
+
"maxLength": 100
|
|
4901
|
+
},
|
|
4902
|
+
"headingLevel": {
|
|
4903
|
+
"type": "string",
|
|
4904
|
+
"required": false,
|
|
4905
|
+
"default": "h2",
|
|
4906
|
+
"enum": [
|
|
4907
|
+
"h2",
|
|
4908
|
+
"h3",
|
|
4909
|
+
"h4"
|
|
4910
|
+
]
|
|
4911
|
+
},
|
|
4912
|
+
"items": {
|
|
4913
|
+
"type": "array",
|
|
4914
|
+
"required": false,
|
|
4915
|
+
"itemFields": {
|
|
4916
|
+
"animations": {
|
|
4917
|
+
"type": "array",
|
|
4918
|
+
"required": true,
|
|
4919
|
+
"itemFields": {
|
|
4920
|
+
"id": {
|
|
4921
|
+
"type": "string",
|
|
4922
|
+
"required": false,
|
|
4923
|
+
"maxLength": 80
|
|
4924
|
+
},
|
|
4925
|
+
"label": {
|
|
4926
|
+
"type": "string",
|
|
4927
|
+
"required": true,
|
|
4928
|
+
"maxLength": 60
|
|
4929
|
+
},
|
|
4930
|
+
"posterUrl": {
|
|
4931
|
+
"type": "url",
|
|
4932
|
+
"required": false
|
|
4933
|
+
},
|
|
4934
|
+
"src": {
|
|
4935
|
+
"type": "url",
|
|
4936
|
+
"required": true
|
|
4937
|
+
}
|
|
4938
|
+
}
|
|
4939
|
+
},
|
|
4940
|
+
"description": {
|
|
4941
|
+
"type": "string",
|
|
4942
|
+
"required": true,
|
|
4943
|
+
"maxLength": 500
|
|
4944
|
+
},
|
|
4945
|
+
"id": {
|
|
4946
|
+
"type": "string",
|
|
4947
|
+
"required": true,
|
|
4948
|
+
"maxLength": 80
|
|
4949
|
+
},
|
|
4950
|
+
"label": {
|
|
4951
|
+
"type": "string",
|
|
4952
|
+
"required": false,
|
|
4953
|
+
"maxLength": 60
|
|
4954
|
+
},
|
|
4955
|
+
"markets": {
|
|
4956
|
+
"type": "array",
|
|
4957
|
+
"required": false,
|
|
4958
|
+
"itemFields": {
|
|
4959
|
+
"href": {
|
|
4960
|
+
"type": "url",
|
|
4961
|
+
"required": false
|
|
4962
|
+
},
|
|
4963
|
+
"icon": {
|
|
4964
|
+
"type": "string",
|
|
4965
|
+
"required": false
|
|
4966
|
+
},
|
|
4967
|
+
"iconUrl": {
|
|
4968
|
+
"type": "url",
|
|
4969
|
+
"required": false
|
|
4970
|
+
},
|
|
4971
|
+
"label": {
|
|
4972
|
+
"type": "string",
|
|
4973
|
+
"required": true,
|
|
4974
|
+
"maxLength": 80
|
|
4975
|
+
}
|
|
4976
|
+
}
|
|
4977
|
+
},
|
|
4978
|
+
"platforms": {
|
|
4979
|
+
"type": "array",
|
|
4980
|
+
"required": false,
|
|
4981
|
+
"itemFields": {
|
|
4982
|
+
"href": {
|
|
4983
|
+
"type": "url",
|
|
4984
|
+
"required": false
|
|
4985
|
+
},
|
|
4986
|
+
"icon": {
|
|
4987
|
+
"type": "string",
|
|
4988
|
+
"required": false
|
|
4989
|
+
},
|
|
4990
|
+
"iconUrl": {
|
|
4991
|
+
"type": "url",
|
|
4992
|
+
"required": false
|
|
4993
|
+
},
|
|
4994
|
+
"label": {
|
|
4995
|
+
"type": "string",
|
|
4996
|
+
"required": true,
|
|
4997
|
+
"maxLength": 80
|
|
4998
|
+
}
|
|
4999
|
+
}
|
|
5000
|
+
},
|
|
5001
|
+
"title": {
|
|
5002
|
+
"type": "string",
|
|
5003
|
+
"required": true,
|
|
5004
|
+
"maxLength": 100
|
|
5005
|
+
}
|
|
5006
|
+
}
|
|
5007
|
+
},
|
|
5008
|
+
"marketsLabel": {
|
|
5009
|
+
"type": "string",
|
|
5010
|
+
"required": false,
|
|
5011
|
+
"default": "Markets available",
|
|
5012
|
+
"maxLength": 80
|
|
5013
|
+
},
|
|
5014
|
+
"platformsLabel": {
|
|
5015
|
+
"type": "string",
|
|
5016
|
+
"required": false,
|
|
5017
|
+
"default": "Trade on",
|
|
5018
|
+
"maxLength": 80
|
|
5019
|
+
},
|
|
5020
|
+
"variant": {
|
|
5021
|
+
"type": "string",
|
|
5022
|
+
"required": false,
|
|
5023
|
+
"default": "tabs",
|
|
5024
|
+
"enum": [
|
|
5025
|
+
"tabs",
|
|
5026
|
+
"single"
|
|
5027
|
+
]
|
|
5028
|
+
}
|
|
5029
|
+
}
|
|
5030
|
+
},
|
|
4289
5031
|
"parallax-banner": {
|
|
4290
5032
|
"id": "parallax-banner",
|
|
4291
5033
|
"name": "Parallax Banner",
|