Rename to vscode-button-group and remove the divider tag in favour of adding automatically

Author: a-stewart

src/main.ts

@@ -1,5 +1,6 @@
 export {VscodeBadge} from './vscode-badge/index.js';
 export {VscodeButton} from './vscode-button/index.js';
+export {VscodeButtonGroup} from './vscode-button-group/index.js';
 export {VscodeCheckbox} from './vscode-checkbox/index.js';
 export {VscodeCheckboxGroup} from './vscode-checkbox-group/index.js';
 export {VscodeCollapsible} from './vscode-collapsible/index.js';
@@ -18,7 +19,6 @@ export {VscodeRadio} from './vscode-radio/index.js';
 export {VscodeRadioGroup} from './vscode-radio-group/index.js';
 export {VscodeSingleSelect} from './vscode-single-select/index.js';
 export {VscodeScrollable} from './vscode-scrollable/index.js';
-export {VscodeSplitButton} from './vscode-split-button/index.js';
 export {VscodeSplitLayout} from './vscode-split-layout/index.js';
 export {VscodeTabHeader} from './vscode-tab-header/index.js';
 export {VscodeTabPanel} from './vscode-tab-panel/index.js';

src/vscode-button-group/index.ts

@@ -0,0 +1 @@
+export {VscodeButtonGroup} from './vscode-button-group.js';

…lit-button/vscode-split-button.styles.ts …tton-group/vscode-button-group.styles.tssrc/vscode-split-button/vscode-split-button.styles.ts renamed to src/vscode-button-group/vscode-button-group.styles.ts src/vscode-split-button/vscode-split-button.styles.ts renamed to src/vscode-button-group/vscode-button-group.styles.ts

@@ -1,12 +1,12 @@
 import {html, TemplateResult} from 'lit';
-import {customElement, property} from 'lit/decorators.js';
+import {customElement} from 'lit/decorators.js';
 import {VscElement} from '../includes/VscElement.js';
-import styles from './vscode-split-button.styles.js';
+import styles from './vscode-button-group.styles.js';
 
 /**
  * Shows a split button, including several components in a single button. Commonly used to show a button with a dropdown to the right.
  *
- * @tag vscode-split-button
+ * @tag vscode-button-group
  *
  * @cssprop [--vscode-button-background=#0078d4]
  * @cssprop [--vscode-button-foreground=#ffffff]
@@ -20,8 +20,8 @@ import styles from './vscode-split-button.styles.js';
  * @cssprop [--vscode-button-secondaryHoverBackground=#3c3c3c]
  * @cssprop [--vscode-focusBorder=#0078d4]
  */
-@customElement('vscode-split-button')
-export class VscodeSplitButton extends VscElement {
+@customElement('vscode-button-group')
+export class VscodeButtonGroup extends VscElement {
   static override styles = styles;
 
   override render(): TemplateResult {
@@ -31,6 +31,6 @@ export class VscodeSplitButton extends VscElement {
 
 declare global {
   interface HTMLElementTagNameMap {
-    'vscode-split-button': VscodeSplitButton;
+    'vscode-button-group': VscodeButtonGroup;
   }
 }