@vscode-elements/elements 2.3.1-pre.0 → 2.3.1-pre.1
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/custom-elements.json +260 -260
- package/dist/bundled.js +2 -2
- package/dist/includes/VscElement.js +1 -1
- package/dist/includes/VscElement.js.map +1 -1
- package/dist/includes/test-helpers.d.ts +2 -2
- package/dist/includes/test-helpers.d.ts.map +1 -1
- package/dist/includes/test-helpers.js +2 -1
- package/dist/includes/test-helpers.js.map +1 -1
- package/dist/vscode-radio/vscode-radio.js +1 -1
- package/dist/vscode-radio/vscode-radio.js.map +1 -1
- package/package.json +1 -1
- package/vscode.css-custom-data.json +20 -20
- package/vscode.html-custom-data.json +32 -32
package/custom-elements.json
CHANGED
|
@@ -395,7 +395,7 @@
|
|
|
395
395
|
{
|
|
396
396
|
"name": "root",
|
|
397
397
|
"type": {
|
|
398
|
-
"text": "Element"
|
|
398
|
+
"text": "Element | ShadowRoot"
|
|
399
399
|
}
|
|
400
400
|
},
|
|
401
401
|
{
|
|
@@ -435,7 +435,7 @@
|
|
|
435
435
|
{
|
|
436
436
|
"name": "root",
|
|
437
437
|
"type": {
|
|
438
|
-
"text": "Element"
|
|
438
|
+
"text": "Element | ShadowRoot"
|
|
439
439
|
}
|
|
440
440
|
},
|
|
441
441
|
{
|
|
@@ -458,7 +458,7 @@
|
|
|
458
458
|
{
|
|
459
459
|
"name": "arg1",
|
|
460
460
|
"type": {
|
|
461
|
-
"text": "string | Element"
|
|
461
|
+
"text": "string | Element | ShadowRoot"
|
|
462
462
|
}
|
|
463
463
|
},
|
|
464
464
|
{
|
|
@@ -604,131 +604,6 @@
|
|
|
604
604
|
}
|
|
605
605
|
]
|
|
606
606
|
},
|
|
607
|
-
{
|
|
608
|
-
"kind": "javascript-module",
|
|
609
|
-
"path": "src/vscode-badge/vscode-badge.styles.ts",
|
|
610
|
-
"declarations": [
|
|
611
|
-
{
|
|
612
|
-
"kind": "variable",
|
|
613
|
-
"name": "styles",
|
|
614
|
-
"type": {
|
|
615
|
-
"text": "CSSResultGroup"
|
|
616
|
-
},
|
|
617
|
-
"default": "[ defaultStyles, css` :host { display: inline-block; } .root { background-color: var(--vscode-badge-background, #616161); border: 1px solid var(--vscode-contrastBorder, transparent); border-radius: 2px; box-sizing: border-box; color: var(--vscode-badge-foreground, #f8f8f8); display: block; font-family: var(--vscode-font-family, ${defaultFontStack}); font-size: 11px; font-weight: 400; line-height: 14px; min-width: 18px; padding: 2px 3px; text-align: center; white-space: nowrap; } :host([variant='counter']) .root { border-radius: 11px; line-height: 11px; min-height: 18px; min-width: 18px; padding: 3px 6px; } :host([variant='activity-bar-counter']) .root { background-color: var(--vscode-activityBarBadge-background, #0078d4); border-radius: 20px; color: var(--vscode-activityBarBadge-foreground, #ffffff); font-size: 9px; font-weight: 600; line-height: 16px; padding: 0 4px; } :host([variant='tab-header-counter']) .root { background-color: var(--vscode-activityBarBadge-background, #0078d4); border-radius: 10px; color: var(--vscode-activityBarBadge-foreground, #ffffff); line-height: 10px; min-height: 16px; min-width: 16px; padding: 3px 5px; } `, ]"
|
|
618
|
-
}
|
|
619
|
-
],
|
|
620
|
-
"exports": [
|
|
621
|
-
{
|
|
622
|
-
"kind": "js",
|
|
623
|
-
"name": "default",
|
|
624
|
-
"declaration": {
|
|
625
|
-
"name": "styles",
|
|
626
|
-
"module": "src/vscode-badge/vscode-badge.styles.ts"
|
|
627
|
-
}
|
|
628
|
-
}
|
|
629
|
-
]
|
|
630
|
-
},
|
|
631
|
-
{
|
|
632
|
-
"kind": "javascript-module",
|
|
633
|
-
"path": "src/vscode-badge/vscode-badge.ts",
|
|
634
|
-
"declarations": [
|
|
635
|
-
{
|
|
636
|
-
"kind": "class",
|
|
637
|
-
"description": "Show counts or status information. Badges can also be used within [Textfield](https://vscode-elements.github.io/components/textfield) and [TabHeader](https://vscode-elements.github.io/components/tabs) components.",
|
|
638
|
-
"name": "VscodeBadge",
|
|
639
|
-
"cssProperties": [
|
|
640
|
-
{
|
|
641
|
-
"description": "A sans-serif font type depends on the host OS.",
|
|
642
|
-
"name": "--vscode-font-family",
|
|
643
|
-
"default": "sans-serif"
|
|
644
|
-
},
|
|
645
|
-
{
|
|
646
|
-
"name": "--vscode-contrastBorder",
|
|
647
|
-
"default": "transparent"
|
|
648
|
-
},
|
|
649
|
-
{
|
|
650
|
-
"description": "default and counter variant background color",
|
|
651
|
-
"name": "--vscode-badge-background",
|
|
652
|
-
"default": "#616161"
|
|
653
|
-
},
|
|
654
|
-
{
|
|
655
|
-
"description": "default and counter variant foreground color",
|
|
656
|
-
"name": "--vscode-badge-foreground",
|
|
657
|
-
"default": "#f8f8f8"
|
|
658
|
-
},
|
|
659
|
-
{
|
|
660
|
-
"description": "activity bar variant background color",
|
|
661
|
-
"name": "--vscode-activityBarBadge-background",
|
|
662
|
-
"default": "#0078d4"
|
|
663
|
-
},
|
|
664
|
-
{
|
|
665
|
-
"description": "activity bar variant foreground color",
|
|
666
|
-
"name": "--vscode-activityBarBadge-foreground",
|
|
667
|
-
"default": "#ffffff"
|
|
668
|
-
}
|
|
669
|
-
],
|
|
670
|
-
"members": [
|
|
671
|
-
{
|
|
672
|
-
"kind": "field",
|
|
673
|
-
"name": "variant",
|
|
674
|
-
"type": {
|
|
675
|
-
"text": "| 'default'\n | 'counter'\n | 'activity-bar-counter'\n | 'tab-header-counter'"
|
|
676
|
-
},
|
|
677
|
-
"default": "'default'",
|
|
678
|
-
"attribute": "variant",
|
|
679
|
-
"reflects": true
|
|
680
|
-
},
|
|
681
|
-
{
|
|
682
|
-
"kind": "field",
|
|
683
|
-
"name": "version",
|
|
684
|
-
"type": {
|
|
685
|
-
"text": "string"
|
|
686
|
-
},
|
|
687
|
-
"description": "VSCode Elements version",
|
|
688
|
-
"readonly": true,
|
|
689
|
-
"inheritedFrom": {
|
|
690
|
-
"name": "VscElement",
|
|
691
|
-
"module": "src/includes/VscElement.ts"
|
|
692
|
-
}
|
|
693
|
-
}
|
|
694
|
-
],
|
|
695
|
-
"attributes": [
|
|
696
|
-
{
|
|
697
|
-
"name": "variant",
|
|
698
|
-
"type": {
|
|
699
|
-
"text": "| 'default'\n | 'counter'\n | 'activity-bar-counter'\n | 'tab-header-counter'"
|
|
700
|
-
},
|
|
701
|
-
"default": "'default'",
|
|
702
|
-
"fieldName": "variant"
|
|
703
|
-
}
|
|
704
|
-
],
|
|
705
|
-
"superclass": {
|
|
706
|
-
"name": "VscElement",
|
|
707
|
-
"module": "/src/includes/VscElement.js"
|
|
708
|
-
},
|
|
709
|
-
"tagName": "vscode-badge",
|
|
710
|
-
"customElement": true
|
|
711
|
-
}
|
|
712
|
-
],
|
|
713
|
-
"exports": [
|
|
714
|
-
{
|
|
715
|
-
"kind": "js",
|
|
716
|
-
"name": "VscodeBadge",
|
|
717
|
-
"declaration": {
|
|
718
|
-
"name": "VscodeBadge",
|
|
719
|
-
"module": "src/vscode-badge/vscode-badge.ts"
|
|
720
|
-
}
|
|
721
|
-
},
|
|
722
|
-
{
|
|
723
|
-
"kind": "custom-element-definition",
|
|
724
|
-
"name": "vscode-badge",
|
|
725
|
-
"declaration": {
|
|
726
|
-
"name": "VscodeBadge",
|
|
727
|
-
"module": "src/vscode-badge/vscode-badge.ts"
|
|
728
|
-
}
|
|
729
|
-
}
|
|
730
|
-
]
|
|
731
|
-
},
|
|
732
607
|
{
|
|
733
608
|
"kind": "javascript-module",
|
|
734
609
|
"path": "src/vscode-button/vscode-button.styles.ts",
|
|
@@ -1226,7 +1101,7 @@
|
|
|
1226
1101
|
},
|
|
1227
1102
|
{
|
|
1228
1103
|
"kind": "javascript-module",
|
|
1229
|
-
"path": "src/vscode-
|
|
1104
|
+
"path": "src/vscode-badge/vscode-badge.styles.ts",
|
|
1230
1105
|
"declarations": [
|
|
1231
1106
|
{
|
|
1232
1107
|
"kind": "variable",
|
|
@@ -1234,7 +1109,7 @@
|
|
|
1234
1109
|
"type": {
|
|
1235
1110
|
"text": "CSSResultGroup"
|
|
1236
1111
|
},
|
|
1237
|
-
"default": "[ defaultStyles, css` :host { display: inline-block; } .root {
|
|
1112
|
+
"default": "[ defaultStyles, css` :host { display: inline-block; } .root { background-color: var(--vscode-badge-background, #616161); border: 1px solid var(--vscode-contrastBorder, transparent); border-radius: 2px; box-sizing: border-box; color: var(--vscode-badge-foreground, #f8f8f8); display: block; font-family: var(--vscode-font-family, ${defaultFontStack}); font-size: 11px; font-weight: 400; line-height: 14px; min-width: 18px; padding: 2px 3px; text-align: center; white-space: nowrap; } :host([variant='counter']) .root { border-radius: 11px; line-height: 11px; min-height: 18px; min-width: 18px; padding: 3px 6px; } :host([variant='activity-bar-counter']) .root { background-color: var(--vscode-activityBarBadge-background, #0078d4); border-radius: 20px; color: var(--vscode-activityBarBadge-foreground, #ffffff); font-size: 9px; font-weight: 600; line-height: 16px; padding: 0 4px; } :host([variant='tab-header-counter']) .root { background-color: var(--vscode-activityBarBadge-background, #0078d4); border-radius: 10px; color: var(--vscode-activityBarBadge-foreground, #ffffff); line-height: 10px; min-height: 16px; min-width: 16px; padding: 3px 5px; } `, ]"
|
|
1238
1113
|
}
|
|
1239
1114
|
],
|
|
1240
1115
|
"exports": [
|
|
@@ -1243,67 +1118,61 @@
|
|
|
1243
1118
|
"name": "default",
|
|
1244
1119
|
"declaration": {
|
|
1245
1120
|
"name": "styles",
|
|
1246
|
-
"module": "src/vscode-
|
|
1121
|
+
"module": "src/vscode-badge/vscode-badge.styles.ts"
|
|
1247
1122
|
}
|
|
1248
1123
|
}
|
|
1249
1124
|
]
|
|
1250
1125
|
},
|
|
1251
1126
|
{
|
|
1252
1127
|
"kind": "javascript-module",
|
|
1253
|
-
"path": "src/vscode-
|
|
1128
|
+
"path": "src/vscode-badge/vscode-badge.ts",
|
|
1254
1129
|
"declarations": [
|
|
1255
1130
|
{
|
|
1256
1131
|
"kind": "class",
|
|
1257
|
-
"description": "
|
|
1258
|
-
"name": "
|
|
1132
|
+
"description": "Show counts or status information. Badges can also be used within [Textfield](https://vscode-elements.github.io/components/textfield) and [TabHeader](https://vscode-elements.github.io/components/tabs) components.",
|
|
1133
|
+
"name": "VscodeBadge",
|
|
1259
1134
|
"cssProperties": [
|
|
1260
|
-
{
|
|
1261
|
-
"name": "--vscode-button-background",
|
|
1262
|
-
"default": "#0078d4"
|
|
1263
|
-
},
|
|
1264
|
-
{
|
|
1265
|
-
"name": "--vscode-button-foreground",
|
|
1266
|
-
"default": "#ffffff"
|
|
1267
|
-
},
|
|
1268
|
-
{
|
|
1269
|
-
"name": "--vscode-button-border",
|
|
1270
|
-
"default": "var(--vscode-button-background, rgba(255, 255, 255, 0.07))"
|
|
1271
|
-
},
|
|
1272
|
-
{
|
|
1273
|
-
"name": "--vscode-button-hoverBackground",
|
|
1274
|
-
"default": "#026ec1"
|
|
1275
|
-
},
|
|
1276
1135
|
{
|
|
1277
1136
|
"description": "A sans-serif font type depends on the host OS.",
|
|
1278
1137
|
"name": "--vscode-font-family",
|
|
1279
1138
|
"default": "sans-serif"
|
|
1280
1139
|
},
|
|
1281
1140
|
{
|
|
1282
|
-
"name": "--vscode-
|
|
1283
|
-
"default": "
|
|
1284
|
-
},
|
|
1285
|
-
{
|
|
1286
|
-
"name": "--vscode-font-weight",
|
|
1287
|
-
"default": "normal"
|
|
1141
|
+
"name": "--vscode-contrastBorder",
|
|
1142
|
+
"default": "transparent"
|
|
1288
1143
|
},
|
|
1289
1144
|
{
|
|
1290
|
-
"
|
|
1291
|
-
"
|
|
1145
|
+
"description": "default and counter variant background color",
|
|
1146
|
+
"name": "--vscode-badge-background",
|
|
1147
|
+
"default": "#616161"
|
|
1292
1148
|
},
|
|
1293
1149
|
{
|
|
1294
|
-
"
|
|
1295
|
-
"
|
|
1150
|
+
"description": "default and counter variant foreground color",
|
|
1151
|
+
"name": "--vscode-badge-foreground",
|
|
1152
|
+
"default": "#f8f8f8"
|
|
1296
1153
|
},
|
|
1297
1154
|
{
|
|
1298
|
-
"
|
|
1299
|
-
"
|
|
1155
|
+
"description": "activity bar variant background color",
|
|
1156
|
+
"name": "--vscode-activityBarBadge-background",
|
|
1157
|
+
"default": "#0078d4"
|
|
1300
1158
|
},
|
|
1301
1159
|
{
|
|
1302
|
-
"
|
|
1303
|
-
"
|
|
1160
|
+
"description": "activity bar variant foreground color",
|
|
1161
|
+
"name": "--vscode-activityBarBadge-foreground",
|
|
1162
|
+
"default": "#ffffff"
|
|
1304
1163
|
}
|
|
1305
1164
|
],
|
|
1306
1165
|
"members": [
|
|
1166
|
+
{
|
|
1167
|
+
"kind": "field",
|
|
1168
|
+
"name": "variant",
|
|
1169
|
+
"type": {
|
|
1170
|
+
"text": "| 'default'\n | 'counter'\n | 'activity-bar-counter'\n | 'tab-header-counter'"
|
|
1171
|
+
},
|
|
1172
|
+
"default": "'default'",
|
|
1173
|
+
"attribute": "variant",
|
|
1174
|
+
"reflects": true
|
|
1175
|
+
},
|
|
1307
1176
|
{
|
|
1308
1177
|
"kind": "field",
|
|
1309
1178
|
"name": "version",
|
|
@@ -1318,36 +1187,46 @@
|
|
|
1318
1187
|
}
|
|
1319
1188
|
}
|
|
1320
1189
|
],
|
|
1190
|
+
"attributes": [
|
|
1191
|
+
{
|
|
1192
|
+
"name": "variant",
|
|
1193
|
+
"type": {
|
|
1194
|
+
"text": "| 'default'\n | 'counter'\n | 'activity-bar-counter'\n | 'tab-header-counter'"
|
|
1195
|
+
},
|
|
1196
|
+
"default": "'default'",
|
|
1197
|
+
"fieldName": "variant"
|
|
1198
|
+
}
|
|
1199
|
+
],
|
|
1321
1200
|
"superclass": {
|
|
1322
1201
|
"name": "VscElement",
|
|
1323
1202
|
"module": "/src/includes/VscElement.js"
|
|
1324
1203
|
},
|
|
1325
|
-
"tagName": "vscode-
|
|
1204
|
+
"tagName": "vscode-badge",
|
|
1326
1205
|
"customElement": true
|
|
1327
1206
|
}
|
|
1328
1207
|
],
|
|
1329
1208
|
"exports": [
|
|
1330
1209
|
{
|
|
1331
1210
|
"kind": "js",
|
|
1332
|
-
"name": "
|
|
1211
|
+
"name": "VscodeBadge",
|
|
1333
1212
|
"declaration": {
|
|
1334
|
-
"name": "
|
|
1335
|
-
"module": "src/vscode-
|
|
1213
|
+
"name": "VscodeBadge",
|
|
1214
|
+
"module": "src/vscode-badge/vscode-badge.ts"
|
|
1336
1215
|
}
|
|
1337
1216
|
},
|
|
1338
1217
|
{
|
|
1339
1218
|
"kind": "custom-element-definition",
|
|
1340
|
-
"name": "vscode-
|
|
1219
|
+
"name": "vscode-badge",
|
|
1341
1220
|
"declaration": {
|
|
1342
|
-
"name": "
|
|
1343
|
-
"module": "src/vscode-
|
|
1221
|
+
"name": "VscodeBadge",
|
|
1222
|
+
"module": "src/vscode-badge/vscode-badge.ts"
|
|
1344
1223
|
}
|
|
1345
1224
|
}
|
|
1346
1225
|
]
|
|
1347
1226
|
},
|
|
1348
1227
|
{
|
|
1349
1228
|
"kind": "javascript-module",
|
|
1350
|
-
"path": "src/vscode-
|
|
1229
|
+
"path": "src/vscode-button-group/vscode-button-group.styles.ts",
|
|
1351
1230
|
"declarations": [
|
|
1352
1231
|
{
|
|
1353
1232
|
"kind": "variable",
|
|
@@ -1355,7 +1234,7 @@
|
|
|
1355
1234
|
"type": {
|
|
1356
1235
|
"text": "CSSResultGroup"
|
|
1357
1236
|
},
|
|
1358
|
-
"default": "[ defaultStyles, css` :host { display: block; } .
|
|
1237
|
+
"default": "[ defaultStyles, css` :host { display: inline-block; } .root { align-items: stretch; display: flex; width: 100%; } ::slotted(vscode-button:not(:first-child)) { --vsc-border-left-width: 0; --vsc-border-left-radius: 0; --vsc-border-left-width: 0; } ::slotted(vscode-button:not(:last-child)) { --vsc-divider-display: block; --vsc-base-additional-right-padding: 1px; --vsc-base-after-content: ''; --vsc-border-right-width: 0; --vsc-border-right-radius: 0; --vsc-border-right-width: 0; } ::slotted(vscode-button:focus) { z-index: 1; } ::slotted(vscode-button:not(:empty)) { width: 100%; } `, ]"
|
|
1359
1238
|
}
|
|
1360
1239
|
],
|
|
1361
1240
|
"exports": [
|
|
@@ -1364,30 +1243,67 @@
|
|
|
1364
1243
|
"name": "default",
|
|
1365
1244
|
"declaration": {
|
|
1366
1245
|
"name": "styles",
|
|
1367
|
-
"module": "src/vscode-
|
|
1246
|
+
"module": "src/vscode-button-group/vscode-button-group.styles.ts"
|
|
1368
1247
|
}
|
|
1369
1248
|
}
|
|
1370
1249
|
]
|
|
1371
1250
|
},
|
|
1372
1251
|
{
|
|
1373
1252
|
"kind": "javascript-module",
|
|
1374
|
-
"path": "src/vscode-
|
|
1253
|
+
"path": "src/vscode-button-group/vscode-button-group.ts",
|
|
1375
1254
|
"declarations": [
|
|
1376
1255
|
{
|
|
1377
1256
|
"kind": "class",
|
|
1378
|
-
"description": "
|
|
1379
|
-
"name": "
|
|
1380
|
-
"
|
|
1257
|
+
"description": "Shows a split button, including several components in a single button. Commonly used to show a button with a dropdown to the right.",
|
|
1258
|
+
"name": "VscodeButtonGroup",
|
|
1259
|
+
"cssProperties": [
|
|
1260
|
+
{
|
|
1261
|
+
"name": "--vscode-button-background",
|
|
1262
|
+
"default": "#0078d4"
|
|
1263
|
+
},
|
|
1264
|
+
{
|
|
1265
|
+
"name": "--vscode-button-foreground",
|
|
1266
|
+
"default": "#ffffff"
|
|
1267
|
+
},
|
|
1268
|
+
{
|
|
1269
|
+
"name": "--vscode-button-border",
|
|
1270
|
+
"default": "var(--vscode-button-background, rgba(255, 255, 255, 0.07))"
|
|
1271
|
+
},
|
|
1272
|
+
{
|
|
1273
|
+
"name": "--vscode-button-hoverBackground",
|
|
1274
|
+
"default": "#026ec1"
|
|
1275
|
+
},
|
|
1276
|
+
{
|
|
1277
|
+
"description": "A sans-serif font type depends on the host OS.",
|
|
1278
|
+
"name": "--vscode-font-family",
|
|
1279
|
+
"default": "sans-serif"
|
|
1280
|
+
},
|
|
1281
|
+
{
|
|
1282
|
+
"name": "--vscode-font-size",
|
|
1283
|
+
"default": "13px"
|
|
1284
|
+
},
|
|
1285
|
+
{
|
|
1286
|
+
"name": "--vscode-font-weight",
|
|
1287
|
+
"default": "normal"
|
|
1288
|
+
},
|
|
1381
1289
|
{
|
|
1382
|
-
"
|
|
1383
|
-
"
|
|
1384
|
-
|
|
1385
|
-
|
|
1386
|
-
|
|
1387
|
-
"default": "
|
|
1388
|
-
|
|
1389
|
-
|
|
1290
|
+
"name": "--vscode-button-secondaryForeground",
|
|
1291
|
+
"default": "#cccccc"
|
|
1292
|
+
},
|
|
1293
|
+
{
|
|
1294
|
+
"name": "--vscode-button-secondaryBackground",
|
|
1295
|
+
"default": "#313131"
|
|
1296
|
+
},
|
|
1297
|
+
{
|
|
1298
|
+
"name": "--vscode-button-secondaryHoverBackground",
|
|
1299
|
+
"default": "#3c3c3c"
|
|
1390
1300
|
},
|
|
1301
|
+
{
|
|
1302
|
+
"name": "--vscode-focusBorder",
|
|
1303
|
+
"default": "#0078d4"
|
|
1304
|
+
}
|
|
1305
|
+
],
|
|
1306
|
+
"members": [
|
|
1391
1307
|
{
|
|
1392
1308
|
"kind": "field",
|
|
1393
1309
|
"name": "version",
|
|
@@ -1402,39 +1318,29 @@
|
|
|
1402
1318
|
}
|
|
1403
1319
|
}
|
|
1404
1320
|
],
|
|
1405
|
-
"attributes": [
|
|
1406
|
-
{
|
|
1407
|
-
"name": "variant",
|
|
1408
|
-
"type": {
|
|
1409
|
-
"text": "'horizontal' | 'vertical'"
|
|
1410
|
-
},
|
|
1411
|
-
"default": "'horizontal'",
|
|
1412
|
-
"fieldName": "variant"
|
|
1413
|
-
}
|
|
1414
|
-
],
|
|
1415
1321
|
"superclass": {
|
|
1416
1322
|
"name": "VscElement",
|
|
1417
1323
|
"module": "/src/includes/VscElement.js"
|
|
1418
1324
|
},
|
|
1419
|
-
"tagName": "vscode-
|
|
1325
|
+
"tagName": "vscode-button-group",
|
|
1420
1326
|
"customElement": true
|
|
1421
1327
|
}
|
|
1422
1328
|
],
|
|
1423
1329
|
"exports": [
|
|
1424
1330
|
{
|
|
1425
1331
|
"kind": "js",
|
|
1426
|
-
"name": "
|
|
1332
|
+
"name": "VscodeButtonGroup",
|
|
1427
1333
|
"declaration": {
|
|
1428
|
-
"name": "
|
|
1429
|
-
"module": "src/vscode-
|
|
1334
|
+
"name": "VscodeButtonGroup",
|
|
1335
|
+
"module": "src/vscode-button-group/vscode-button-group.ts"
|
|
1430
1336
|
}
|
|
1431
1337
|
},
|
|
1432
1338
|
{
|
|
1433
1339
|
"kind": "custom-element-definition",
|
|
1434
|
-
"name": "vscode-
|
|
1340
|
+
"name": "vscode-button-group",
|
|
1435
1341
|
"declaration": {
|
|
1436
|
-
"name": "
|
|
1437
|
-
"module": "src/vscode-
|
|
1342
|
+
"name": "VscodeButtonGroup",
|
|
1343
|
+
"module": "src/vscode-button-group/vscode-button-group.ts"
|
|
1438
1344
|
}
|
|
1439
1345
|
}
|
|
1440
1346
|
]
|
|
@@ -2004,6 +1910,100 @@
|
|
|
2004
1910
|
}
|
|
2005
1911
|
]
|
|
2006
1912
|
},
|
|
1913
|
+
{
|
|
1914
|
+
"kind": "javascript-module",
|
|
1915
|
+
"path": "src/vscode-checkbox-group/vscode-checkbox-group.styles.ts",
|
|
1916
|
+
"declarations": [
|
|
1917
|
+
{
|
|
1918
|
+
"kind": "variable",
|
|
1919
|
+
"name": "styles",
|
|
1920
|
+
"type": {
|
|
1921
|
+
"text": "CSSResultGroup"
|
|
1922
|
+
},
|
|
1923
|
+
"default": "[ defaultStyles, css` :host { display: block; } .wrapper { display: flex; flex-wrap: wrap; } :host([variant='vertical']) .wrapper { display: block; } ::slotted(vscode-checkbox) { margin-right: 20px; } ::slotted(vscode-checkbox:last-child) { margin-right: 0; } :host([variant='vertical']) ::slotted(vscode-checkbox) { display: block; margin-bottom: 15px; } :host([variant='vertical']) ::slotted(vscode-checkbox:last-child) { margin-bottom: 0; } `, ]"
|
|
1924
|
+
}
|
|
1925
|
+
],
|
|
1926
|
+
"exports": [
|
|
1927
|
+
{
|
|
1928
|
+
"kind": "js",
|
|
1929
|
+
"name": "default",
|
|
1930
|
+
"declaration": {
|
|
1931
|
+
"name": "styles",
|
|
1932
|
+
"module": "src/vscode-checkbox-group/vscode-checkbox-group.styles.ts"
|
|
1933
|
+
}
|
|
1934
|
+
}
|
|
1935
|
+
]
|
|
1936
|
+
},
|
|
1937
|
+
{
|
|
1938
|
+
"kind": "javascript-module",
|
|
1939
|
+
"path": "src/vscode-checkbox-group/vscode-checkbox-group.ts",
|
|
1940
|
+
"declarations": [
|
|
1941
|
+
{
|
|
1942
|
+
"kind": "class",
|
|
1943
|
+
"description": "Arranges a group of checkboxes horizontally or vertically.",
|
|
1944
|
+
"name": "VscodeCheckboxGroup",
|
|
1945
|
+
"members": [
|
|
1946
|
+
{
|
|
1947
|
+
"kind": "field",
|
|
1948
|
+
"name": "variant",
|
|
1949
|
+
"type": {
|
|
1950
|
+
"text": "'horizontal' | 'vertical'"
|
|
1951
|
+
},
|
|
1952
|
+
"default": "'horizontal'",
|
|
1953
|
+
"attribute": "variant",
|
|
1954
|
+
"reflects": true
|
|
1955
|
+
},
|
|
1956
|
+
{
|
|
1957
|
+
"kind": "field",
|
|
1958
|
+
"name": "version",
|
|
1959
|
+
"type": {
|
|
1960
|
+
"text": "string"
|
|
1961
|
+
},
|
|
1962
|
+
"description": "VSCode Elements version",
|
|
1963
|
+
"readonly": true,
|
|
1964
|
+
"inheritedFrom": {
|
|
1965
|
+
"name": "VscElement",
|
|
1966
|
+
"module": "src/includes/VscElement.ts"
|
|
1967
|
+
}
|
|
1968
|
+
}
|
|
1969
|
+
],
|
|
1970
|
+
"attributes": [
|
|
1971
|
+
{
|
|
1972
|
+
"name": "variant",
|
|
1973
|
+
"type": {
|
|
1974
|
+
"text": "'horizontal' | 'vertical'"
|
|
1975
|
+
},
|
|
1976
|
+
"default": "'horizontal'",
|
|
1977
|
+
"fieldName": "variant"
|
|
1978
|
+
}
|
|
1979
|
+
],
|
|
1980
|
+
"superclass": {
|
|
1981
|
+
"name": "VscElement",
|
|
1982
|
+
"module": "/src/includes/VscElement.js"
|
|
1983
|
+
},
|
|
1984
|
+
"tagName": "vscode-checkbox-group",
|
|
1985
|
+
"customElement": true
|
|
1986
|
+
}
|
|
1987
|
+
],
|
|
1988
|
+
"exports": [
|
|
1989
|
+
{
|
|
1990
|
+
"kind": "js",
|
|
1991
|
+
"name": "VscodeCheckboxGroup",
|
|
1992
|
+
"declaration": {
|
|
1993
|
+
"name": "VscodeCheckboxGroup",
|
|
1994
|
+
"module": "src/vscode-checkbox-group/vscode-checkbox-group.ts"
|
|
1995
|
+
}
|
|
1996
|
+
},
|
|
1997
|
+
{
|
|
1998
|
+
"kind": "custom-element-definition",
|
|
1999
|
+
"name": "vscode-checkbox-group",
|
|
2000
|
+
"declaration": {
|
|
2001
|
+
"name": "VscodeCheckboxGroup",
|
|
2002
|
+
"module": "src/vscode-checkbox-group/vscode-checkbox-group.ts"
|
|
2003
|
+
}
|
|
2004
|
+
}
|
|
2005
|
+
]
|
|
2006
|
+
},
|
|
2007
2007
|
{
|
|
2008
2008
|
"kind": "javascript-module",
|
|
2009
2009
|
"path": "src/vscode-collapsible/vscode-collapsible.styles.ts",
|
|
@@ -3065,7 +3065,7 @@
|
|
|
3065
3065
|
},
|
|
3066
3066
|
{
|
|
3067
3067
|
"kind": "javascript-module",
|
|
3068
|
-
"path": "src/vscode-form-
|
|
3068
|
+
"path": "src/vscode-form-group/vscode-form-group.styles.ts",
|
|
3069
3069
|
"declarations": [
|
|
3070
3070
|
{
|
|
3071
3071
|
"kind": "variable",
|
|
@@ -3073,7 +3073,7 @@
|
|
|
3073
3073
|
"type": {
|
|
3074
3074
|
"text": "CSSResultGroup"
|
|
3075
3075
|
},
|
|
3076
|
-
"default": "[ defaultStyles, css` :host { display: block; line-height:
|
|
3076
|
+
"default": "[ defaultStyles, css` :host { --label-right-margin: 14px; --label-width: 150px; display: block; margin: 15px 0; } :host([variant='settings-group']) { margin: 0; padding: 12px 14px 18px; max-width: 727px; } .wrapper { display: flex; flex-wrap: wrap; } :host([variant='vertical']) .wrapper, :host([variant='settings-group']) .wrapper { display: block; } :host([variant='horizontal']) ::slotted(vscode-checkbox-group), :host([variant='horizontal']) ::slotted(vscode-radio-group) { width: calc(100% - calc(var(--label-width) + var(--label-right-margin))); } :host([variant='horizontal']) ::slotted(vscode-label) { margin-right: var(--label-right-margin); text-align: right; width: var(--label-width); } :host([variant='settings-group']) ::slotted(vscode-label) { height: 18px; line-height: 18px; margin-bottom: 4px; margin-right: 0; padding: 0; } ::slotted(vscode-form-helper) { margin-left: calc(var(--label-width) + var(--label-right-margin)); } :host([variant='vertical']) ::slotted(vscode-form-helper), :host([variant='settings-group']) ::slotted(vscode-form-helper) { display: block; margin-left: 0; } :host([variant='settings-group']) ::slotted(vscode-form-helper) { margin-bottom: 0; margin-top: 0; } :host([variant='vertical']) ::slotted(vscode-label), :host([variant='settings-group']) ::slotted(vscode-label) { display: block; margin-left: 0; text-align: left; } :host([variant='settings-group']) ::slotted(vscode-inputbox), :host([variant='settings-group']) ::slotted(vscode-textfield), :host([variant='settings-group']) ::slotted(vscode-textarea), :host([variant='settings-group']) ::slotted(vscode-single-select), :host([variant='settings-group']) ::slotted(vscode-multi-select) { margin-top: 9px; } ::slotted(vscode-button:first-child) { margin-left: calc(var(--label-width) + var(--label-right-margin)); } :host([variant='vertical']) ::slotted(vscode-button) { margin-left: 0; } ::slotted(vscode-button) { margin-right: 4px; } `, ]"
|
|
3077
3077
|
}
|
|
3078
3078
|
],
|
|
3079
3079
|
"exports": [
|
|
@@ -3082,30 +3082,41 @@
|
|
|
3082
3082
|
"name": "default",
|
|
3083
3083
|
"declaration": {
|
|
3084
3084
|
"name": "styles",
|
|
3085
|
-
"module": "src/vscode-form-
|
|
3085
|
+
"module": "src/vscode-form-group/vscode-form-group.styles.ts"
|
|
3086
3086
|
}
|
|
3087
3087
|
}
|
|
3088
3088
|
]
|
|
3089
3089
|
},
|
|
3090
3090
|
{
|
|
3091
3091
|
"kind": "javascript-module",
|
|
3092
|
-
"path": "src/vscode-form-
|
|
3092
|
+
"path": "src/vscode-form-group/vscode-form-group.ts",
|
|
3093
3093
|
"declarations": [
|
|
3094
3094
|
{
|
|
3095
3095
|
"kind": "class",
|
|
3096
|
-
"description": "
|
|
3097
|
-
"name": "
|
|
3096
|
+
"description": "",
|
|
3097
|
+
"name": "VscodeFormGroup",
|
|
3098
3098
|
"cssProperties": [
|
|
3099
3099
|
{
|
|
3100
|
-
"description": "
|
|
3101
|
-
"name": "--
|
|
3100
|
+
"description": "The width of the label in horizontal mode",
|
|
3101
|
+
"name": "--label-width",
|
|
3102
|
+
"default": "150px"
|
|
3103
|
+
},
|
|
3104
|
+
{
|
|
3105
|
+
"description": "The right margin of the label in horizontal mode",
|
|
3106
|
+
"name": "--label-right-margin",
|
|
3107
|
+
"default": "14px"
|
|
3102
3108
|
}
|
|
3103
3109
|
],
|
|
3104
3110
|
"members": [
|
|
3105
3111
|
{
|
|
3106
|
-
"kind": "
|
|
3107
|
-
"name": "
|
|
3108
|
-
"
|
|
3112
|
+
"kind": "field",
|
|
3113
|
+
"name": "variant",
|
|
3114
|
+
"type": {
|
|
3115
|
+
"text": "FormGroupVariant"
|
|
3116
|
+
},
|
|
3117
|
+
"default": "'horizontal'",
|
|
3118
|
+
"attribute": "variant",
|
|
3119
|
+
"reflects": true
|
|
3109
3120
|
},
|
|
3110
3121
|
{
|
|
3111
3122
|
"kind": "field",
|
|
@@ -3121,36 +3132,46 @@
|
|
|
3121
3132
|
}
|
|
3122
3133
|
}
|
|
3123
3134
|
],
|
|
3135
|
+
"attributes": [
|
|
3136
|
+
{
|
|
3137
|
+
"name": "variant",
|
|
3138
|
+
"type": {
|
|
3139
|
+
"text": "FormGroupVariant"
|
|
3140
|
+
},
|
|
3141
|
+
"default": "'horizontal'",
|
|
3142
|
+
"fieldName": "variant"
|
|
3143
|
+
}
|
|
3144
|
+
],
|
|
3124
3145
|
"superclass": {
|
|
3125
3146
|
"name": "VscElement",
|
|
3126
3147
|
"module": "/src/includes/VscElement.js"
|
|
3127
3148
|
},
|
|
3128
|
-
"tagName": "vscode-form-
|
|
3149
|
+
"tagName": "vscode-form-group",
|
|
3129
3150
|
"customElement": true
|
|
3130
3151
|
}
|
|
3131
3152
|
],
|
|
3132
3153
|
"exports": [
|
|
3133
3154
|
{
|
|
3134
3155
|
"kind": "js",
|
|
3135
|
-
"name": "
|
|
3156
|
+
"name": "VscodeFormGroup",
|
|
3136
3157
|
"declaration": {
|
|
3137
|
-
"name": "
|
|
3138
|
-
"module": "src/vscode-form-
|
|
3158
|
+
"name": "VscodeFormGroup",
|
|
3159
|
+
"module": "src/vscode-form-group/vscode-form-group.ts"
|
|
3139
3160
|
}
|
|
3140
3161
|
},
|
|
3141
3162
|
{
|
|
3142
3163
|
"kind": "custom-element-definition",
|
|
3143
|
-
"name": "vscode-form-
|
|
3164
|
+
"name": "vscode-form-group",
|
|
3144
3165
|
"declaration": {
|
|
3145
|
-
"name": "
|
|
3146
|
-
"module": "src/vscode-form-
|
|
3166
|
+
"name": "VscodeFormGroup",
|
|
3167
|
+
"module": "src/vscode-form-group/vscode-form-group.ts"
|
|
3147
3168
|
}
|
|
3148
3169
|
}
|
|
3149
3170
|
]
|
|
3150
3171
|
},
|
|
3151
3172
|
{
|
|
3152
3173
|
"kind": "javascript-module",
|
|
3153
|
-
"path": "src/vscode-form-
|
|
3174
|
+
"path": "src/vscode-form-helper/vscode-form-helper.styles.ts",
|
|
3154
3175
|
"declarations": [
|
|
3155
3176
|
{
|
|
3156
3177
|
"kind": "variable",
|
|
@@ -3158,7 +3179,7 @@
|
|
|
3158
3179
|
"type": {
|
|
3159
3180
|
"text": "CSSResultGroup"
|
|
3160
3181
|
},
|
|
3161
|
-
"default": "[ defaultStyles, css` :host {
|
|
3182
|
+
"default": "[ defaultStyles, css` :host { display: block; line-height: 1.4em; margin-bottom: 4px; margin-top: 4px; max-width: 720px; opacity: 0.9; } :host([vertical]) { margin-left: 0; } `, ]"
|
|
3162
3183
|
}
|
|
3163
3184
|
],
|
|
3164
3185
|
"exports": [
|
|
@@ -3167,41 +3188,30 @@
|
|
|
3167
3188
|
"name": "default",
|
|
3168
3189
|
"declaration": {
|
|
3169
3190
|
"name": "styles",
|
|
3170
|
-
"module": "src/vscode-form-
|
|
3191
|
+
"module": "src/vscode-form-helper/vscode-form-helper.styles.ts"
|
|
3171
3192
|
}
|
|
3172
3193
|
}
|
|
3173
3194
|
]
|
|
3174
3195
|
},
|
|
3175
3196
|
{
|
|
3176
3197
|
"kind": "javascript-module",
|
|
3177
|
-
"path": "src/vscode-form-
|
|
3198
|
+
"path": "src/vscode-form-helper/vscode-form-helper.ts",
|
|
3178
3199
|
"declarations": [
|
|
3179
3200
|
{
|
|
3180
3201
|
"kind": "class",
|
|
3181
|
-
"description": "",
|
|
3182
|
-
"name": "
|
|
3202
|
+
"description": "Adds more detailed description to a [FromGroup](https://bendera.github.io/vscode-webview-elements/components/vscode-form-group/)",
|
|
3203
|
+
"name": "VscodeFormHelper",
|
|
3183
3204
|
"cssProperties": [
|
|
3184
3205
|
{
|
|
3185
|
-
"description": "
|
|
3186
|
-
"name": "--
|
|
3187
|
-
"default": "150px"
|
|
3188
|
-
},
|
|
3189
|
-
{
|
|
3190
|
-
"description": "The right margin of the label in horizontal mode",
|
|
3191
|
-
"name": "--label-right-margin",
|
|
3192
|
-
"default": "14px"
|
|
3206
|
+
"description": "Default text color. 90% transparency version of `--vscode-foreground` by default.",
|
|
3207
|
+
"name": "--vsc-foreground-translucent"
|
|
3193
3208
|
}
|
|
3194
3209
|
],
|
|
3195
3210
|
"members": [
|
|
3196
3211
|
{
|
|
3197
|
-
"kind": "
|
|
3198
|
-
"name": "
|
|
3199
|
-
"
|
|
3200
|
-
"text": "FormGroupVariant"
|
|
3201
|
-
},
|
|
3202
|
-
"default": "'horizontal'",
|
|
3203
|
-
"attribute": "variant",
|
|
3204
|
-
"reflects": true
|
|
3212
|
+
"kind": "method",
|
|
3213
|
+
"name": "_injectLightDOMStyles",
|
|
3214
|
+
"privacy": "private"
|
|
3205
3215
|
},
|
|
3206
3216
|
{
|
|
3207
3217
|
"kind": "field",
|
|
@@ -3217,39 +3227,29 @@
|
|
|
3217
3227
|
}
|
|
3218
3228
|
}
|
|
3219
3229
|
],
|
|
3220
|
-
"attributes": [
|
|
3221
|
-
{
|
|
3222
|
-
"name": "variant",
|
|
3223
|
-
"type": {
|
|
3224
|
-
"text": "FormGroupVariant"
|
|
3225
|
-
},
|
|
3226
|
-
"default": "'horizontal'",
|
|
3227
|
-
"fieldName": "variant"
|
|
3228
|
-
}
|
|
3229
|
-
],
|
|
3230
3230
|
"superclass": {
|
|
3231
3231
|
"name": "VscElement",
|
|
3232
3232
|
"module": "/src/includes/VscElement.js"
|
|
3233
3233
|
},
|
|
3234
|
-
"tagName": "vscode-form-
|
|
3234
|
+
"tagName": "vscode-form-helper",
|
|
3235
3235
|
"customElement": true
|
|
3236
3236
|
}
|
|
3237
3237
|
],
|
|
3238
3238
|
"exports": [
|
|
3239
3239
|
{
|
|
3240
3240
|
"kind": "js",
|
|
3241
|
-
"name": "
|
|
3241
|
+
"name": "VscodeFormHelper",
|
|
3242
3242
|
"declaration": {
|
|
3243
|
-
"name": "
|
|
3244
|
-
"module": "src/vscode-form-
|
|
3243
|
+
"name": "VscodeFormHelper",
|
|
3244
|
+
"module": "src/vscode-form-helper/vscode-form-helper.ts"
|
|
3245
3245
|
}
|
|
3246
3246
|
},
|
|
3247
3247
|
{
|
|
3248
3248
|
"kind": "custom-element-definition",
|
|
3249
|
-
"name": "vscode-form-
|
|
3249
|
+
"name": "vscode-form-helper",
|
|
3250
3250
|
"declaration": {
|
|
3251
|
-
"name": "
|
|
3252
|
-
"module": "src/vscode-form-
|
|
3251
|
+
"name": "VscodeFormHelper",
|
|
3252
|
+
"module": "src/vscode-form-helper/vscode-form-helper.ts"
|
|
3253
3253
|
}
|
|
3254
3254
|
}
|
|
3255
3255
|
]
|