@sbb-esta/lyne-elements 2.7.1 → 2.8.0

package/core/styles/core.scss

@@ -35,7 +35,7 @@
 
     // Infinity border radius, can be used to achieve rounded border on start and end
     // TODO: Check if infinity is supported by all browsers (e.g. Firefox) -> calc(1em * infinity);
-    --sbb-border-radius-infinity: 10000000em;
+    --sbb-border-radius-infinity: 100000em;
 
     &:has(sbb-header[size='s']) {
       --sbb-header-height: #{functions.px-to-rem-build(52)};
@@ -495,3 +495,9 @@ sbb-header + :where(sbb-sidebar-container, sbb-icon-sidebar-container) {
     top: 0;
   }
 }
+
+sbb-toggle:has(:focus-visible) {
+  @include a11y.focus-outline;
+
+  --sbb-focus-outline-offset: #{functions.px-to-rem-build(5)};
+}

package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables.scss

@@ -342,6 +342,8 @@ $sbb-size-element-l-large: 4rem;
 $sbb-size-element-l-wide: 4rem;
 /// Original Value: 64px
 $sbb-size-element-l-ultra: 4rem;
+/// Original Value: 16px
+$sbb-size-icon-ui-extra-small: 1rem;
 /// Original Value: 24px
 $sbb-size-icon-ui-small: 1.5rem;
 /// Original Value: 36px

package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables_css--mixin.scss

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Mar 2025 15:25:09 GMT
+ * Generated on Thu, 17 Apr 2025 11:20:53 GMT
  */
 
 @mixin lyne-design-tokens-css-variables {
@@ -574,6 +574,10 @@
    * Original Value: 64px
    */
   --sbb-size-element-l-ultra: 4rem;
+  /**
+   * Original Value: 16px
+   */
+  --sbb-size-icon-ui-extra-small: 1rem;
   /**
    * Original Value: 24px
    */

package/core.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Mar 2025 15:25:09 GMT
+ * Generated on Thu, 17 Apr 2025 11:20:53 GMT
  */
 *,
 ::before,
@@ -579,6 +579,10 @@
    * Original Value: 64px
    */
   --sbb-size-element-l-ultra: 4rem;
+  /**
+   * Original Value: 16px
+   */
+  --sbb-size-icon-ui-extra-small: 1rem;
   /**
    * Original Value: 24px
    */
@@ -1113,7 +1117,7 @@
   --sbb-time-input-max-width: 3.625rem;
   --sbb-time-input-s-max-width: 3.1875rem;
   --sbb-overlay-default-z-index: 1000;
-  --sbb-border-radius-infinity: 10000000em;
+  --sbb-border-radius-infinity: 100000em;
 }
 :root:has(sbb-header[size=s]) {
   --sbb-header-height: 3.25rem;
@@ -1542,4 +1546,10 @@ sbb-header + :where(sbb-sidebar-container, sbb-icon-sidebar-container) {
 }
 sbb-form-field .sbb-select-trigger {
   top: 0;
+}
+
+sbb-toggle:has(:focus-visible) {
+  outline-offset: var(--sbb-focus-outline-offset);
+  outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);
+  --sbb-focus-outline-offset: 0.3125rem;
 }

package/custom-elements.json

@@ -73947,23 +73947,101 @@
               "privacy": "public"
             },
             {
-              "kind": "field",
-              "name": "language",
-              "type": {
-                "text": "SbbLanguageController"
+              "kind": "method",
+              "name": "nextPage",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "previousPage",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "firstPage",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "lastPage",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "selectPage",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "privacy": "protected"
+              "parameters": [
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "hasPreviousPage",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hasNextPage",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              }
             },
             {
               "kind": "method",
               "name": "numberOfPages",
-              "privacy": "protected",
+              "privacy": "public",
               "return": {
                 "type": {
                   "text": "number"
                 }
               }
             },
+            {
+              "kind": "field",
+              "name": "language",
+              "type": {
+                "text": "SbbLanguageController"
+              },
+              "privacy": "protected"
+            },
             {
               "kind": "method",
               "name": "pageIndexChanged",
@@ -73980,7 +74058,8 @@
                     "text": "number"
                   }
                 }
-              ]
+              ],
+              "deprecated": "Will be removed with next major change."
             },
             {
               "kind": "method",
@@ -74173,10 +74252,95 @@
                 }
               }
             },
