feat(sbb-mini-button-group): move to sbb-button module

src/elements/button.ts

@@ -3,6 +3,7 @@ export * from './button/secondary-button.js';
 export * from './button/tertiary-button.js';
 export * from './button/transparent-button.js';
 export * from './button/mini-button.js';
+export * from './button/mini-button-group.js';
 export * from './button/button-link.js';
 export * from './button/secondary-button-link.js';
 export * from './button/tertiary-button-link.js';

src/elements/mini-button-group/mini-button-group.scss → src/elements/button/mini-button-group/mini-button-group.scss

@@ -1,4 +1,4 @@
-@use '../core/styles' as sbb;
+@use '../../core/styles/index' as sbb;
 
 // Box-sizing rules contained in typography are not traversing Shadow DOM boundaries. We need to include box-sizing mixin in every component.
 @include sbb.box-sizing;

src/elements/mini-button-group/mini-button-group.snapshot.spec.ts → src/elements/button/mini-button-group/mini-button-group.snapshot.spec.ts

@@ -1,12 +1,12 @@
 import { expect } from '@open-wc/testing';
 import { html } from 'lit/static-html.js';
 
-import { fixture, testA11yTreeSnapshot } from '../core/testing/private.js';
+import { fixture, testA11yTreeSnapshot } from '../../core/testing/private.js';
 
 import type { SbbMiniButtonGroupElement } from './mini-button-group.js';
 import './mini-button-group.js';
-import '../button/mini-button.js';
-import '../divider/divider.js';
+import '../mini-button.js';
+import '../../divider/divider.js';
 
 describe(`sbb-mini-button-group`, () => {
   describe('renders', () => {

src/elements/mini-button-group/mini-button-group.spec.ts → src/elements/button/mini-button-group/mini-button-group.spec.ts

@@ -1,12 +1,12 @@
 import { assert, expect } from '@open-wc/testing';
 import { html } from 'lit/static-html.js';
 
-import { fixture } from '../core/testing/private.js';
-import { waitForLitRender } from '../core/testing/wait-for-render.js';
+import { fixture } from '../../core/testing/private.js';
+import { waitForLitRender } from '../../core/testing/wait-for-render.js';
 
 import { SbbMiniButtonGroupElement } from './mini-button-group.js';
-import '../button/mini-button.js';
-import '../divider/divider.js';
+import '../mini-button.js';
+import '../../divider/divider.js';
 
 describe('sbb-mini-button-group', () => {
   let element: SbbMiniButtonGroupElement;

src/elements/mini-button-group/mini-button-group.ssr.spec.ts → src/elements/button/mini-button-group/mini-button-group.ssr.spec.ts

@@ -1,11 +1,11 @@
 import { assert } from '@open-wc/testing';
 import { html } from 'lit/static-html.js';
 
-import { ssrHydratedFixture } from '../core/testing/private.js';
+import { ssrHydratedFixture } from '../../core/testing/private.js';
 
 import { SbbMiniButtonGroupElement } from './mini-button-group.js';
-import '../button/mini-button.js';
-import '../divider/divider.js';
+import '../mini-button.js';
+import '../../divider/divider.js';
 
 describe(`sbb-mini-button-group ssr`, () => {
   let root: SbbMiniButtonGroupElement;

src/elements/mini-button-group/mini-button-group.stories.ts → src/elements/button/mini-button-group/mini-button-group.stories.ts

@@ -11,12 +11,12 @@ import type {
 import type { TemplateResult } from 'lit';
 import { html } from 'lit';
 
-import { sbbSpread } from '../../storybook/helpers/spread.js';
+import { sbbSpread } from '../../../storybook/helpers/spread.js';
 
 import readme from './readme.md?raw';
 import './mini-button-group.js';
-import '../button/mini-button.js';
-import '../divider/divider.js';
+import '../mini-button.js';
+import '../../divider/divider.js';
 
 const size: InputType = {
   control: {
@@ -84,7 +84,7 @@ const meta: Meta = {
       extractComponentDescription: () => readme,
     },
   },
-  title: 'elements/sbb-mini-button-group',
+  title: 'elements/sbb-button/sbb-mini-button-group',
 };
 
 export default meta;

src/elements/mini-button-group/mini-button-group.ts → src/elements/button/mini-button-group/mini-button-group.ts

@@ -2,9 +2,9 @@ import type { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
 import { html, LitElement } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 
-import type { SbbMiniButtonElement } from '../button/mini-button/mini-button.js';
-import { SbbNamedSlotListMixin, SbbNegativeMixin } from '../core/mixins.js';
-import type { SbbDividerElement } from '../divider/divider.js';
+import { SbbNamedSlotListMixin, SbbNegativeMixin } from '../../core/mixins.js';
+import type { SbbDividerElement } from '../../divider/divider.js';
+import type { SbbMiniButtonElement } from '../mini-button/mini-button.js';
 
 import style from './mini-button-group.scss?lit&inline';
 

src/elements/mini-button-group/mini-button-group.visual.spec.ts → src/elements/button/mini-button-group/mini-button-group.visual.spec.ts

@@ -1,10 +1,14 @@
 import { html, nothing, type TemplateResult } from 'lit';
 
-import { describeViewports, visualDiffDefault, visualDiffFocus } from '../core/testing/private.js';
+import {
+  describeViewports,
+  visualDiffDefault,
+  visualDiffFocus,
+} from '../../core/testing/private.js';
 
 import './mini-button-group.js';
-import '../button/mini-button.js';
-import '../divider/divider.js';
+import '../mini-button.js';
+import '../../divider/divider.js';
 
 describe('sbb-mini-button-group', () => {
   const sizeCases = ['s', 'm', 'l', 'xl'];