feat: fix mini-button-group size

sbb-design-systems · Aug 21, 2024 · 71500f1 · 71500f1
1 parent d68b8b3
commit 71500f1
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 33 deletions.
diff --git a/src/elements/paginator/__snapshots__/paginator.snapshot.spec.snap.js b/src/elements/paginator/__snapshots__/paginator.snapshot.spec.snap.js
@@ -13,7 +13,7 @@ snapshots["sbb-paginator renders DOM"] =
 snapshots["sbb-paginator renders Shadow DOM"] = 
 `<div class="sbb-paginator">
   <div class="sbb-paginator__buttons">
-    <sbb-mini-button-group size="m">
+    <sbb-mini-button-group size="l">
       <sbb-mini-button
         aria-disabled="true"
         aria-label="Previous page"
@@ -83,7 +83,7 @@ snapshots["sbb-paginator renders ellipsis on end side DOM"] =
 snapshots["sbb-paginator renders ellipsis on end side Shadow DOM"] = 
 `<div class="sbb-paginator">
   <div class="sbb-paginator__buttons">
-    <sbb-mini-button-group size="m">
+    <sbb-mini-button-group size="l">
       <sbb-mini-button
         aria-disabled="true"
         aria-label="Previous page"
@@ -202,7 +202,7 @@ snapshots["sbb-paginator renders ellipsis on start side DOM"] =
 snapshots["sbb-paginator renders ellipsis on start side Shadow DOM"] = 
 `<div class="sbb-paginator">
   <div class="sbb-paginator__buttons">
-    <sbb-mini-button-group size="m">
+    <sbb-mini-button-group size="l">
       <sbb-mini-button
         aria-label="Previous page"
         data-action=""
@@ -320,7 +320,7 @@ snapshots["sbb-paginator renders ellipsis on both side DOM"] =
 snapshots["sbb-paginator renders ellipsis on both side Shadow DOM"] = 
 `<div class="sbb-paginator">
   <div class="sbb-paginator__buttons">
-    <sbb-mini-button-group size="m">
+    <sbb-mini-button-group size="l">
       <sbb-mini-button
         aria-label="Previous page"
         data-action=""
@@ -442,7 +442,7 @@ snapshots["sbb-paginator renders with options Safari DOM"] =
 snapshots["sbb-paginator renders with options Safari Shadow DOM"] = 
 `<div class="sbb-paginator">
   <div class="sbb-paginator__buttons">
-    <sbb-mini-button-group size="m">
+    <sbb-mini-button-group size="l">
       <sbb-mini-button
         aria-disabled="true"
         aria-label="Previous page"
@@ -637,32 +637,6 @@ snapshots["sbb-paginator renders A11y tree Chrome"] =
 `;
 /* end snapshot sbb-paginator renders A11y tree Chrome */
 
-snapshots["sbb-paginator renders A11y tree Firefox"] = 
-`<p>
-  {
-  "role": "document",
-  "name": "",
-  "children": [
-    {
-      "role": "button",
-      "name": "Previous page",
-      "disabled": true
-    },
-    {
-      "role": "button",
-      "name": "Next page",
-      "disabled": true
-    },
-    {
-      "role": "button",
-      "name": "Page 1"
-    }
-  ]
-}
-</p>
-`;
-/* end snapshot sbb-paginator renders A11y tree Firefox */
-
 snapshots["sbb-paginator renders with options Chrome-Firefox DOM"] = 
 `<sbb-paginator
   length="50"
@@ -675,7 +649,7 @@ snapshots["sbb-paginator renders with options Chrome-Firefox DOM"] =
 snapshots["sbb-paginator renders with options Chrome-Firefox Shadow DOM"] = 
 `<div class="sbb-paginator">
   <div class="sbb-paginator__buttons">
-    <sbb-mini-button-group size="m">
+    <sbb-mini-button-group size="l">
       <sbb-mini-button
         aria-disabled="true"
         aria-label="Previous page"
@@ -842,3 +816,29 @@ snapshots["sbb-paginator renders with options Chrome-Firefox Shadow DOM"] =
 `;
 /* end snapshot sbb-paginator renders with options Chrome-Firefox Shadow DOM */
 
+snapshots["sbb-paginator renders A11y tree Firefox"] = 
+`<p>
+  {
+  "role": "document",
+  "name": "",
+  "children": [
+    {
+      "role": "button",
+      "name": "Previous page",
+      "disabled": true
+    },
+    {
+      "role": "button",
+      "name": "Next page",
+      "disabled": true
+    },
+    {
+      "role": "button",
+      "name": "Page 1"
+    }
+  ]
+}
+</p>
+`;
+/* end snapshot sbb-paginator renders A11y tree Firefox */
+
diff --git a/src/elements/paginator/paginator.ts b/src/elements/paginator/paginator.ts
@@ -233,7 +233,7 @@ export class SbbPaginatorElement extends SbbNegativeMixin(LitElement) {
   private _renderPrevNextButtons(): TemplateResult {
     return html`
       <div class="sbb-paginator__buttons">
-        <sbb-mini-button-group ?negative=${this.negative}>
+        <sbb-mini-button-group ?negative=${this.negative} size="l">
           <sbb-mini-button
             id="sbb-paginator-prev-page"
             aria-label=${i18nPreviousPage[this._language.current]}