+            {
+              "kind": "method",
+              "name": "nextPage",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Advances to the next page if it exists."
+            },
+            {
+              "kind": "method",
+              "name": "previousPage",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Move back to the previous page if it exists."
+            },
+            {
+              "kind": "method",
+              "name": "firstPage",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Move to the first page if not already there."
+            },
+            {
+              "kind": "method",
+              "name": "lastPage",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Move to the last page if not already there."
+            },
+            {
+              "kind": "method",
+              "name": "selectPage",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ],
+              "description": "Move to a specific page index."
+            },
+            {
+              "kind": "method",
+              "name": "hasPreviousPage",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "description": "Whether there is a previous page."
+            },
+            {
+              "kind": "method",
+              "name": "hasNextPage",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "description": "Whether there is a next page."
+            },
             {
               "kind": "method",
               "name": "numberOfPages",
-              "privacy": "protected",
+              "privacy": "public",
               "return": {
                 "type": {
                   "text": "number"
@@ -74201,7 +74365,8 @@
                   }
                 }
               ],
-              "description": "If the `pageIndex` changes due to user interaction,\nemit the `page` event and then update the `pageIndex` value."
+              "description": "If the `pageIndex` changes due to user interaction,\nemit the `page` event and then update the `pageIndex` value.",
+              "deprecated": "Will be removed with next major change."
             },
             {
               "kind": "method",
@@ -74612,10 +74777,123 @@
                 "module": "paginator/common/paginator-common.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "nextPage",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Advances to the next page if it exists.",
+              "inheritedFrom": {
+                "name": "SbbPaginatorCommonElementMixin",
+                "module": "paginator/common/paginator-common.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "previousPage",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Move back to the previous page if it exists.",
+              "inheritedFrom": {
+                "name": "SbbPaginatorCommonElementMixin",
+                "module": "paginator/common/paginator-common.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "firstPage",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Move to the first page if not already there.",
+              "inheritedFrom": {
+                "name": "SbbPaginatorCommonElementMixin",
+                "module": "paginator/common/paginator-common.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "lastPage",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Move to the last page if not already there.",
+              "inheritedFrom": {
+                "name": "SbbPaginatorCommonElementMixin",
+                "module": "paginator/common/paginator-common.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "selectPage",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ],
+              "description": "Move to a specific page index.",
+              "inheritedFrom": {
+                "name": "SbbPaginatorCommonElementMixin",
+                "module": "paginator/common/paginator-common.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hasPreviousPage",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "description": "Whether there is a previous page.",
+              "inheritedFrom": {
+                "name": "SbbPaginatorCommonElementMixin",
+                "module": "paginator/common/paginator-common.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hasNextPage",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "description": "Whether there is a next page.",
+              "inheritedFrom": {
+                "name": "SbbPaginatorCommonElementMixin",
+                "module": "paginator/common/paginator-common.js"
+              }
+            },
             {
               "kind": "method",
               "name": "numberOfPages",
-              "privacy": "protected",
+              "privacy": "public",
               "return": {
                 "type": {
                   "text": "number"
@@ -74645,6 +74923,7 @@
                 }
               ],
               "description": "If the `pageIndex` changes due to user interaction,\nemit the `page` event and then update the `pageIndex` value.",
+              "deprecated": "Will be removed with next major change.",
               "inheritedFrom": {
                 "name": "SbbPaginatorCommonElementMixin",
                 "module": "paginator/common/paginator-common.js"
@@ -75205,10 +75484,123 @@
                 "module": "paginator/common/paginator-common.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "nextPage",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Advances to the next page if it exists.",
+              "inheritedFrom": {
+                "name": "SbbPaginatorCommonElementMixin",
+                "module": "paginator/common/paginator-common.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "previousPage",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Move back to the previous page if it exists.",
+              "inheritedFrom": {
+                "name": "SbbPaginatorCommonElementMixin",
+                "module": "paginator/common/paginator-common.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "firstPage",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Move to the first page if not already there.",
+              "inheritedFrom": {
+                "name": "SbbPaginatorCommonElementMixin",
+                "module": "paginator/common/paginator-common.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "lastPage",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Move to the last page if not already there.",
+              "inheritedFrom": {
+                "name": "SbbPaginatorCommonElementMixin",
+                "module": "paginator/common/paginator-common.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "selectPage",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ],
+              "description": "Move to a specific page index.",
+              "inheritedFrom": {
+                "name": "SbbPaginatorCommonElementMixin",
+                "module": "paginator/common/paginator-common.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hasPreviousPage",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "description": "Whether there is a previous page.",
+              "inheritedFrom": {
+                "name": "SbbPaginatorCommonElementMixin",
+                "module": "paginator/common/paginator-common.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hasNextPage",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "description": "Whether there is a next page.",
+              "inheritedFrom": {
+                "name": "SbbPaginatorCommonElementMixin",
+                "module": "paginator/common/paginator-common.js"
+              }
+            },
             {
               "kind": "method",
               "name": "numberOfPages",
-              "privacy": "protected",
+              "privacy": "public",
               "return": {
                 "type": {
                   "text": "number"
@@ -75238,6 +75630,7 @@
                 }
               ],
               "description": "If the `pageIndex` changes due to user interaction,\nemit the `page` event and then update the `pageIndex` value.",
+              "deprecated": "Will be removed with next major change.",
               "inheritedFrom": {
                 "name": "SbbPaginatorCommonElementMixin",
                 "module": "paginator/common/paginator-common.js"
@@ -84918,7 +85311,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Wraps a table to enhance its functionality",
+          "description": "Wraps a table to enhance its functionality.",
           "name": "SbbTableWrapperElement",
           "slots": [
             {
@@ -84929,17 +85322,25 @@
           "members": [
             {
               "kind": "field",
-              "name": "_resizeObserver",
-              "privacy": "private",
-              "default": "new ResizeController(this, { target: null, skipInitial: true, callback: () => this._checkHorizontalScrollbarOffset(), })"
-            },
-            {
-              "kind": "field",
-              "name": "_tableWrapper",
+              "name": "focusable",
               "type": {
-                "text": "HTMLElement"
+                "text": "boolean"
               },
-              "privacy": "private"
+              "privacy": "public",
+              "default": "false",
+              "description": "Whether the table wrapper is focusable.",
+              "attribute": "focusable",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "_updateScrollbarClass",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
               "kind": "method",
@@ -84979,19 +85380,16 @@
               }
             }
           ],
-          "mixins": [
-            {
-              "name": "SbbNegativeMixin",
-              "module": "core/mixins.js"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "sbb-table-wrapper",
-          "customElement": true,
           "attributes": [
+            {
+              "name": "focusable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the table wrapper is focusable.",
+              "fieldName": "focusable"
+            },
             {
               "name": "negative",
               "type": {
@@ -85005,7 +85403,19 @@
                 "module": "core/mixins/negative-mixin.js"
               }
             }
-          ]
+          ],
+          "mixins": [
+            {
+              "name": "SbbNegativeMixin",
+              "module": "core/mixins.js"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "sbb-table-wrapper",
+          "customElement": true
         }
       ],
       "exports": [
@@ -87818,12 +88228,6 @@
               "privacy": "private",
               "default": "false"
             },
-            {
-              "kind": "field",
-              "name": "_toggleResizeObserver",
-              "privacy": "private",
-              "default": "new ResizeController(this, { target: null, skipInitial: true, callback: () => this.updatePillPosition(true), })"
-            },
             {
               "kind": "field",
               "name": "_change",
@@ -88404,9 +88808,10 @@
               "kind": "field",
               "name": "_toggle",
               "type": {
-                "text": "SbbToggleElement | undefined"
+                "text": "SbbToggleElement | null"
               },
-              "privacy": "private"
+              "privacy": "private",
+              "default": "null"
             },
             {
               "kind": "method",