@wallarm-org/design-system 1.29.0 → 1.30.0
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/dist/components/Avatar/Avatar.d.ts +32 -0
- package/dist/components/Avatar/Avatar.figma.d.ts +1 -0
- package/dist/components/Avatar/Avatar.figma.js +27 -0
- package/dist/components/Avatar/Avatar.js +42 -0
- package/dist/components/Avatar/AvatarFallback.d.ts +11 -0
- package/dist/components/Avatar/AvatarFallback.js +25 -0
- package/dist/components/Avatar/AvatarImage.d.ts +9 -0
- package/dist/components/Avatar/AvatarImage.js +18 -0
- package/dist/components/Avatar/AvatarOverlay.d.ts +11 -0
- package/dist/components/Avatar/AvatarOverlay.js +22 -0
- package/dist/components/Avatar/classes.d.ts +6 -0
- package/dist/components/Avatar/classes.js +17 -0
- package/dist/components/Avatar/index.d.ts +4 -0
- package/dist/components/Avatar/index.js +4 -0
- package/dist/components/FileUpload/FileUploadTrigger.d.ts +5 -0
- package/dist/components/FileUpload/FileUploadTrigger.js +18 -5
- package/dist/components/FileUpload/index.d.ts +1 -0
- package/dist/components/FileUpload/index.js +1 -0
- package/dist/components/FileUpload/useFilePreviewUrl.d.ts +6 -0
- package/dist/components/FileUpload/useFilePreviewUrl.js +14 -0
- package/dist/components/NavRail/NavRailItem.d.ts +1 -1
- package/dist/components/NavRail/NavRailItem.js +9 -12
- package/dist/index.d.ts +2 -1
- package/dist/index.js +2 -1
- package/dist/metadata/components.json +1287 -4
- package/dist/theme/semantic.css +2 -0
- package/dist/utils/getInitials.d.ts +5 -0
- package/dist/utils/getInitials.js +13 -0
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "1.
|
|
3
|
-
"generatedAt": "2026-09-
|
|
2
|
+
"version": "1.29.0",
|
|
3
|
+
"generatedAt": "2026-09-30T16:29:42.378Z",
|
|
4
4
|
"components": [
|
|
5
5
|
{
|
|
6
6
|
"name": "Accordion",
|
|
@@ -8043,6 +8043,1280 @@
|
|
|
8043
8043
|
}
|
|
8044
8044
|
]
|
|
8045
8045
|
},
|
|
8046
|
+
{
|
|
8047
|
+
"name": "Avatar",
|
|
8048
|
+
"description": "A user's photo on a rounded plate, falling back to initials or an icon while the photo loads,\nwhen it fails, or when there is none.",
|
|
8049
|
+
"importPath": "@wallarm-org/design-system/Avatar",
|
|
8050
|
+
"props": [
|
|
8051
|
+
{
|
|
8052
|
+
"name": "defaultChecked",
|
|
8053
|
+
"type": "boolean | undefined",
|
|
8054
|
+
"required": false
|
|
8055
|
+
},
|
|
8056
|
+
{
|
|
8057
|
+
"name": "defaultValue",
|
|
8058
|
+
"type": "string | number | readonly string[] | undefined",
|
|
8059
|
+
"required": false
|
|
8060
|
+
},
|
|
8061
|
+
{
|
|
8062
|
+
"name": "suppressContentEditableWarning",
|
|
8063
|
+
"type": "boolean | undefined",
|
|
8064
|
+
"required": false
|
|
8065
|
+
},
|
|
8066
|
+
{
|
|
8067
|
+
"name": "suppressHydrationWarning",
|
|
8068
|
+
"type": "boolean | undefined",
|
|
8069
|
+
"required": false
|
|
8070
|
+
},
|
|
8071
|
+
{
|
|
8072
|
+
"name": "accessKey",
|
|
8073
|
+
"type": "string | undefined",
|
|
8074
|
+
"required": false
|
|
8075
|
+
},
|
|
8076
|
+
{
|
|
8077
|
+
"name": "autoCapitalize",
|
|
8078
|
+
"type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
|
|
8079
|
+
"required": false
|
|
8080
|
+
},
|
|
8081
|
+
{
|
|
8082
|
+
"name": "autoFocus",
|
|
8083
|
+
"type": "boolean | undefined",
|
|
8084
|
+
"required": false
|
|
8085
|
+
},
|
|
8086
|
+
{
|
|
8087
|
+
"name": "contentEditable",
|
|
8088
|
+
"type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
|
|
8089
|
+
"required": false
|
|
8090
|
+
},
|
|
8091
|
+
{
|
|
8092
|
+
"name": "contextMenu",
|
|
8093
|
+
"type": "string | undefined",
|
|
8094
|
+
"required": false
|
|
8095
|
+
},
|
|
8096
|
+
{
|
|
8097
|
+
"name": "dir",
|
|
8098
|
+
"type": "string | undefined",
|
|
8099
|
+
"required": false
|
|
8100
|
+
},
|
|
8101
|
+
{
|
|
8102
|
+
"name": "draggable",
|
|
8103
|
+
"type": "Booleanish | undefined",
|
|
8104
|
+
"required": false
|
|
8105
|
+
},
|
|
8106
|
+
{
|
|
8107
|
+
"name": "enterKeyHint",
|
|
8108
|
+
"type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
|
|
8109
|
+
"required": false
|
|
8110
|
+
},
|
|
8111
|
+
{
|
|
8112
|
+
"name": "hidden",
|
|
8113
|
+
"type": "boolean | undefined",
|
|
8114
|
+
"required": false
|
|
8115
|
+
},
|
|
8116
|
+
{
|
|
8117
|
+
"name": "id",
|
|
8118
|
+
"type": "string | undefined",
|
|
8119
|
+
"required": false
|
|
8120
|
+
},
|
|
8121
|
+
{
|
|
8122
|
+
"name": "lang",
|
|
8123
|
+
"type": "string | undefined",
|
|
8124
|
+
"required": false
|
|
8125
|
+
},
|
|
8126
|
+
{
|
|
8127
|
+
"name": "nonce",
|
|
8128
|
+
"type": "string | undefined",
|
|
8129
|
+
"required": false
|
|
8130
|
+
},
|
|
8131
|
+
{
|
|
8132
|
+
"name": "slot",
|
|
8133
|
+
"type": "string | undefined",
|
|
8134
|
+
"required": false
|
|
8135
|
+
},
|
|
8136
|
+
{
|
|
8137
|
+
"name": "spellCheck",
|
|
8138
|
+
"type": "Booleanish | undefined",
|
|
8139
|
+
"required": false
|
|
8140
|
+
},
|
|
8141
|
+
{
|
|
8142
|
+
"name": "tabIndex",
|
|
8143
|
+
"type": "number | undefined",
|
|
8144
|
+
"required": false
|
|
8145
|
+
},
|
|
8146
|
+
{
|
|
8147
|
+
"name": "title",
|
|
8148
|
+
"type": "string | undefined",
|
|
8149
|
+
"required": false
|
|
8150
|
+
},
|
|
8151
|
+
{
|
|
8152
|
+
"name": "translate",
|
|
8153
|
+
"type": "\"yes\" | \"no\" | undefined",
|
|
8154
|
+
"required": false
|
|
8155
|
+
},
|
|
8156
|
+
{
|
|
8157
|
+
"name": "radioGroup",
|
|
8158
|
+
"type": "string | undefined",
|
|
8159
|
+
"required": false
|
|
8160
|
+
},
|
|
8161
|
+
{
|
|
8162
|
+
"name": "role",
|
|
8163
|
+
"type": "AriaRole | undefined",
|
|
8164
|
+
"required": false
|
|
8165
|
+
},
|
|
8166
|
+
{
|
|
8167
|
+
"name": "about",
|
|
8168
|
+
"type": "string | undefined",
|
|
8169
|
+
"required": false
|
|
8170
|
+
},
|
|
8171
|
+
{
|
|
8172
|
+
"name": "content",
|
|
8173
|
+
"type": "string | undefined",
|
|
8174
|
+
"required": false
|
|
8175
|
+
},
|
|
8176
|
+
{
|
|
8177
|
+
"name": "datatype",
|
|
8178
|
+
"type": "string | undefined",
|
|
8179
|
+
"required": false
|
|
8180
|
+
},
|
|
8181
|
+
{
|
|
8182
|
+
"name": "inlist",
|
|
8183
|
+
"type": "any",
|
|
8184
|
+
"required": false
|
|
8185
|
+
},
|
|
8186
|
+
{
|
|
8187
|
+
"name": "prefix",
|
|
8188
|
+
"type": "string | undefined",
|
|
8189
|
+
"required": false
|
|
8190
|
+
},
|
|
8191
|
+
{
|
|
8192
|
+
"name": "property",
|
|
8193
|
+
"type": "string | undefined",
|
|
8194
|
+
"required": false
|
|
8195
|
+
},
|
|
8196
|
+
{
|
|
8197
|
+
"name": "rel",
|
|
8198
|
+
"type": "string | undefined",
|
|
8199
|
+
"required": false
|
|
8200
|
+
},
|
|
8201
|
+
{
|
|
8202
|
+
"name": "resource",
|
|
8203
|
+
"type": "string | undefined",
|
|
8204
|
+
"required": false
|
|
8205
|
+
},
|
|
8206
|
+
{
|
|
8207
|
+
"name": "rev",
|
|
8208
|
+
"type": "string | undefined",
|
|
8209
|
+
"required": false
|
|
8210
|
+
},
|
|
8211
|
+
{
|
|
8212
|
+
"name": "typeof",
|
|
8213
|
+
"type": "string | undefined",
|
|
8214
|
+
"required": false
|
|
8215
|
+
},
|
|
8216
|
+
{
|
|
8217
|
+
"name": "vocab",
|
|
8218
|
+
"type": "string | undefined",
|
|
8219
|
+
"required": false
|
|
8220
|
+
},
|
|
8221
|
+
{
|
|
8222
|
+
"name": "autoCorrect",
|
|
8223
|
+
"type": "string | undefined",
|
|
8224
|
+
"required": false
|
|
8225
|
+
},
|
|
8226
|
+
{
|
|
8227
|
+
"name": "autoSave",
|
|
8228
|
+
"type": "string | undefined",
|
|
8229
|
+
"required": false
|
|
8230
|
+
},
|
|
8231
|
+
{
|
|
8232
|
+
"name": "color",
|
|
8233
|
+
"type": "string | undefined",
|
|
8234
|
+
"required": false
|
|
8235
|
+
},
|
|
8236
|
+
{
|
|
8237
|
+
"name": "itemProp",
|
|
8238
|
+
"type": "string | undefined",
|
|
8239
|
+
"required": false
|
|
8240
|
+
},
|
|
8241
|
+
{
|
|
8242
|
+
"name": "itemScope",
|
|
8243
|
+
"type": "boolean | undefined",
|
|
8244
|
+
"required": false
|
|
8245
|
+
},
|
|
8246
|
+
{
|
|
8247
|
+
"name": "itemType",
|
|
8248
|
+
"type": "string | undefined",
|
|
8249
|
+
"required": false
|
|
8250
|
+
},
|
|
8251
|
+
{
|
|
8252
|
+
"name": "itemID",
|
|
8253
|
+
"type": "string | undefined",
|
|
8254
|
+
"required": false
|
|
8255
|
+
},
|
|
8256
|
+
{
|
|
8257
|
+
"name": "itemRef",
|
|
8258
|
+
"type": "string | undefined",
|
|
8259
|
+
"required": false
|
|
8260
|
+
},
|
|
8261
|
+
{
|
|
8262
|
+
"name": "results",
|
|
8263
|
+
"type": "number | undefined",
|
|
8264
|
+
"required": false
|
|
8265
|
+
},
|
|
8266
|
+
{
|
|
8267
|
+
"name": "security",
|
|
8268
|
+
"type": "string | undefined",
|
|
8269
|
+
"required": false
|
|
8270
|
+
},
|
|
8271
|
+
{
|
|
8272
|
+
"name": "unselectable",
|
|
8273
|
+
"type": "\"off\" | \"on\" | undefined",
|
|
8274
|
+
"required": false
|
|
8275
|
+
},
|
|
8276
|
+
{
|
|
8277
|
+
"name": "popover",
|
|
8278
|
+
"type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
|
|
8279
|
+
"required": false
|
|
8280
|
+
},
|
|
8281
|
+
{
|
|
8282
|
+
"name": "popoverTargetAction",
|
|
8283
|
+
"type": "\"toggle\" | \"show\" | \"hide\" | undefined",
|
|
8284
|
+
"required": false
|
|
8285
|
+
},
|
|
8286
|
+
{
|
|
8287
|
+
"name": "popoverTarget",
|
|
8288
|
+
"type": "string | undefined",
|
|
8289
|
+
"required": false
|
|
8290
|
+
},
|
|
8291
|
+
{
|
|
8292
|
+
"name": "inert",
|
|
8293
|
+
"type": "boolean | undefined",
|
|
8294
|
+
"required": false,
|
|
8295
|
+
"description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
|
|
8296
|
+
},
|
|
8297
|
+
{
|
|
8298
|
+
"name": "inputMode",
|
|
8299
|
+
"type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
|
|
8300
|
+
"required": false,
|
|
8301
|
+
"description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
|
|
8302
|
+
},
|
|
8303
|
+
{
|
|
8304
|
+
"name": "is",
|
|
8305
|
+
"type": "string | undefined",
|
|
8306
|
+
"required": false,
|
|
8307
|
+
"description": "Specify that a standard HTML element should behave like a defined custom built-in element"
|
|
8308
|
+
},
|
|
8309
|
+
{
|
|
8310
|
+
"name": "exportparts",
|
|
8311
|
+
"type": "string | undefined",
|
|
8312
|
+
"required": false,
|
|
8313
|
+
"description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
|
|
8314
|
+
},
|
|
8315
|
+
{
|
|
8316
|
+
"name": "part",
|
|
8317
|
+
"type": "string | undefined",
|
|
8318
|
+
"required": false,
|
|
8319
|
+
"description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
|
|
8320
|
+
},
|
|
8321
|
+
{
|
|
8322
|
+
"name": "size",
|
|
8323
|
+
"type": "{ xs: string; sm: string; }",
|
|
8324
|
+
"required": false
|
|
8325
|
+
},
|
|
8326
|
+
{
|
|
8327
|
+
"name": "as",
|
|
8328
|
+
"type": "\"span\" | undefined",
|
|
8329
|
+
"required": false,
|
|
8330
|
+
"description": "Root tag. 'button' makes the avatar itself interactive (e.g. inside FileUploadTrigger asChild)."
|
|
8331
|
+
},
|
|
8332
|
+
{
|
|
8333
|
+
"name": "asChild",
|
|
8334
|
+
"type": "false | undefined",
|
|
8335
|
+
"required": false,
|
|
8336
|
+
"description": "Render the single child element as the root instead of `as`; takes precedence over it.",
|
|
8337
|
+
"defaultValue": "false"
|
|
8338
|
+
},
|
|
8339
|
+
{
|
|
8340
|
+
"name": "disabled",
|
|
8341
|
+
"type": "boolean | undefined",
|
|
8342
|
+
"required": false
|
|
8343
|
+
},
|
|
8344
|
+
{
|
|
8345
|
+
"name": "type",
|
|
8346
|
+
"type": "\"button\" | \"submit\" | \"reset\" | undefined",
|
|
8347
|
+
"required": false
|
|
8348
|
+
},
|
|
8349
|
+
{
|
|
8350
|
+
"name": "name",
|
|
8351
|
+
"type": "string | undefined",
|
|
8352
|
+
"required": false
|
|
8353
|
+
},
|
|
8354
|
+
{
|
|
8355
|
+
"name": "value",
|
|
8356
|
+
"type": "string | number | readonly string[] | undefined",
|
|
8357
|
+
"required": false
|
|
8358
|
+
},
|
|
8359
|
+
{
|
|
8360
|
+
"name": "form",
|
|
8361
|
+
"type": "string | undefined",
|
|
8362
|
+
"required": false
|
|
8363
|
+
}
|
|
8364
|
+
],
|
|
8365
|
+
"variants": [
|
|
8366
|
+
{
|
|
8367
|
+
"name": "size",
|
|
8368
|
+
"options": [
|
|
8369
|
+
"xs",
|
|
8370
|
+
"sm"
|
|
8371
|
+
],
|
|
8372
|
+
"defaultValue": "sm"
|
|
8373
|
+
}
|
|
8374
|
+
],
|
|
8375
|
+
"subComponents": [
|
|
8376
|
+
{
|
|
8377
|
+
"name": "AvatarFallback",
|
|
8378
|
+
"props": [
|
|
8379
|
+
{
|
|
8380
|
+
"name": "name",
|
|
8381
|
+
"type": "string | undefined",
|
|
8382
|
+
"required": false,
|
|
8383
|
+
"description": "Initials are taken from this: first letter of the first and of the last word."
|
|
8384
|
+
},
|
|
8385
|
+
{
|
|
8386
|
+
"name": "icon",
|
|
8387
|
+
"type": "ComponentType<SvgIconProps> | undefined",
|
|
8388
|
+
"required": false,
|
|
8389
|
+
"description": "Shown when there are no children and `name` gives no initials."
|
|
8390
|
+
},
|
|
8391
|
+
{
|
|
8392
|
+
"name": "defaultChecked",
|
|
8393
|
+
"type": "boolean | undefined",
|
|
8394
|
+
"required": false
|
|
8395
|
+
},
|
|
8396
|
+
{
|
|
8397
|
+
"name": "defaultValue",
|
|
8398
|
+
"type": "string | number | readonly string[] | undefined",
|
|
8399
|
+
"required": false
|
|
8400
|
+
},
|
|
8401
|
+
{
|
|
8402
|
+
"name": "suppressContentEditableWarning",
|
|
8403
|
+
"type": "boolean | undefined",
|
|
8404
|
+
"required": false
|
|
8405
|
+
},
|
|
8406
|
+
{
|
|
8407
|
+
"name": "suppressHydrationWarning",
|
|
8408
|
+
"type": "boolean | undefined",
|
|
8409
|
+
"required": false
|
|
8410
|
+
},
|
|
8411
|
+
{
|
|
8412
|
+
"name": "accessKey",
|
|
8413
|
+
"type": "string | undefined",
|
|
8414
|
+
"required": false
|
|
8415
|
+
},
|
|
8416
|
+
{
|
|
8417
|
+
"name": "autoCapitalize",
|
|
8418
|
+
"type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
|
|
8419
|
+
"required": false
|
|
8420
|
+
},
|
|
8421
|
+
{
|
|
8422
|
+
"name": "autoFocus",
|
|
8423
|
+
"type": "boolean | undefined",
|
|
8424
|
+
"required": false
|
|
8425
|
+
},
|
|
8426
|
+
{
|
|
8427
|
+
"name": "contentEditable",
|
|
8428
|
+
"type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
|
|
8429
|
+
"required": false
|
|
8430
|
+
},
|
|
8431
|
+
{
|
|
8432
|
+
"name": "contextMenu",
|
|
8433
|
+
"type": "string | undefined",
|
|
8434
|
+
"required": false
|
|
8435
|
+
},
|
|
8436
|
+
{
|
|
8437
|
+
"name": "dir",
|
|
8438
|
+
"type": "string | undefined",
|
|
8439
|
+
"required": false
|
|
8440
|
+
},
|
|
8441
|
+
{
|
|
8442
|
+
"name": "draggable",
|
|
8443
|
+
"type": "Booleanish | undefined",
|
|
8444
|
+
"required": false
|
|
8445
|
+
},
|
|
8446
|
+
{
|
|
8447
|
+
"name": "enterKeyHint",
|
|
8448
|
+
"type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
|
|
8449
|
+
"required": false
|
|
8450
|
+
},
|
|
8451
|
+
{
|
|
8452
|
+
"name": "hidden",
|
|
8453
|
+
"type": "boolean | undefined",
|
|
8454
|
+
"required": false
|
|
8455
|
+
},
|
|
8456
|
+
{
|
|
8457
|
+
"name": "id",
|
|
8458
|
+
"type": "string | undefined",
|
|
8459
|
+
"required": false
|
|
8460
|
+
},
|
|
8461
|
+
{
|
|
8462
|
+
"name": "lang",
|
|
8463
|
+
"type": "string | undefined",
|
|
8464
|
+
"required": false
|
|
8465
|
+
},
|
|
8466
|
+
{
|
|
8467
|
+
"name": "nonce",
|
|
8468
|
+
"type": "string | undefined",
|
|
8469
|
+
"required": false
|
|
8470
|
+
},
|
|
8471
|
+
{
|
|
8472
|
+
"name": "slot",
|
|
8473
|
+
"type": "string | undefined",
|
|
8474
|
+
"required": false
|
|
8475
|
+
},
|
|
8476
|
+
{
|
|
8477
|
+
"name": "spellCheck",
|
|
8478
|
+
"type": "Booleanish | undefined",
|
|
8479
|
+
"required": false
|
|
8480
|
+
},
|
|
8481
|
+
{
|
|
8482
|
+
"name": "tabIndex",
|
|
8483
|
+
"type": "number | undefined",
|
|
8484
|
+
"required": false
|
|
8485
|
+
},
|
|
8486
|
+
{
|
|
8487
|
+
"name": "title",
|
|
8488
|
+
"type": "string | undefined",
|
|
8489
|
+
"required": false
|
|
8490
|
+
},
|
|
8491
|
+
{
|
|
8492
|
+
"name": "translate",
|
|
8493
|
+
"type": "\"yes\" | \"no\" | undefined",
|
|
8494
|
+
"required": false
|
|
8495
|
+
},
|
|
8496
|
+
{
|
|
8497
|
+
"name": "radioGroup",
|
|
8498
|
+
"type": "string | undefined",
|
|
8499
|
+
"required": false
|
|
8500
|
+
},
|
|
8501
|
+
{
|
|
8502
|
+
"name": "role",
|
|
8503
|
+
"type": "AriaRole | undefined",
|
|
8504
|
+
"required": false
|
|
8505
|
+
},
|
|
8506
|
+
{
|
|
8507
|
+
"name": "about",
|
|
8508
|
+
"type": "string | undefined",
|
|
8509
|
+
"required": false
|
|
8510
|
+
},
|
|
8511
|
+
{
|
|
8512
|
+
"name": "content",
|
|
8513
|
+
"type": "string | undefined",
|
|
8514
|
+
"required": false
|
|
8515
|
+
},
|
|
8516
|
+
{
|
|
8517
|
+
"name": "datatype",
|
|
8518
|
+
"type": "string | undefined",
|
|
8519
|
+
"required": false
|
|
8520
|
+
},
|
|
8521
|
+
{
|
|
8522
|
+
"name": "inlist",
|
|
8523
|
+
"type": "any",
|
|
8524
|
+
"required": false
|
|
8525
|
+
},
|
|
8526
|
+
{
|
|
8527
|
+
"name": "prefix",
|
|
8528
|
+
"type": "string | undefined",
|
|
8529
|
+
"required": false
|
|
8530
|
+
},
|
|
8531
|
+
{
|
|
8532
|
+
"name": "property",
|
|
8533
|
+
"type": "string | undefined",
|
|
8534
|
+
"required": false
|
|
8535
|
+
},
|
|
8536
|
+
{
|
|
8537
|
+
"name": "rel",
|
|
8538
|
+
"type": "string | undefined",
|
|
8539
|
+
"required": false
|
|
8540
|
+
},
|
|
8541
|
+
{
|
|
8542
|
+
"name": "resource",
|
|
8543
|
+
"type": "string | undefined",
|
|
8544
|
+
"required": false
|
|
8545
|
+
},
|
|
8546
|
+
{
|
|
8547
|
+
"name": "rev",
|
|
8548
|
+
"type": "string | undefined",
|
|
8549
|
+
"required": false
|
|
8550
|
+
},
|
|
8551
|
+
{
|
|
8552
|
+
"name": "typeof",
|
|
8553
|
+
"type": "string | undefined",
|
|
8554
|
+
"required": false
|
|
8555
|
+
},
|
|
8556
|
+
{
|
|
8557
|
+
"name": "vocab",
|
|
8558
|
+
"type": "string | undefined",
|
|
8559
|
+
"required": false
|
|
8560
|
+
},
|
|
8561
|
+
{
|
|
8562
|
+
"name": "autoCorrect",
|
|
8563
|
+
"type": "string | undefined",
|
|
8564
|
+
"required": false
|
|
8565
|
+
},
|
|
8566
|
+
{
|
|
8567
|
+
"name": "autoSave",
|
|
8568
|
+
"type": "string | undefined",
|
|
8569
|
+
"required": false
|
|
8570
|
+
},
|
|
8571
|
+
{
|
|
8572
|
+
"name": "color",
|
|
8573
|
+
"type": "string | undefined",
|
|
8574
|
+
"required": false
|
|
8575
|
+
},
|
|
8576
|
+
{
|
|
8577
|
+
"name": "itemProp",
|
|
8578
|
+
"type": "string | undefined",
|
|
8579
|
+
"required": false
|
|
8580
|
+
},
|
|
8581
|
+
{
|
|
8582
|
+
"name": "itemScope",
|
|
8583
|
+
"type": "boolean | undefined",
|
|
8584
|
+
"required": false
|
|
8585
|
+
},
|
|
8586
|
+
{
|
|
8587
|
+
"name": "itemType",
|
|
8588
|
+
"type": "string | undefined",
|
|
8589
|
+
"required": false
|
|
8590
|
+
},
|
|
8591
|
+
{
|
|
8592
|
+
"name": "itemID",
|
|
8593
|
+
"type": "string | undefined",
|
|
8594
|
+
"required": false
|
|
8595
|
+
},
|
|
8596
|
+
{
|
|
8597
|
+
"name": "itemRef",
|
|
8598
|
+
"type": "string | undefined",
|
|
8599
|
+
"required": false
|
|
8600
|
+
},
|
|
8601
|
+
{
|
|
8602
|
+
"name": "results",
|
|
8603
|
+
"type": "number | undefined",
|
|
8604
|
+
"required": false
|
|
8605
|
+
},
|
|
8606
|
+
{
|
|
8607
|
+
"name": "security",
|
|
8608
|
+
"type": "string | undefined",
|
|
8609
|
+
"required": false
|
|
8610
|
+
},
|
|
8611
|
+
{
|
|
8612
|
+
"name": "unselectable",
|
|
8613
|
+
"type": "\"off\" | \"on\" | undefined",
|
|
8614
|
+
"required": false
|
|
8615
|
+
},
|
|
8616
|
+
{
|
|
8617
|
+
"name": "popover",
|
|
8618
|
+
"type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
|
|
8619
|
+
"required": false
|
|
8620
|
+
},
|
|
8621
|
+
{
|
|
8622
|
+
"name": "popoverTargetAction",
|
|
8623
|
+
"type": "\"toggle\" | \"show\" | \"hide\" | undefined",
|
|
8624
|
+
"required": false
|
|
8625
|
+
},
|
|
8626
|
+
{
|
|
8627
|
+
"name": "popoverTarget",
|
|
8628
|
+
"type": "string | undefined",
|
|
8629
|
+
"required": false
|
|
8630
|
+
},
|
|
8631
|
+
{
|
|
8632
|
+
"name": "inert",
|
|
8633
|
+
"type": "boolean | undefined",
|
|
8634
|
+
"required": false,
|
|
8635
|
+
"description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
|
|
8636
|
+
},
|
|
8637
|
+
{
|
|
8638
|
+
"name": "inputMode",
|
|
8639
|
+
"type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
|
|
8640
|
+
"required": false,
|
|
8641
|
+
"description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
|
|
8642
|
+
},
|
|
8643
|
+
{
|
|
8644
|
+
"name": "is",
|
|
8645
|
+
"type": "string | undefined",
|
|
8646
|
+
"required": false,
|
|
8647
|
+
"description": "Specify that a standard HTML element should behave like a defined custom built-in element"
|
|
8648
|
+
},
|
|
8649
|
+
{
|
|
8650
|
+
"name": "exportparts",
|
|
8651
|
+
"type": "string | undefined",
|
|
8652
|
+
"required": false,
|
|
8653
|
+
"description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
|
|
8654
|
+
},
|
|
8655
|
+
{
|
|
8656
|
+
"name": "part",
|
|
8657
|
+
"type": "string | undefined",
|
|
8658
|
+
"required": false,
|
|
8659
|
+
"description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
|
|
8660
|
+
}
|
|
8661
|
+
]
|
|
8662
|
+
},
|
|
8663
|
+
{
|
|
8664
|
+
"name": "AvatarImage",
|
|
8665
|
+
"props": [
|
|
8666
|
+
{
|
|
8667
|
+
"name": "alt",
|
|
8668
|
+
"type": "string | undefined",
|
|
8669
|
+
"required": false,
|
|
8670
|
+
"defaultValue": ""
|
|
8671
|
+
},
|
|
8672
|
+
{
|
|
8673
|
+
"name": "crossOrigin",
|
|
8674
|
+
"type": "CrossOrigin",
|
|
8675
|
+
"required": false
|
|
8676
|
+
},
|
|
8677
|
+
{
|
|
8678
|
+
"name": "decoding",
|
|
8679
|
+
"type": "\"auto\" | \"async\" | \"sync\" | undefined",
|
|
8680
|
+
"required": false
|
|
8681
|
+
},
|
|
8682
|
+
{
|
|
8683
|
+
"name": "fetchPriority",
|
|
8684
|
+
"type": "\"auto\" | \"high\" | \"low\" | undefined",
|
|
8685
|
+
"required": false
|
|
8686
|
+
},
|
|
8687
|
+
{
|
|
8688
|
+
"name": "height",
|
|
8689
|
+
"type": "string | number | undefined",
|
|
8690
|
+
"required": false
|
|
8691
|
+
},
|
|
8692
|
+
{
|
|
8693
|
+
"name": "loading",
|
|
8694
|
+
"type": "\"eager\" | \"lazy\" | undefined",
|
|
8695
|
+
"required": false
|
|
8696
|
+
},
|
|
8697
|
+
{
|
|
8698
|
+
"name": "referrerPolicy",
|
|
8699
|
+
"type": "HTMLAttributeReferrerPolicy | undefined",
|
|
8700
|
+
"required": false
|
|
8701
|
+
},
|
|
8702
|
+
{
|
|
8703
|
+
"name": "sizes",
|
|
8704
|
+
"type": "string | undefined",
|
|
8705
|
+
"required": false
|
|
8706
|
+
},
|
|
8707
|
+
{
|
|
8708
|
+
"name": "src",
|
|
8709
|
+
"type": "string | undefined",
|
|
8710
|
+
"required": false
|
|
8711
|
+
},
|
|
8712
|
+
{
|
|
8713
|
+
"name": "srcSet",
|
|
8714
|
+
"type": "string | undefined",
|
|
8715
|
+
"required": false
|
|
8716
|
+
},
|
|
8717
|
+
{
|
|
8718
|
+
"name": "useMap",
|
|
8719
|
+
"type": "string | undefined",
|
|
8720
|
+
"required": false
|
|
8721
|
+
},
|
|
8722
|
+
{
|
|
8723
|
+
"name": "width",
|
|
8724
|
+
"type": "string | number | undefined",
|
|
8725
|
+
"required": false
|
|
8726
|
+
},
|
|
8727
|
+
{
|
|
8728
|
+
"name": "defaultChecked",
|
|
8729
|
+
"type": "boolean | undefined",
|
|
8730
|
+
"required": false
|
|
8731
|
+
},
|
|
8732
|
+
{
|
|
8733
|
+
"name": "defaultValue",
|
|
8734
|
+
"type": "string | number | readonly string[] | undefined",
|
|
8735
|
+
"required": false
|
|
8736
|
+
},
|
|
8737
|
+
{
|
|
8738
|
+
"name": "suppressContentEditableWarning",
|
|
8739
|
+
"type": "boolean | undefined",
|
|
8740
|
+
"required": false
|
|
8741
|
+
},
|
|
8742
|
+
{
|
|
8743
|
+
"name": "suppressHydrationWarning",
|
|
8744
|
+
"type": "boolean | undefined",
|
|
8745
|
+
"required": false
|
|
8746
|
+
},
|
|
8747
|
+
{
|
|
8748
|
+
"name": "accessKey",
|
|
8749
|
+
"type": "string | undefined",
|
|
8750
|
+
"required": false
|
|
8751
|
+
},
|
|
8752
|
+
{
|
|
8753
|
+
"name": "autoCapitalize",
|
|
8754
|
+
"type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
|
|
8755
|
+
"required": false
|
|
8756
|
+
},
|
|
8757
|
+
{
|
|
8758
|
+
"name": "autoFocus",
|
|
8759
|
+
"type": "boolean | undefined",
|
|
8760
|
+
"required": false
|
|
8761
|
+
},
|
|
8762
|
+
{
|
|
8763
|
+
"name": "contentEditable",
|
|
8764
|
+
"type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
|
|
8765
|
+
"required": false
|
|
8766
|
+
},
|
|
8767
|
+
{
|
|
8768
|
+
"name": "contextMenu",
|
|
8769
|
+
"type": "string | undefined",
|
|
8770
|
+
"required": false
|
|
8771
|
+
},
|
|
8772
|
+
{
|
|
8773
|
+
"name": "dir",
|
|
8774
|
+
"type": "string | undefined",
|
|
8775
|
+
"required": false
|
|
8776
|
+
},
|
|
8777
|
+
{
|
|
8778
|
+
"name": "draggable",
|
|
8779
|
+
"type": "Booleanish | undefined",
|
|
8780
|
+
"required": false
|
|
8781
|
+
},
|
|
8782
|
+
{
|
|
8783
|
+
"name": "enterKeyHint",
|
|
8784
|
+
"type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
|
|
8785
|
+
"required": false
|
|
8786
|
+
},
|
|
8787
|
+
{
|
|
8788
|
+
"name": "hidden",
|
|
8789
|
+
"type": "boolean | undefined",
|
|
8790
|
+
"required": false
|
|
8791
|
+
},
|
|
8792
|
+
{
|
|
8793
|
+
"name": "lang",
|
|
8794
|
+
"type": "string | undefined",
|
|
8795
|
+
"required": false
|
|
8796
|
+
},
|
|
8797
|
+
{
|
|
8798
|
+
"name": "nonce",
|
|
8799
|
+
"type": "string | undefined",
|
|
8800
|
+
"required": false
|
|
8801
|
+
},
|
|
8802
|
+
{
|
|
8803
|
+
"name": "slot",
|
|
8804
|
+
"type": "string | undefined",
|
|
8805
|
+
"required": false
|
|
8806
|
+
},
|
|
8807
|
+
{
|
|
8808
|
+
"name": "spellCheck",
|
|
8809
|
+
"type": "Booleanish | undefined",
|
|
8810
|
+
"required": false
|
|
8811
|
+
},
|
|
8812
|
+
{
|
|
8813
|
+
"name": "tabIndex",
|
|
8814
|
+
"type": "number | undefined",
|
|
8815
|
+
"required": false
|
|
8816
|
+
},
|
|
8817
|
+
{
|
|
8818
|
+
"name": "title",
|
|
8819
|
+
"type": "string | undefined",
|
|
8820
|
+
"required": false
|
|
8821
|
+
},
|
|
8822
|
+
{
|
|
8823
|
+
"name": "translate",
|
|
8824
|
+
"type": "\"yes\" | \"no\" | undefined",
|
|
8825
|
+
"required": false
|
|
8826
|
+
},
|
|
8827
|
+
{
|
|
8828
|
+
"name": "radioGroup",
|
|
8829
|
+
"type": "string | undefined",
|
|
8830
|
+
"required": false
|
|
8831
|
+
},
|
|
8832
|
+
{
|
|
8833
|
+
"name": "role",
|
|
8834
|
+
"type": "AriaRole | undefined",
|
|
8835
|
+
"required": false
|
|
8836
|
+
},
|
|
8837
|
+
{
|
|
8838
|
+
"name": "about",
|
|
8839
|
+
"type": "string | undefined",
|
|
8840
|
+
"required": false
|
|
8841
|
+
},
|
|
8842
|
+
{
|
|
8843
|
+
"name": "content",
|
|
8844
|
+
"type": "string | undefined",
|
|
8845
|
+
"required": false
|
|
8846
|
+
},
|
|
8847
|
+
{
|
|
8848
|
+
"name": "datatype",
|
|
8849
|
+
"type": "string | undefined",
|
|
8850
|
+
"required": false
|
|
8851
|
+
},
|
|
8852
|
+
{
|
|
8853
|
+
"name": "inlist",
|
|
8854
|
+
"type": "any",
|
|
8855
|
+
"required": false
|
|
8856
|
+
},
|
|
8857
|
+
{
|
|
8858
|
+
"name": "prefix",
|
|
8859
|
+
"type": "string | undefined",
|
|
8860
|
+
"required": false
|
|
8861
|
+
},
|
|
8862
|
+
{
|
|
8863
|
+
"name": "property",
|
|
8864
|
+
"type": "string | undefined",
|
|
8865
|
+
"required": false
|
|
8866
|
+
},
|
|
8867
|
+
{
|
|
8868
|
+
"name": "rel",
|
|
8869
|
+
"type": "string | undefined",
|
|
8870
|
+
"required": false
|
|
8871
|
+
},
|
|
8872
|
+
{
|
|
8873
|
+
"name": "resource",
|
|
8874
|
+
"type": "string | undefined",
|
|
8875
|
+
"required": false
|
|
8876
|
+
},
|
|
8877
|
+
{
|
|
8878
|
+
"name": "rev",
|
|
8879
|
+
"type": "string | undefined",
|
|
8880
|
+
"required": false
|
|
8881
|
+
},
|
|
8882
|
+
{
|
|
8883
|
+
"name": "typeof",
|
|
8884
|
+
"type": "string | undefined",
|
|
8885
|
+
"required": false
|
|
8886
|
+
},
|
|
8887
|
+
{
|
|
8888
|
+
"name": "vocab",
|
|
8889
|
+
"type": "string | undefined",
|
|
8890
|
+
"required": false
|
|
8891
|
+
},
|
|
8892
|
+
{
|
|
8893
|
+
"name": "autoCorrect",
|
|
8894
|
+
"type": "string | undefined",
|
|
8895
|
+
"required": false
|
|
8896
|
+
},
|
|
8897
|
+
{
|
|
8898
|
+
"name": "autoSave",
|
|
8899
|
+
"type": "string | undefined",
|
|
8900
|
+
"required": false
|
|
8901
|
+
},
|
|
8902
|
+
{
|
|
8903
|
+
"name": "color",
|
|
8904
|
+
"type": "string | undefined",
|
|
8905
|
+
"required": false
|
|
8906
|
+
},
|
|
8907
|
+
{
|
|
8908
|
+
"name": "itemProp",
|
|
8909
|
+
"type": "string | undefined",
|
|
8910
|
+
"required": false
|
|
8911
|
+
},
|
|
8912
|
+
{
|
|
8913
|
+
"name": "itemScope",
|
|
8914
|
+
"type": "boolean | undefined",
|
|
8915
|
+
"required": false
|
|
8916
|
+
},
|
|
8917
|
+
{
|
|
8918
|
+
"name": "itemType",
|
|
8919
|
+
"type": "string | undefined",
|
|
8920
|
+
"required": false
|
|
8921
|
+
},
|
|
8922
|
+
{
|
|
8923
|
+
"name": "itemID",
|
|
8924
|
+
"type": "string | undefined",
|
|
8925
|
+
"required": false
|
|
8926
|
+
},
|
|
8927
|
+
{
|
|
8928
|
+
"name": "itemRef",
|
|
8929
|
+
"type": "string | undefined",
|
|
8930
|
+
"required": false
|
|
8931
|
+
},
|
|
8932
|
+
{
|
|
8933
|
+
"name": "results",
|
|
8934
|
+
"type": "number | undefined",
|
|
8935
|
+
"required": false
|
|
8936
|
+
},
|
|
8937
|
+
{
|
|
8938
|
+
"name": "security",
|
|
8939
|
+
"type": "string | undefined",
|
|
8940
|
+
"required": false
|
|
8941
|
+
},
|
|
8942
|
+
{
|
|
8943
|
+
"name": "unselectable",
|
|
8944
|
+
"type": "\"off\" | \"on\" | undefined",
|
|
8945
|
+
"required": false
|
|
8946
|
+
},
|
|
8947
|
+
{
|
|
8948
|
+
"name": "popover",
|
|
8949
|
+
"type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
|
|
8950
|
+
"required": false
|
|
8951
|
+
},
|
|
8952
|
+
{
|
|
8953
|
+
"name": "popoverTargetAction",
|
|
8954
|
+
"type": "\"toggle\" | \"show\" | \"hide\" | undefined",
|
|
8955
|
+
"required": false
|
|
8956
|
+
},
|
|
8957
|
+
{
|
|
8958
|
+
"name": "popoverTarget",
|
|
8959
|
+
"type": "string | undefined",
|
|
8960
|
+
"required": false
|
|
8961
|
+
},
|
|
8962
|
+
{
|
|
8963
|
+
"name": "inert",
|
|
8964
|
+
"type": "boolean | undefined",
|
|
8965
|
+
"required": false,
|
|
8966
|
+
"description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
|
|
8967
|
+
},
|
|
8968
|
+
{
|
|
8969
|
+
"name": "inputMode",
|
|
8970
|
+
"type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
|
|
8971
|
+
"required": false,
|
|
8972
|
+
"description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
|
|
8973
|
+
},
|
|
8974
|
+
{
|
|
8975
|
+
"name": "is",
|
|
8976
|
+
"type": "string | undefined",
|
|
8977
|
+
"required": false,
|
|
8978
|
+
"description": "Specify that a standard HTML element should behave like a defined custom built-in element"
|
|
8979
|
+
},
|
|
8980
|
+
{
|
|
8981
|
+
"name": "exportparts",
|
|
8982
|
+
"type": "string | undefined",
|
|
8983
|
+
"required": false,
|
|
8984
|
+
"description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
|
|
8985
|
+
},
|
|
8986
|
+
{
|
|
8987
|
+
"name": "part",
|
|
8988
|
+
"type": "string | undefined",
|
|
8989
|
+
"required": false,
|
|
8990
|
+
"description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
|
|
8991
|
+
}
|
|
8992
|
+
]
|
|
8993
|
+
},
|
|
8994
|
+
{
|
|
8995
|
+
"name": "AvatarOverlay",
|
|
8996
|
+
"props": [
|
|
8997
|
+
{
|
|
8998
|
+
"name": "visible",
|
|
8999
|
+
"type": "boolean | undefined",
|
|
9000
|
+
"required": false,
|
|
9001
|
+
"description": "Keep it shown regardless of hover — e.g. a `Loader` while the new photo uploads.",
|
|
9002
|
+
"defaultValue": "false"
|
|
9003
|
+
},
|
|
9004
|
+
{
|
|
9005
|
+
"name": "defaultChecked",
|
|
9006
|
+
"type": "boolean | undefined",
|
|
9007
|
+
"required": false
|
|
9008
|
+
},
|
|
9009
|
+
{
|
|
9010
|
+
"name": "defaultValue",
|
|
9011
|
+
"type": "string | number | readonly string[] | undefined",
|
|
9012
|
+
"required": false
|
|
9013
|
+
},
|
|
9014
|
+
{
|
|
9015
|
+
"name": "suppressContentEditableWarning",
|
|
9016
|
+
"type": "boolean | undefined",
|
|
9017
|
+
"required": false
|
|
9018
|
+
},
|
|
9019
|
+
{
|
|
9020
|
+
"name": "suppressHydrationWarning",
|
|
9021
|
+
"type": "boolean | undefined",
|
|
9022
|
+
"required": false
|
|
9023
|
+
},
|
|
9024
|
+
{
|
|
9025
|
+
"name": "accessKey",
|
|
9026
|
+
"type": "string | undefined",
|
|
9027
|
+
"required": false
|
|
9028
|
+
},
|
|
9029
|
+
{
|
|
9030
|
+
"name": "autoCapitalize",
|
|
9031
|
+
"type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
|
|
9032
|
+
"required": false
|
|
9033
|
+
},
|
|
9034
|
+
{
|
|
9035
|
+
"name": "autoFocus",
|
|
9036
|
+
"type": "boolean | undefined",
|
|
9037
|
+
"required": false
|
|
9038
|
+
},
|
|
9039
|
+
{
|
|
9040
|
+
"name": "contentEditable",
|
|
9041
|
+
"type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
|
|
9042
|
+
"required": false
|
|
9043
|
+
},
|
|
9044
|
+
{
|
|
9045
|
+
"name": "contextMenu",
|
|
9046
|
+
"type": "string | undefined",
|
|
9047
|
+
"required": false
|
|
9048
|
+
},
|
|
9049
|
+
{
|
|
9050
|
+
"name": "dir",
|
|
9051
|
+
"type": "string | undefined",
|
|
9052
|
+
"required": false
|
|
9053
|
+
},
|
|
9054
|
+
{
|
|
9055
|
+
"name": "draggable",
|
|
9056
|
+
"type": "Booleanish | undefined",
|
|
9057
|
+
"required": false
|
|
9058
|
+
},
|
|
9059
|
+
{
|
|
9060
|
+
"name": "enterKeyHint",
|
|
9061
|
+
"type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
|
|
9062
|
+
"required": false
|
|
9063
|
+
},
|
|
9064
|
+
{
|
|
9065
|
+
"name": "hidden",
|
|
9066
|
+
"type": "boolean | undefined",
|
|
9067
|
+
"required": false
|
|
9068
|
+
},
|
|
9069
|
+
{
|
|
9070
|
+
"name": "id",
|
|
9071
|
+
"type": "string | undefined",
|
|
9072
|
+
"required": false
|
|
9073
|
+
},
|
|
9074
|
+
{
|
|
9075
|
+
"name": "lang",
|
|
9076
|
+
"type": "string | undefined",
|
|
9077
|
+
"required": false
|
|
9078
|
+
},
|
|
9079
|
+
{
|
|
9080
|
+
"name": "nonce",
|
|
9081
|
+
"type": "string | undefined",
|
|
9082
|
+
"required": false
|
|
9083
|
+
},
|
|
9084
|
+
{
|
|
9085
|
+
"name": "slot",
|
|
9086
|
+
"type": "string | undefined",
|
|
9087
|
+
"required": false
|
|
9088
|
+
},
|
|
9089
|
+
{
|
|
9090
|
+
"name": "spellCheck",
|
|
9091
|
+
"type": "Booleanish | undefined",
|
|
9092
|
+
"required": false
|
|
9093
|
+
},
|
|
9094
|
+
{
|
|
9095
|
+
"name": "tabIndex",
|
|
9096
|
+
"type": "number | undefined",
|
|
9097
|
+
"required": false
|
|
9098
|
+
},
|
|
9099
|
+
{
|
|
9100
|
+
"name": "title",
|
|
9101
|
+
"type": "string | undefined",
|
|
9102
|
+
"required": false
|
|
9103
|
+
},
|
|
9104
|
+
{
|
|
9105
|
+
"name": "translate",
|
|
9106
|
+
"type": "\"yes\" | \"no\" | undefined",
|
|
9107
|
+
"required": false
|
|
9108
|
+
},
|
|
9109
|
+
{
|
|
9110
|
+
"name": "radioGroup",
|
|
9111
|
+
"type": "string | undefined",
|
|
9112
|
+
"required": false
|
|
9113
|
+
},
|
|
9114
|
+
{
|
|
9115
|
+
"name": "role",
|
|
9116
|
+
"type": "AriaRole | undefined",
|
|
9117
|
+
"required": false
|
|
9118
|
+
},
|
|
9119
|
+
{
|
|
9120
|
+
"name": "about",
|
|
9121
|
+
"type": "string | undefined",
|
|
9122
|
+
"required": false
|
|
9123
|
+
},
|
|
9124
|
+
{
|
|
9125
|
+
"name": "content",
|
|
9126
|
+
"type": "string | undefined",
|
|
9127
|
+
"required": false
|
|
9128
|
+
},
|
|
9129
|
+
{
|
|
9130
|
+
"name": "datatype",
|
|
9131
|
+
"type": "string | undefined",
|
|
9132
|
+
"required": false
|
|
9133
|
+
},
|
|
9134
|
+
{
|
|
9135
|
+
"name": "inlist",
|
|
9136
|
+
"type": "any",
|
|
9137
|
+
"required": false
|
|
9138
|
+
},
|
|
9139
|
+
{
|
|
9140
|
+
"name": "prefix",
|
|
9141
|
+
"type": "string | undefined",
|
|
9142
|
+
"required": false
|
|
9143
|
+
},
|
|
9144
|
+
{
|
|
9145
|
+
"name": "property",
|
|
9146
|
+
"type": "string | undefined",
|
|
9147
|
+
"required": false
|
|
9148
|
+
},
|
|
9149
|
+
{
|
|
9150
|
+
"name": "rel",
|
|
9151
|
+
"type": "string | undefined",
|
|
9152
|
+
"required": false
|
|
9153
|
+
},
|
|
9154
|
+
{
|
|
9155
|
+
"name": "resource",
|
|
9156
|
+
"type": "string | undefined",
|
|
9157
|
+
"required": false
|
|
9158
|
+
},
|
|
9159
|
+
{
|
|
9160
|
+
"name": "rev",
|
|
9161
|
+
"type": "string | undefined",
|
|
9162
|
+
"required": false
|
|
9163
|
+
},
|
|
9164
|
+
{
|
|
9165
|
+
"name": "typeof",
|
|
9166
|
+
"type": "string | undefined",
|
|
9167
|
+
"required": false
|
|
9168
|
+
},
|
|
9169
|
+
{
|
|
9170
|
+
"name": "vocab",
|
|
9171
|
+
"type": "string | undefined",
|
|
9172
|
+
"required": false
|
|
9173
|
+
},
|
|
9174
|
+
{
|
|
9175
|
+
"name": "autoCorrect",
|
|
9176
|
+
"type": "string | undefined",
|
|
9177
|
+
"required": false
|
|
9178
|
+
},
|
|
9179
|
+
{
|
|
9180
|
+
"name": "autoSave",
|
|
9181
|
+
"type": "string | undefined",
|
|
9182
|
+
"required": false
|
|
9183
|
+
},
|
|
9184
|
+
{
|
|
9185
|
+
"name": "color",
|
|
9186
|
+
"type": "string | undefined",
|
|
9187
|
+
"required": false
|
|
9188
|
+
},
|
|
9189
|
+
{
|
|
9190
|
+
"name": "itemProp",
|
|
9191
|
+
"type": "string | undefined",
|
|
9192
|
+
"required": false
|
|
9193
|
+
},
|
|
9194
|
+
{
|
|
9195
|
+
"name": "itemScope",
|
|
9196
|
+
"type": "boolean | undefined",
|
|
9197
|
+
"required": false
|
|
9198
|
+
},
|
|
9199
|
+
{
|
|
9200
|
+
"name": "itemType",
|
|
9201
|
+
"type": "string | undefined",
|
|
9202
|
+
"required": false
|
|
9203
|
+
},
|
|
9204
|
+
{
|
|
9205
|
+
"name": "itemID",
|
|
9206
|
+
"type": "string | undefined",
|
|
9207
|
+
"required": false
|
|
9208
|
+
},
|
|
9209
|
+
{
|
|
9210
|
+
"name": "itemRef",
|
|
9211
|
+
"type": "string | undefined",
|
|
9212
|
+
"required": false
|
|
9213
|
+
},
|
|
9214
|
+
{
|
|
9215
|
+
"name": "results",
|
|
9216
|
+
"type": "number | undefined",
|
|
9217
|
+
"required": false
|
|
9218
|
+
},
|
|
9219
|
+
{
|
|
9220
|
+
"name": "security",
|
|
9221
|
+
"type": "string | undefined",
|
|
9222
|
+
"required": false
|
|
9223
|
+
},
|
|
9224
|
+
{
|
|
9225
|
+
"name": "unselectable",
|
|
9226
|
+
"type": "\"off\" | \"on\" | undefined",
|
|
9227
|
+
"required": false
|
|
9228
|
+
},
|
|
9229
|
+
{
|
|
9230
|
+
"name": "popover",
|
|
9231
|
+
"type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
|
|
9232
|
+
"required": false
|
|
9233
|
+
},
|
|
9234
|
+
{
|
|
9235
|
+
"name": "popoverTargetAction",
|
|
9236
|
+
"type": "\"toggle\" | \"show\" | \"hide\" | undefined",
|
|
9237
|
+
"required": false
|
|
9238
|
+
},
|
|
9239
|
+
{
|
|
9240
|
+
"name": "popoverTarget",
|
|
9241
|
+
"type": "string | undefined",
|
|
9242
|
+
"required": false
|
|
9243
|
+
},
|
|
9244
|
+
{
|
|
9245
|
+
"name": "inert",
|
|
9246
|
+
"type": "boolean | undefined",
|
|
9247
|
+
"required": false,
|
|
9248
|
+
"description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
|
|
9249
|
+
},
|
|
9250
|
+
{
|
|
9251
|
+
"name": "inputMode",
|
|
9252
|
+
"type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
|
|
9253
|
+
"required": false,
|
|
9254
|
+
"description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
|
|
9255
|
+
},
|
|
9256
|
+
{
|
|
9257
|
+
"name": "is",
|
|
9258
|
+
"type": "string | undefined",
|
|
9259
|
+
"required": false,
|
|
9260
|
+
"description": "Specify that a standard HTML element should behave like a defined custom built-in element"
|
|
9261
|
+
},
|
|
9262
|
+
{
|
|
9263
|
+
"name": "exportparts",
|
|
9264
|
+
"type": "string | undefined",
|
|
9265
|
+
"required": false,
|
|
9266
|
+
"description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
|
|
9267
|
+
},
|
|
9268
|
+
{
|
|
9269
|
+
"name": "part",
|
|
9270
|
+
"type": "string | undefined",
|
|
9271
|
+
"required": false,
|
|
9272
|
+
"description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
|
|
9273
|
+
}
|
|
9274
|
+
]
|
|
9275
|
+
}
|
|
9276
|
+
],
|
|
9277
|
+
"examples": [
|
|
9278
|
+
{
|
|
9279
|
+
"name": "Basic",
|
|
9280
|
+
"code": "args => (\n <Avatar data-testid='avatar' {...args}>\n <AvatarImage src={PHOTO} />\n <AvatarFallback name='Ada Lovelace' />\n </Avatar>\n)",
|
|
9281
|
+
"description": "A photo with an initials fallback — the fallback also covers the moment before the photo arrives."
|
|
9282
|
+
},
|
|
9283
|
+
{
|
|
9284
|
+
"name": "Sizes",
|
|
9285
|
+
"code": "() => (\n <VStack gap={16} align='start' data-testid='avatar'>\n {(['xs', 'sm'] as const).map(size => (\n <HStack key={size} gap={12} align='center'>\n <Avatar size={size} data-testid={`avatar-${size}-photo`}>\n <AvatarImage src={PHOTO} />\n <AvatarFallback name='Ada Lovelace' />\n </Avatar>\n <Avatar size={size}>\n <AvatarFallback name='Ada Lovelace' />\n </Avatar>\n <Avatar size={size}>\n <AvatarFallback />\n </Avatar>\n <span className='sb-annotation'>{size}</span>\n </HStack>\n ))}\n </VStack>\n)",
|
|
9286
|
+
"description": "`xs` (24px) is the nav-rail plate; `sm` (32px, the default) is for rows and forms."
|
|
9287
|
+
},
|
|
9288
|
+
{
|
|
9289
|
+
"name": "Fallback",
|
|
9290
|
+
"code": "() => (\n <HStack gap={12} align='center' data-testid='avatar'>\n <Avatar>\n <AvatarFallback name='Grace Hopper' />\n </Avatar>\n <Avatar>\n <AvatarFallback />\n </Avatar>\n <Avatar data-testid='avatar-broken-initials'>\n <AvatarImage src='/does-not-exist.png' />\n <AvatarFallback name='Alan Turing' />\n </Avatar>\n <Avatar data-testid='avatar-broken-icon'>\n <AvatarImage src='/does-not-exist.png' />\n <AvatarFallback />\n </Avatar>\n </HStack>\n)",
|
|
9291
|
+
"description": "Initials are the first letters of the first and last word of `name`; without a name the person icon shows, whether the photo is missing or failed to load."
|
|
9292
|
+
},
|
|
9293
|
+
{
|
|
9294
|
+
"name": "CustomIcon",
|
|
9295
|
+
"code": "() => (\n <Avatar data-testid='avatar'>\n <AvatarFallback icon={Activity} />\n </Avatar>\n)",
|
|
9296
|
+
"description": "`icon` replaces the default person glyph whenever `name` gives no initials."
|
|
9297
|
+
},
|
|
9298
|
+
{
|
|
9299
|
+
"name": "Branded",
|
|
9300
|
+
"code": "() => (\n <HStack gap={12} align='center' data-frame-style='branded' data-testid='avatar'>\n <Avatar>\n <AvatarFallback />\n </Avatar>\n <Avatar>\n <AvatarFallback name='Ada Lovelace' />\n </Avatar>\n <Avatar data-testid='avatar-branded-photo'>\n <AvatarImage src={PHOTO} />\n <AvatarFallback />\n </Avatar>\n </HStack>\n)",
|
|
9301
|
+
"description": "Inside a Branded frame the empty plate takes the brand tint and stroke, while initials keep the body text colour and a photo is unchanged."
|
|
9302
|
+
},
|
|
9303
|
+
{
|
|
9304
|
+
"name": "ClickToUpload",
|
|
9305
|
+
"code": "() => {\n const { src, files, setFiles } = useAvatarUpload();\n return (\n <FileUpload\n data-testid='avatar-upload'\n accept={ACCEPT}\n maxFileSize={MAX_SIZE}\n value={files}\n onValueChange={setFiles}\n >\n <FileUploadTrigger asChild data-analytics-id='AVATAR_CHANGE'>\n <Avatar as='button' aria-label='Change avatar'>\n <AvatarImage src={src} />\n <AvatarFallback />\n <AvatarOverlay />\n </Avatar>\n </FileUploadTrigger>\n <FileUploadError />\n </FileUpload>\n );\n}",
|
|
9306
|
+
"description": "Click the avatar, or focus it and press Enter, to pick a photo — hover and focus show the edit\nicon, and the pick only previews until your form saves."
|
|
9307
|
+
},
|
|
9308
|
+
{
|
|
9309
|
+
"name": "WithActions",
|
|
9310
|
+
"code": "() => {\n const { src, files, setFiles, remove } = useAvatarUpload(PHOTO);\n return (\n <FileUpload\n data-testid='avatar-upload'\n accept={ACCEPT}\n maxFileSize={MAX_SIZE}\n value={files}\n onValueChange={setFiles}\n >\n <HStack gap={12} align='center' className='w-[480px] justify-between'>\n <VStack gap={0} align='start'>\n <FieldLabel>Avatar</FieldLabel>\n <FieldDescription>PNG, JPEG, or WebP · up to 512 KB</FieldDescription>\n </VStack>\n <HStack gap={12} align='center'>\n {src && (\n <Button\n variant='ghost'\n color='neutral'\n size='small'\n aria-label='Remove avatar'\n data-testid='avatar-remove'\n onClick={remove}\n >\n <Trash2 />\n </Button>\n )}\n <FileUploadTrigger\n variant='ghost'\n color='neutral'\n size='small'\n aria-label='Replace avatar'\n >\n <RefreshCcw />\n </FileUploadTrigger>\n <Avatar data-testid='avatar'>\n <AvatarImage src={src} />\n <AvatarFallback />\n </Avatar>\n </HStack>\n </HStack>\n <FileUploadError />\n </FileUpload>\n );\n}",
|
|
9311
|
+
"description": "The settings-row pattern: explicit Remove and Replace buttons beside a plain avatar, with the accepted formats and size spelled out."
|
|
9312
|
+
},
|
|
9313
|
+
{
|
|
9314
|
+
"name": "Uploading",
|
|
9315
|
+
"code": "() => (\n <FileUpload data-testid='avatar-upload' accept={ACCEPT}>\n <FileUploadTrigger asChild disabled>\n <Avatar as='button' aria-label='Change avatar' aria-busy>\n <AvatarImage src={PHOTO} />\n <AvatarFallback />\n <AvatarOverlay visible>\n <Loader size='md' />\n </AvatarOverlay>\n </Avatar>\n </FileUploadTrigger>\n </FileUpload>\n)",
|
|
9316
|
+
"description": "While the new photo uploads, disable the trigger and force the overlay with `visible` so it holds a `Loader`."
|
|
9317
|
+
}
|
|
9318
|
+
]
|
|
9319
|
+
},
|
|
8046
9320
|
{
|
|
8047
9321
|
"name": "Badge",
|
|
8048
9322
|
"importPath": "@wallarm-org/design-system/Badge",
|
|
@@ -33961,7 +35235,8 @@
|
|
|
33961
35235
|
{
|
|
33962
35236
|
"name": "asChild",
|
|
33963
35237
|
"type": "boolean | undefined",
|
|
33964
|
-
"required": false
|
|
35238
|
+
"required": false,
|
|
35239
|
+
"defaultValue": "false"
|
|
33965
35240
|
},
|
|
33966
35241
|
{
|
|
33967
35242
|
"name": "as",
|
|
@@ -52823,7 +54098,7 @@
|
|
|
52823
54098
|
"name": "avatarSrc",
|
|
52824
54099
|
"type": "string | undefined",
|
|
52825
54100
|
"required": false,
|
|
52826
|
-
"description": "User photo for the plate (implies `avatar`). The icon
|
|
54101
|
+
"description": "User photo for the plate (implies `avatar`). The icon shows while it loads and if it fails."
|
|
52827
54102
|
},
|
|
52828
54103
|
{
|
|
52829
54104
|
"name": "download",
|
|
@@ -110356,6 +111631,10 @@
|
|
|
110356
111631
|
"name": "--color-component-dialog-overlay",
|
|
110357
111632
|
"value": "--alpha(var(--color-white) / 60%)"
|
|
110358
111633
|
},
|
|
111634
|
+
{
|
|
111635
|
+
"name": "--color-component-avatar-overlay",
|
|
111636
|
+
"value": "--alpha(var(--color-white) / 80%)"
|
|
111637
|
+
},
|
|
110359
111638
|
{
|
|
110360
111639
|
"name": "--color-component-code-snippet-bg",
|
|
110361
111640
|
"value": "--alpha(var(--color-slate-500) / 6%)"
|
|
@@ -111438,6 +112717,10 @@
|
|
|
111438
112717
|
"name": "--color-component-dialog-overlay",
|
|
111439
112718
|
"value": "--alpha(var(--color-slate-950) / 60%)"
|
|
111440
112719
|
},
|
|
112720
|
+
{
|
|
112721
|
+
"name": "--color-component-avatar-overlay",
|
|
112722
|
+
"value": "--alpha(var(--color-slate-950) / 80%)"
|
|
112723
|
+
},
|
|
111441
112724
|
{
|
|
111442
112725
|
"name": "--color-component-code-snippet-bg",
|
|
111443
112726
|
"value": "--alpha(var(--color-slate-300) / 12%)"
|