@primer-io/primer-js 0.0.1 → 0.0.2
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/LICENSE.md +28 -0
- package/README.md +146 -0
- package/dist/custom-elements.json +8092 -0
- package/dist/jsx/index.d.ts +527 -0
- package/dist/primer-loader.d.ts +3234 -0
- package/dist/primer-loader.js +1 -0
- package/dist/vscode.html-custom-data.json +343 -0
- package/dist/web-types.json +835 -0
- package/package.json +9 -7
|
@@ -0,0 +1,835 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
|
|
3
|
+
"name": "@primer-io/primer-js",
|
|
4
|
+
"version": "0.0.2",
|
|
5
|
+
"description-markup": "markdown",
|
|
6
|
+
"contributions": {
|
|
7
|
+
"html": {
|
|
8
|
+
"elements": [
|
|
9
|
+
{
|
|
10
|
+
"name": "primer-checkout",
|
|
11
|
+
"description": "\n---\n",
|
|
12
|
+
"doc-url": "",
|
|
13
|
+
"attributes": [
|
|
14
|
+
{
|
|
15
|
+
"name": "custom-styles",
|
|
16
|
+
"value": { "type": "string", "default": "''" }
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
"name": "client-token",
|
|
20
|
+
"value": { "type": "string", "default": "''" }
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"name": "options",
|
|
24
|
+
"value": { "type": "PrimerCheckoutOptions", "default": "{}" }
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
"name": "disable-loader",
|
|
28
|
+
"value": { "type": "boolean", "default": "false" }
|
|
29
|
+
}
|
|
30
|
+
],
|
|
31
|
+
"events": [],
|
|
32
|
+
"js": {
|
|
33
|
+
"properties": [
|
|
34
|
+
{ "name": "customStyles", "type": "string" },
|
|
35
|
+
{ "name": "clientToken", "type": "string" },
|
|
36
|
+
{ "name": "options", "type": "PrimerCheckoutOptions" },
|
|
37
|
+
{ "name": "disableLoader", "type": "boolean" },
|
|
38
|
+
{ "name": "defaultSlot", "type": "HTMLSlotElement" },
|
|
39
|
+
{ "name": "locale", "type": "LocaleCode | undefined" },
|
|
40
|
+
{
|
|
41
|
+
"name": "sdkContextController",
|
|
42
|
+
"type": "SDKContextController"
|
|
43
|
+
},
|
|
44
|
+
{ "name": "sdkStateController", "type": "SdkStateController" },
|
|
45
|
+
{
|
|
46
|
+
"name": "primerEventsController",
|
|
47
|
+
"type": "PrimerEventsController"
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
"name": "styleProcessingController",
|
|
51
|
+
"type": "StyleProcessingController"
|
|
52
|
+
}
|
|
53
|
+
],
|
|
54
|
+
"events": []
|
|
55
|
+
}
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
"name": "primer-button",
|
|
59
|
+
"description": "\n---\n",
|
|
60
|
+
"doc-url": "",
|
|
61
|
+
"attributes": [
|
|
62
|
+
{
|
|
63
|
+
"name": "variant",
|
|
64
|
+
"value": {
|
|
65
|
+
"type": "'primary' | 'secondary' | 'tertiary'",
|
|
66
|
+
"default": "'primary'"
|
|
67
|
+
}
|
|
68
|
+
},
|
|
69
|
+
{
|
|
70
|
+
"name": "disabled",
|
|
71
|
+
"value": { "type": "boolean", "default": "false" }
|
|
72
|
+
},
|
|
73
|
+
{
|
|
74
|
+
"name": "buttonType",
|
|
75
|
+
"value": {
|
|
76
|
+
"type": "'button' | 'submit' | 'reset'",
|
|
77
|
+
"default": "'button'"
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
],
|
|
81
|
+
"events": [],
|
|
82
|
+
"js": {
|
|
83
|
+
"properties": [
|
|
84
|
+
{
|
|
85
|
+
"name": "variant",
|
|
86
|
+
"type": "'primary' | 'secondary' | 'tertiary'"
|
|
87
|
+
},
|
|
88
|
+
{ "name": "disabled", "type": "boolean" },
|
|
89
|
+
{ "name": "buttonType", "type": "'button' | 'submit' | 'reset'" }
|
|
90
|
+
],
|
|
91
|
+
"events": []
|
|
92
|
+
}
|
|
93
|
+
},
|
|
94
|
+
{
|
|
95
|
+
"name": "primer-checkout-state",
|
|
96
|
+
"description": "\n---\n",
|
|
97
|
+
"doc-url": "",
|
|
98
|
+
"attributes": [
|
|
99
|
+
{
|
|
100
|
+
"name": "type",
|
|
101
|
+
"value": {
|
|
102
|
+
"type": "'complete' | 'failure'",
|
|
103
|
+
"default": "'complete'"
|
|
104
|
+
}
|
|
105
|
+
},
|
|
106
|
+
{ "name": "description", "value": { "type": "string | undefined" } }
|
|
107
|
+
],
|
|
108
|
+
"events": [],
|
|
109
|
+
"js": {
|
|
110
|
+
"properties": [
|
|
111
|
+
{ "name": "type", "type": "'complete' | 'failure'" },
|
|
112
|
+
{ "name": "description", "type": "string | undefined" }
|
|
113
|
+
],
|
|
114
|
+
"events": []
|
|
115
|
+
}
|
|
116
|
+
},
|
|
117
|
+
{
|
|
118
|
+
"name": "primer-icon",
|
|
119
|
+
"description": "\n---\n",
|
|
120
|
+
"doc-url": "",
|
|
121
|
+
"attributes": [
|
|
122
|
+
{
|
|
123
|
+
"name": "color",
|
|
124
|
+
"value": {
|
|
125
|
+
"type": "string",
|
|
126
|
+
"default": "'var(--primer-color-icon-primary)'"
|
|
127
|
+
}
|
|
128
|
+
},
|
|
129
|
+
{
|
|
130
|
+
"name": "size",
|
|
131
|
+
"value": { "type": "'lg' | 'sm'", "default": "'lg'" }
|
|
132
|
+
},
|
|
133
|
+
{
|
|
134
|
+
"name": "name",
|
|
135
|
+
"description": "The name of the icon to draw - available names can be found under library.ts file",
|
|
136
|
+
"value": { "type": "IconName | undefined" }
|
|
137
|
+
}
|
|
138
|
+
],
|
|
139
|
+
"events": [],
|
|
140
|
+
"js": {
|
|
141
|
+
"properties": [
|
|
142
|
+
{ "name": "color", "type": "string" },
|
|
143
|
+
{ "name": "size", "type": "'lg' | 'sm'" },
|
|
144
|
+
{
|
|
145
|
+
"name": "name",
|
|
146
|
+
"description": "The name of the icon to draw - available names can be found under library.ts file",
|
|
147
|
+
"type": "IconName | undefined"
|
|
148
|
+
}
|
|
149
|
+
],
|
|
150
|
+
"events": []
|
|
151
|
+
}
|
|
152
|
+
},
|
|
153
|
+
{
|
|
154
|
+
"name": "primer-input",
|
|
155
|
+
"description": "A fully type-safe input component that wraps the native HTML input element\nwhile providing additional functionality and styling.\n---\n\n\n### **Events:**\n - **focus** - Fired when the input receives focus\n- **blur** - Fired when the input loses focus\n- **invalid** - Fired when the input fails validation\n- **input** - Fired when the input value changes\n- **change** - Fired when the input value is committed\n\n### **Methods:**\n - **focus(options: _FocusOptions_): _void_** - Focus the input element\n- **blur(): _void_** - Remove focus from the input element\n- **select(): _void_** - Select all text in the input element\n- **setSelectionRange(start: _number_, end: _number_, direction: _'forward' | 'backward' | 'none'_): _void_** - Set the selection range of the input element\n- **checkValidity(): _boolean_** - Check if the input element is valid\n- **reportValidity(): _boolean_** - Report the validity of the input element\n- **addEventListener(type: _K_, listener: _(ev: InputEventMap[K]) => void_, options: _boolean | AddEventListenerOptions_): _void_** - Type safe event dispatcher - allows consumers to use proper types\nwhen listening to events from this component\n- **removeEventListener(type: _K_, listener: _(ev: InputEventMap[K]) => void_, options: _boolean | EventListenerOptions_): _void_** - Type safe event dispatcher removal\n\n### **CSS Parts:**\n - **input** - The native input element",
|
|
156
|
+
"doc-url": "",
|
|
157
|
+
"attributes": [
|
|
158
|
+
{ "name": "value", "value": { "type": "string", "default": "''" } },
|
|
159
|
+
{
|
|
160
|
+
"name": "placeholder",
|
|
161
|
+
"value": { "type": "string", "default": "''" }
|
|
162
|
+
},
|
|
163
|
+
{
|
|
164
|
+
"name": "disabled",
|
|
165
|
+
"value": { "type": "boolean", "default": "false" }
|
|
166
|
+
},
|
|
167
|
+
{ "name": "name", "value": { "type": "string", "default": "''" } },
|
|
168
|
+
{
|
|
169
|
+
"name": "type",
|
|
170
|
+
"value": { "type": "InputType", "default": "'text'" }
|
|
171
|
+
},
|
|
172
|
+
{
|
|
173
|
+
"name": "required",
|
|
174
|
+
"value": { "type": "boolean", "default": "false" }
|
|
175
|
+
},
|
|
176
|
+
{
|
|
177
|
+
"name": "readonly",
|
|
178
|
+
"value": { "type": "boolean", "default": "false" }
|
|
179
|
+
},
|
|
180
|
+
{
|
|
181
|
+
"name": "pattern",
|
|
182
|
+
"value": { "type": "string", "default": "''" }
|
|
183
|
+
},
|
|
184
|
+
{ "name": "minlength", "value": { "type": "number | undefined" } },
|
|
185
|
+
{ "name": "maxlength", "value": { "type": "number | undefined" } },
|
|
186
|
+
{ "name": "min", "value": { "type": "string", "default": "''" } },
|
|
187
|
+
{ "name": "max", "value": { "type": "string", "default": "''" } },
|
|
188
|
+
{ "name": "step", "value": { "type": "string", "default": "''" } },
|
|
189
|
+
{
|
|
190
|
+
"name": "autocomplete",
|
|
191
|
+
"value": { "type": "string", "default": "''" }
|
|
192
|
+
},
|
|
193
|
+
{ "name": "id", "value": { "type": "string", "default": "''" } }
|
|
194
|
+
],
|
|
195
|
+
"events": [
|
|
196
|
+
{
|
|
197
|
+
"name": "focus",
|
|
198
|
+
"type": "FocusEvent",
|
|
199
|
+
"description": "Fired when the input receives focus"
|
|
200
|
+
},
|
|
201
|
+
{
|
|
202
|
+
"name": "blur",
|
|
203
|
+
"type": "FocusEvent",
|
|
204
|
+
"description": "Fired when the input loses focus"
|
|
205
|
+
},
|
|
206
|
+
{
|
|
207
|
+
"name": "invalid",
|
|
208
|
+
"type": "Event",
|
|
209
|
+
"description": "Fired when the input fails validation"
|
|
210
|
+
},
|
|
211
|
+
{
|
|
212
|
+
"name": "input",
|
|
213
|
+
"description": "Fired when the input value changes"
|
|
214
|
+
},
|
|
215
|
+
{
|
|
216
|
+
"name": "change",
|
|
217
|
+
"description": "Fired when the input value is committed"
|
|
218
|
+
}
|
|
219
|
+
],
|
|
220
|
+
"js": {
|
|
221
|
+
"properties": [
|
|
222
|
+
{ "name": "value", "type": "string" },
|
|
223
|
+
{ "name": "placeholder", "type": "string" },
|
|
224
|
+
{ "name": "disabled", "type": "boolean" },
|
|
225
|
+
{ "name": "name", "type": "string" },
|
|
226
|
+
{ "name": "type", "type": "InputType" },
|
|
227
|
+
{ "name": "required", "type": "boolean" },
|
|
228
|
+
{ "name": "readonly", "type": "boolean" },
|
|
229
|
+
{ "name": "pattern", "type": "string" },
|
|
230
|
+
{ "name": "minlength", "type": "number | undefined" },
|
|
231
|
+
{ "name": "maxlength", "type": "number | undefined" },
|
|
232
|
+
{ "name": "min", "type": "string" },
|
|
233
|
+
{ "name": "max", "type": "string" },
|
|
234
|
+
{ "name": "step", "type": "string" },
|
|
235
|
+
{ "name": "autocomplete", "type": "string" },
|
|
236
|
+
{ "name": "id", "type": "string" },
|
|
237
|
+
{
|
|
238
|
+
"name": "validity",
|
|
239
|
+
"description": "Get the validity state of the input element",
|
|
240
|
+
"type": "ValidityState"
|
|
241
|
+
},
|
|
242
|
+
{
|
|
243
|
+
"name": "validationMessage",
|
|
244
|
+
"description": "Get the validation message of the input element",
|
|
245
|
+
"type": "string"
|
|
246
|
+
}
|
|
247
|
+
],
|
|
248
|
+
"events": [
|
|
249
|
+
{
|
|
250
|
+
"name": "focus",
|
|
251
|
+
"type": "FocusEvent",
|
|
252
|
+
"description": "Fired when the input receives focus"
|
|
253
|
+
},
|
|
254
|
+
{
|
|
255
|
+
"name": "blur",
|
|
256
|
+
"type": "FocusEvent",
|
|
257
|
+
"description": "Fired when the input loses focus"
|
|
258
|
+
},
|
|
259
|
+
{
|
|
260
|
+
"name": "invalid",
|
|
261
|
+
"type": "Event",
|
|
262
|
+
"description": "Fired when the input fails validation"
|
|
263
|
+
},
|
|
264
|
+
{
|
|
265
|
+
"name": "input",
|
|
266
|
+
"description": "Fired when the input value changes"
|
|
267
|
+
},
|
|
268
|
+
{
|
|
269
|
+
"name": "change",
|
|
270
|
+
"description": "Fired when the input value is committed"
|
|
271
|
+
}
|
|
272
|
+
]
|
|
273
|
+
}
|
|
274
|
+
},
|
|
275
|
+
{
|
|
276
|
+
"name": "primer-input-error",
|
|
277
|
+
"description": "Input error component for displaying form validation messages\n---\n\n\n### **Slots:**\n - _default_ - Default slot for error message content",
|
|
278
|
+
"doc-url": "",
|
|
279
|
+
"attributes": [
|
|
280
|
+
{
|
|
281
|
+
"name": "for",
|
|
282
|
+
"description": "ID of the form control this error message is associated with",
|
|
283
|
+
"value": { "type": "string", "default": "''" }
|
|
284
|
+
},
|
|
285
|
+
{
|
|
286
|
+
"name": "active",
|
|
287
|
+
"description": "Whether the error is currently active/visible",
|
|
288
|
+
"value": { "type": "boolean", "default": "true" }
|
|
289
|
+
}
|
|
290
|
+
],
|
|
291
|
+
"slots": [
|
|
292
|
+
{
|
|
293
|
+
"name": "",
|
|
294
|
+
"description": "Default slot for error message content"
|
|
295
|
+
}
|
|
296
|
+
],
|
|
297
|
+
"events": [],
|
|
298
|
+
"js": {
|
|
299
|
+
"properties": [
|
|
300
|
+
{
|
|
301
|
+
"name": "for",
|
|
302
|
+
"description": "ID of the form control this error message is associated with",
|
|
303
|
+
"type": "string"
|
|
304
|
+
},
|
|
305
|
+
{
|
|
306
|
+
"name": "active",
|
|
307
|
+
"description": "Whether the error is currently active/visible",
|
|
308
|
+
"type": "boolean"
|
|
309
|
+
}
|
|
310
|
+
],
|
|
311
|
+
"events": []
|
|
312
|
+
}
|
|
313
|
+
},
|
|
314
|
+
{
|
|
315
|
+
"name": "primer-input-label",
|
|
316
|
+
"description": "Input label component for form elements\n---\n\n\n### **Slots:**\n - _default_ - Default slot for label text content",
|
|
317
|
+
"doc-url": "",
|
|
318
|
+
"attributes": [
|
|
319
|
+
{
|
|
320
|
+
"name": "for",
|
|
321
|
+
"description": "ID of the form control this label is associated with",
|
|
322
|
+
"value": { "type": "string", "default": "''" }
|
|
323
|
+
},
|
|
324
|
+
{
|
|
325
|
+
"name": "disabled",
|
|
326
|
+
"description": "Whether the label should appear disabled",
|
|
327
|
+
"value": { "type": "boolean", "default": "false" }
|
|
328
|
+
}
|
|
329
|
+
],
|
|
330
|
+
"slots": [
|
|
331
|
+
{ "name": "", "description": "Default slot for label text content" }
|
|
332
|
+
],
|
|
333
|
+
"events": [],
|
|
334
|
+
"js": {
|
|
335
|
+
"properties": [
|
|
336
|
+
{
|
|
337
|
+
"name": "for",
|
|
338
|
+
"description": "ID of the form control this label is associated with",
|
|
339
|
+
"type": "string"
|
|
340
|
+
},
|
|
341
|
+
{
|
|
342
|
+
"name": "disabled",
|
|
343
|
+
"description": "Whether the label should appear disabled",
|
|
344
|
+
"type": "boolean"
|
|
345
|
+
}
|
|
346
|
+
],
|
|
347
|
+
"events": []
|
|
348
|
+
}
|
|
349
|
+
},
|
|
350
|
+
{
|
|
351
|
+
"name": "primer-input-wrapper",
|
|
352
|
+
"description": "A wrapper component for input elements that handles focus styling and interactions.\nProvides an improved user experience by making the entire wrapper clickable to focus the inner input.\n\nFeatures:\n- Automatically focuses primer-input elements when wrapper is clicked\n- Dispatches wrapper-click events for iframe-based hosted inputs\n- Sets proper cursor styling to indicate text input functionality\n---\n\n\n### **Events:**\n - **wrapper-click**",
|
|
353
|
+
"doc-url": "",
|
|
354
|
+
"attributes": [
|
|
355
|
+
{
|
|
356
|
+
"name": "focusWithin",
|
|
357
|
+
"value": { "type": "boolean", "default": "false" }
|
|
358
|
+
},
|
|
359
|
+
{
|
|
360
|
+
"name": "has-error",
|
|
361
|
+
"value": { "type": "boolean", "default": "false" }
|
|
362
|
+
}
|
|
363
|
+
],
|
|
364
|
+
"events": [{ "name": "wrapper-click", "type": "CustomEvent" }],
|
|
365
|
+
"js": {
|
|
366
|
+
"properties": [
|
|
367
|
+
{ "name": "focusWithin", "type": "boolean" },
|
|
368
|
+
{ "name": "hasError", "type": "boolean" }
|
|
369
|
+
],
|
|
370
|
+
"events": [{ "name": "wrapper-click", "type": "CustomEvent" }]
|
|
371
|
+
}
|
|
372
|
+
},
|
|
373
|
+
{
|
|
374
|
+
"name": "primer-spinner",
|
|
375
|
+
"description": "Spinner component with configurable size and color\nAdapted to work both standalone and within input components\n---\n",
|
|
376
|
+
"doc-url": "",
|
|
377
|
+
"attributes": [
|
|
378
|
+
{
|
|
379
|
+
"name": "color",
|
|
380
|
+
"description": "Color of the spinner\nDefaults to the design system loader color",
|
|
381
|
+
"value": {
|
|
382
|
+
"type": "string",
|
|
383
|
+
"default": "'var(--primer-color-loader)'"
|
|
384
|
+
}
|
|
385
|
+
},
|
|
386
|
+
{
|
|
387
|
+
"name": "size",
|
|
388
|
+
"description": "Size of the spinner\nAvailable values: 'small', 'medium', 'large' or a custom number as string",
|
|
389
|
+
"value": { "type": "SpinnerSize | string", "default": "'medium'" }
|
|
390
|
+
},
|
|
391
|
+
{
|
|
392
|
+
"name": "compact",
|
|
393
|
+
"description": "Whether to use compact mode (minimal margins)\nUseful when embedding in inputs",
|
|
394
|
+
"value": { "type": "boolean", "default": "false" }
|
|
395
|
+
}
|
|
396
|
+
],
|
|
397
|
+
"events": [],
|
|
398
|
+
"js": {
|
|
399
|
+
"properties": [
|
|
400
|
+
{
|
|
401
|
+
"name": "color",
|
|
402
|
+
"description": "Color of the spinner\nDefaults to the design system loader color",
|
|
403
|
+
"type": "string"
|
|
404
|
+
},
|
|
405
|
+
{
|
|
406
|
+
"name": "size",
|
|
407
|
+
"description": "Size of the spinner\nAvailable values: 'small', 'medium', 'large' or a custom number as string",
|
|
408
|
+
"type": "SpinnerSize | string"
|
|
409
|
+
},
|
|
410
|
+
{
|
|
411
|
+
"name": "compact",
|
|
412
|
+
"description": "Whether to use compact mode (minimal margins)\nUseful when embedding in inputs",
|
|
413
|
+
"type": "boolean"
|
|
414
|
+
}
|
|
415
|
+
],
|
|
416
|
+
"events": []
|
|
417
|
+
}
|
|
418
|
+
},
|
|
419
|
+
{
|
|
420
|
+
"name": "primer-card-form",
|
|
421
|
+
"description": "CardFormComponent serves as a container for card input components.\nIt handles form submission, validation, and provides context to child components.\n---\n",
|
|
422
|
+
"doc-url": "",
|
|
423
|
+
"attributes": [
|
|
424
|
+
{
|
|
425
|
+
"name": "paymentManagers",
|
|
426
|
+
"description": "Payment managers injected from context",
|
|
427
|
+
"value": {
|
|
428
|
+
"type": "InitializedManagersMap",
|
|
429
|
+
"default": "new Map()"
|
|
430
|
+
}
|
|
431
|
+
}
|
|
432
|
+
],
|
|
433
|
+
"events": [],
|
|
434
|
+
"js": {
|
|
435
|
+
"properties": [
|
|
436
|
+
{
|
|
437
|
+
"name": "paymentManagers",
|
|
438
|
+
"description": "Payment managers injected from context",
|
|
439
|
+
"type": "InitializedManagersMap"
|
|
440
|
+
}
|
|
441
|
+
],
|
|
442
|
+
"events": []
|
|
443
|
+
}
|
|
444
|
+
},
|
|
445
|
+
{
|
|
446
|
+
"name": "primer-native-payment",
|
|
447
|
+
"description": "\n---\n",
|
|
448
|
+
"doc-url": "",
|
|
449
|
+
"attributes": [
|
|
450
|
+
{
|
|
451
|
+
"name": "paymentMethod",
|
|
452
|
+
"value": { "type": "InitializedPaymentMethod | undefined" }
|
|
453
|
+
},
|
|
454
|
+
{
|
|
455
|
+
"name": "paymentManagers",
|
|
456
|
+
"value": {
|
|
457
|
+
"type": "InitializedManagersMap",
|
|
458
|
+
"default": "new Map()"
|
|
459
|
+
}
|
|
460
|
+
}
|
|
461
|
+
],
|
|
462
|
+
"events": [],
|
|
463
|
+
"js": {
|
|
464
|
+
"properties": [
|
|
465
|
+
{
|
|
466
|
+
"name": "paymentMethod",
|
|
467
|
+
"type": "InitializedPaymentMethod | undefined"
|
|
468
|
+
},
|
|
469
|
+
{ "name": "paymentManagers", "type": "InitializedManagersMap" }
|
|
470
|
+
],
|
|
471
|
+
"events": []
|
|
472
|
+
}
|
|
473
|
+
},
|
|
474
|
+
{
|
|
475
|
+
"name": "primer-payment-method",
|
|
476
|
+
"description": "\n---\n",
|
|
477
|
+
"doc-url": "",
|
|
478
|
+
"attributes": [
|
|
479
|
+
{
|
|
480
|
+
"name": "type",
|
|
481
|
+
"value": {
|
|
482
|
+
"type": "PaymentMethodType | undefined",
|
|
483
|
+
"default": "undefined"
|
|
484
|
+
}
|
|
485
|
+
},
|
|
486
|
+
{
|
|
487
|
+
"name": "paymentMethods",
|
|
488
|
+
"value": { "type": "PaymentsObject | null", "default": "null" }
|
|
489
|
+
}
|
|
490
|
+
],
|
|
491
|
+
"events": [],
|
|
492
|
+
"js": {
|
|
493
|
+
"properties": [
|
|
494
|
+
{ "name": "type", "type": "PaymentMethodType | undefined" },
|
|
495
|
+
{ "name": "paymentMethods", "type": "PaymentsObject | null" }
|
|
496
|
+
],
|
|
497
|
+
"events": []
|
|
498
|
+
}
|
|
499
|
+
},
|
|
500
|
+
{
|
|
501
|
+
"name": "primer-checkout-complete",
|
|
502
|
+
"description": "\n---\n",
|
|
503
|
+
"doc-url": "",
|
|
504
|
+
"attributes": [],
|
|
505
|
+
"events": [],
|
|
506
|
+
"js": { "properties": [], "events": [] }
|
|
507
|
+
},
|
|
508
|
+
{
|
|
509
|
+
"name": "primer-checkout-failure",
|
|
510
|
+
"description": "\n---\n",
|
|
511
|
+
"doc-url": "",
|
|
512
|
+
"attributes": [],
|
|
513
|
+
"events": [],
|
|
514
|
+
"js": {
|
|
515
|
+
"properties": [
|
|
516
|
+
{ "name": "sdkState", "type": "HeadlessSDKState | undefined" }
|
|
517
|
+
],
|
|
518
|
+
"events": []
|
|
519
|
+
}
|
|
520
|
+
},
|
|
521
|
+
{
|
|
522
|
+
"name": "primer-main",
|
|
523
|
+
"description": "\n---\n",
|
|
524
|
+
"doc-url": "",
|
|
525
|
+
"attributes": [
|
|
526
|
+
{
|
|
527
|
+
"name": "paymentMethods",
|
|
528
|
+
"value": { "type": "PaymentsObject | null", "default": "null" }
|
|
529
|
+
},
|
|
530
|
+
{
|
|
531
|
+
"name": "sdkState",
|
|
532
|
+
"value": {
|
|
533
|
+
"type": "SdkStateContext | undefined",
|
|
534
|
+
"default": "undefined"
|
|
535
|
+
}
|
|
536
|
+
}
|
|
537
|
+
],
|
|
538
|
+
"events": [],
|
|
539
|
+
"js": {
|
|
540
|
+
"properties": [
|
|
541
|
+
{ "name": "paymentMethods", "type": "PaymentsObject | null" },
|
|
542
|
+
{ "name": "sdkState", "type": "SdkStateContext | undefined" }
|
|
543
|
+
],
|
|
544
|
+
"events": []
|
|
545
|
+
}
|
|
546
|
+
},
|
|
547
|
+
{
|
|
548
|
+
"name": "primer-redirect-payment",
|
|
549
|
+
"description": "\n---\n",
|
|
550
|
+
"doc-url": "",
|
|
551
|
+
"attributes": [
|
|
552
|
+
{
|
|
553
|
+
"name": "paymentMethod",
|
|
554
|
+
"value": { "type": "InitializedPaymentMethod | undefined" }
|
|
555
|
+
},
|
|
556
|
+
{
|
|
557
|
+
"name": "paymentManagers",
|
|
558
|
+
"value": {
|
|
559
|
+
"type": "InitializedManagersMap",
|
|
560
|
+
"default": "new Map()"
|
|
561
|
+
}
|
|
562
|
+
},
|
|
563
|
+
{
|
|
564
|
+
"name": "sdkState",
|
|
565
|
+
"value": {
|
|
566
|
+
"type": "SdkStateContext | undefined",
|
|
567
|
+
"default": "undefined"
|
|
568
|
+
}
|
|
569
|
+
}
|
|
570
|
+
],
|
|
571
|
+
"events": [],
|
|
572
|
+
"js": {
|
|
573
|
+
"properties": [
|
|
574
|
+
{
|
|
575
|
+
"name": "paymentMethod",
|
|
576
|
+
"type": "InitializedPaymentMethod | undefined"
|
|
577
|
+
},
|
|
578
|
+
{ "name": "paymentManagers", "type": "InitializedManagersMap" },
|
|
579
|
+
{ "name": "sdkState", "type": "SdkStateContext | undefined" }
|
|
580
|
+
],
|
|
581
|
+
"events": []
|
|
582
|
+
}
|
|
583
|
+
},
|
|
584
|
+
{
|
|
585
|
+
"name": "primer-card-form-submit",
|
|
586
|
+
"description": "A form submit button component for card forms.\nProvides a consistent submit button with translation support.\n---\n",
|
|
587
|
+
"doc-url": "",
|
|
588
|
+
"attributes": [
|
|
589
|
+
{
|
|
590
|
+
"name": "buttonText",
|
|
591
|
+
"description": "The button text to display.\nFalls back to localized default if not explicitly set.",
|
|
592
|
+
"value": { "type": "string" }
|
|
593
|
+
},
|
|
594
|
+
{
|
|
595
|
+
"name": "variant",
|
|
596
|
+
"description": "The button variant to use.",
|
|
597
|
+
"value": { "type": "string", "default": "'primary'" }
|
|
598
|
+
},
|
|
599
|
+
{
|
|
600
|
+
"name": "disabled",
|
|
601
|
+
"description": "Whether the button is disabled.",
|
|
602
|
+
"value": { "type": "boolean", "default": "false" }
|
|
603
|
+
}
|
|
604
|
+
],
|
|
605
|
+
"events": [],
|
|
606
|
+
"js": {
|
|
607
|
+
"properties": [
|
|
608
|
+
{
|
|
609
|
+
"name": "buttonText",
|
|
610
|
+
"description": "The button text to display.\nFalls back to localized default if not explicitly set.",
|
|
611
|
+
"type": "string"
|
|
612
|
+
},
|
|
613
|
+
{
|
|
614
|
+
"name": "variant",
|
|
615
|
+
"description": "The button variant to use.",
|
|
616
|
+
"type": "string"
|
|
617
|
+
},
|
|
618
|
+
{
|
|
619
|
+
"name": "disabled",
|
|
620
|
+
"description": "Whether the button is disabled.",
|
|
621
|
+
"type": "boolean"
|
|
622
|
+
}
|
|
623
|
+
],
|
|
624
|
+
"events": []
|
|
625
|
+
}
|
|
626
|
+
},
|
|
627
|
+
{
|
|
628
|
+
"name": "primer-card-network-selector",
|
|
629
|
+
"description": "Component for displaying and selecting card networks\nUses context directly rather than properties\n---\n\n\n### **Events:**\n - **network-selected** - Dispatched when a network is selected with the network name as detail",
|
|
630
|
+
"doc-url": "",
|
|
631
|
+
"attributes": [],
|
|
632
|
+
"events": [
|
|
633
|
+
{
|
|
634
|
+
"name": "network-selected",
|
|
635
|
+
"type": "CustomEvent",
|
|
636
|
+
"description": "Dispatched when a network is selected with the network name as detail"
|
|
637
|
+
}
|
|
638
|
+
],
|
|
639
|
+
"js": {
|
|
640
|
+
"properties": [
|
|
641
|
+
{
|
|
642
|
+
"name": "cardNetworks",
|
|
643
|
+
"description": "Card networks context from provider",
|
|
644
|
+
"type": "CardNetworksContext | null"
|
|
645
|
+
}
|
|
646
|
+
],
|
|
647
|
+
"events": [
|
|
648
|
+
{
|
|
649
|
+
"name": "network-selected",
|
|
650
|
+
"type": "CustomEvent",
|
|
651
|
+
"description": "Dispatched when a network is selected with the network name as detail"
|
|
652
|
+
}
|
|
653
|
+
]
|
|
654
|
+
}
|
|
655
|
+
},
|
|
656
|
+
{
|
|
657
|
+
"name": "primer-input-card-expiry",
|
|
658
|
+
"description": "\n---\n\n\n### **Methods:**\n \n",
|
|
659
|
+
"doc-url": "",
|
|
660
|
+
"attributes": [
|
|
661
|
+
{
|
|
662
|
+
"name": "label",
|
|
663
|
+
"description": "The input label text.\nFalls back to localized default if not explicitly set.",
|
|
664
|
+
"value": { "type": "string" }
|
|
665
|
+
},
|
|
666
|
+
{
|
|
667
|
+
"name": "placeholder",
|
|
668
|
+
"description": "The input placeholder text.\nFalls back to localized default if not explicitly set.\nWhen explicitly set to empty string, no placeholder will be displayed.",
|
|
669
|
+
"value": { "type": "string" }
|
|
670
|
+
},
|
|
671
|
+
{
|
|
672
|
+
"name": "aria-label",
|
|
673
|
+
"description": "The input aria-label attribute.\nFalls back to localized default if not explicitly set.",
|
|
674
|
+
"value": { "type": "string" }
|
|
675
|
+
}
|
|
676
|
+
],
|
|
677
|
+
"events": [],
|
|
678
|
+
"js": {
|
|
679
|
+
"properties": [
|
|
680
|
+
{ "name": "cardFormContext", "type": "CardFormContext | null" },
|
|
681
|
+
{
|
|
682
|
+
"name": "label",
|
|
683
|
+
"description": "The input label text.\nFalls back to localized default if not explicitly set.",
|
|
684
|
+
"type": "string"
|
|
685
|
+
},
|
|
686
|
+
{
|
|
687
|
+
"name": "placeholder",
|
|
688
|
+
"description": "The input placeholder text.\nFalls back to localized default if not explicitly set.\nWhen explicitly set to empty string, no placeholder will be displayed.",
|
|
689
|
+
"type": "string"
|
|
690
|
+
},
|
|
691
|
+
{
|
|
692
|
+
"name": "ariaLabel",
|
|
693
|
+
"description": "The input aria-label attribute.\nFalls back to localized default if not explicitly set.",
|
|
694
|
+
"type": "string"
|
|
695
|
+
}
|
|
696
|
+
],
|
|
697
|
+
"events": []
|
|
698
|
+
}
|
|
699
|
+
},
|
|
700
|
+
{
|
|
701
|
+
"name": "primer-input-card-holder-name",
|
|
702
|
+
"description": "\n---\n\n\n### **Methods:**\n \n",
|
|
703
|
+
"doc-url": "",
|
|
704
|
+
"attributes": [
|
|
705
|
+
{
|
|
706
|
+
"name": "label",
|
|
707
|
+
"description": "The input label text.\nFalls back to localized default if not explicitly set.",
|
|
708
|
+
"value": { "type": "string" }
|
|
709
|
+
},
|
|
710
|
+
{
|
|
711
|
+
"name": "placeholder",
|
|
712
|
+
"description": "The input placeholder text.\nFalls back to localized default if not explicitly set.\nWhen explicitly set to empty string, no placeholder will be displayed.",
|
|
713
|
+
"value": { "type": "string" }
|
|
714
|
+
},
|
|
715
|
+
{
|
|
716
|
+
"name": "aria-label",
|
|
717
|
+
"description": "The input aria-label attribute.\nFalls back to localized default if not explicitly set.",
|
|
718
|
+
"value": { "type": "string" }
|
|
719
|
+
}
|
|
720
|
+
],
|
|
721
|
+
"events": [],
|
|
722
|
+
"js": {
|
|
723
|
+
"properties": [
|
|
724
|
+
{ "name": "cardFormContext", "type": "CardFormContext | null" },
|
|
725
|
+
{
|
|
726
|
+
"name": "label",
|
|
727
|
+
"description": "The input label text.\nFalls back to localized default if not explicitly set.",
|
|
728
|
+
"type": "string"
|
|
729
|
+
},
|
|
730
|
+
{
|
|
731
|
+
"name": "placeholder",
|
|
732
|
+
"description": "The input placeholder text.\nFalls back to localized default if not explicitly set.\nWhen explicitly set to empty string, no placeholder will be displayed.",
|
|
733
|
+
"type": "string"
|
|
734
|
+
},
|
|
735
|
+
{
|
|
736
|
+
"name": "ariaLabel",
|
|
737
|
+
"description": "The input aria-label attribute.\nFalls back to localized default if not explicitly set.",
|
|
738
|
+
"type": "string"
|
|
739
|
+
}
|
|
740
|
+
],
|
|
741
|
+
"events": []
|
|
742
|
+
}
|
|
743
|
+
},
|
|
744
|
+
{
|
|
745
|
+
"name": "primer-input-card-number",
|
|
746
|
+
"description": "Card number input component with dynamic card network detection and selection\n---\n\n\n### **Methods:**\n \n",
|
|
747
|
+
"doc-url": "",
|
|
748
|
+
"attributes": [
|
|
749
|
+
{
|
|
750
|
+
"name": "label",
|
|
751
|
+
"description": "The input label text.\nFalls back to localized default if not explicitly set.",
|
|
752
|
+
"value": { "type": "string" }
|
|
753
|
+
},
|
|
754
|
+
{
|
|
755
|
+
"name": "placeholder",
|
|
756
|
+
"description": "The input placeholder text.\nFalls back to localized default if not explicitly set.\nWhen explicitly set to empty string, no placeholder will be displayed.",
|
|
757
|
+
"value": { "type": "string" }
|
|
758
|
+
},
|
|
759
|
+
{
|
|
760
|
+
"name": "aria-label",
|
|
761
|
+
"description": "The input aria-label attribute.\nFalls back to localized default if not explicitly set.",
|
|
762
|
+
"value": { "type": "string" }
|
|
763
|
+
}
|
|
764
|
+
],
|
|
765
|
+
"events": [],
|
|
766
|
+
"js": {
|
|
767
|
+
"properties": [
|
|
768
|
+
{ "name": "cardFormContext", "type": "CardFormContext | null" },
|
|
769
|
+
{
|
|
770
|
+
"name": "label",
|
|
771
|
+
"description": "The input label text.\nFalls back to localized default if not explicitly set.",
|
|
772
|
+
"type": "string"
|
|
773
|
+
},
|
|
774
|
+
{
|
|
775
|
+
"name": "placeholder",
|
|
776
|
+
"description": "The input placeholder text.\nFalls back to localized default if not explicitly set.\nWhen explicitly set to empty string, no placeholder will be displayed.",
|
|
777
|
+
"type": "string"
|
|
778
|
+
},
|
|
779
|
+
{
|
|
780
|
+
"name": "ariaLabel",
|
|
781
|
+
"description": "The input aria-label attribute.\nFalls back to localized default if not explicitly set.",
|
|
782
|
+
"type": "string"
|
|
783
|
+
}
|
|
784
|
+
],
|
|
785
|
+
"events": []
|
|
786
|
+
}
|
|
787
|
+
},
|
|
788
|
+
{
|
|
789
|
+
"name": "primer-input-cvv",
|
|
790
|
+
"description": "\n---\n\n\n### **Methods:**\n \n",
|
|
791
|
+
"doc-url": "",
|
|
792
|
+
"attributes": [
|
|
793
|
+
{
|
|
794
|
+
"name": "label",
|
|
795
|
+
"description": "The input label text.\nFalls back to localized default if not explicitly set.",
|
|
796
|
+
"value": { "type": "string" }
|
|
797
|
+
},
|
|
798
|
+
{
|
|
799
|
+
"name": "placeholder",
|
|
800
|
+
"description": "The input placeholder text.\nFalls back to localized default if not explicitly set.\nWhen explicitly set to empty string, no placeholder will be displayed.",
|
|
801
|
+
"value": { "type": "string" }
|
|
802
|
+
},
|
|
803
|
+
{
|
|
804
|
+
"name": "aria-label",
|
|
805
|
+
"description": "The input aria-label attribute.\nFalls back to localized default if not explicitly set.",
|
|
806
|
+
"value": { "type": "string" }
|
|
807
|
+
}
|
|
808
|
+
],
|
|
809
|
+
"events": [],
|
|
810
|
+
"js": {
|
|
811
|
+
"properties": [
|
|
812
|
+
{ "name": "cardFormContext", "type": "CardFormContext | null" },
|
|
813
|
+
{
|
|
814
|
+
"name": "label",
|
|
815
|
+
"description": "The input label text.\nFalls back to localized default if not explicitly set.",
|
|
816
|
+
"type": "string"
|
|
817
|
+
},
|
|
818
|
+
{
|
|
819
|
+
"name": "placeholder",
|
|
820
|
+
"description": "The input placeholder text.\nFalls back to localized default if not explicitly set.\nWhen explicitly set to empty string, no placeholder will be displayed.",
|
|
821
|
+
"type": "string"
|
|
822
|
+
},
|
|
823
|
+
{
|
|
824
|
+
"name": "ariaLabel",
|
|
825
|
+
"description": "The input aria-label attribute.\nFalls back to localized default if not explicitly set.",
|
|
826
|
+
"type": "string"
|
|
827
|
+
}
|
|
828
|
+
],
|
|
829
|
+
"events": []
|
|
830
|
+
}
|
|
831
|
+
}
|
|
832
|
+
]
|
|
833
|
+
}
|
|
834
|
+
}
|
|
835
|
+
}
|