@sbb-esta/lyne-elements-dev 5.0.0-next-dev.1776760633 → 5.0.0-next-dev.1776772852

package/custom-elements.json

@@ -3267,6 +3267,36 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "teaser-panel.pure.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "teaser-panel/teaser-panel.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "teaser-panel.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "teaser-panel.pure.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "teaser-product.pure.js",
@@ -33168,7 +33198,7 @@
               },
               "privacy": "public",
               "static": true,
-              "default": "[SbbBlockLinkStaticElement]",
+              "default": "[ SbbBlockLinkStaticElement, SbbTeaserPanelElement, ]",
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
@@ -33755,6 +33785,315 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "teaser-panel/teaser-panel.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "It displays the content in a vertically centered trapezoidal shape.\nThe component matches the parent element size and positions the panel accordingly.",
+          "name": "SbbTeaserPanelElement",
+          "slots": [
+            {
+              "description": "Use the unnamed slot to add text content to the panel",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "elementName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'sbb-teaser-panel'",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "['_$sbbElement$']",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "static": true,
+              "default": "true",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "elementDependencies",
+              "type": {
+                "text": "SbbElementType[] | undefined"
+              },
+              "privacy": "public",
+              "static": true,
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "role",
+              "type": {
+                "text": "ElementInternals['role'] | undefined"
+              },
+              "privacy": "public",
+              "static": true,
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_controllers",
+              "type": {
+                "text": "Set<SbbReactiveController> | undefined"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_hydrationRequired",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "!!this.shadowRoot",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_hydrationComplete",
+              "privacy": "private",
+              "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_resolveHydration",
+              "type": {
+                "text": "(hydrationRequired: boolean) => void"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_textObserver",
+              "type": {
+                "text": "MutationObserver | undefined"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hydrationRequired",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "description": "Returns whether hydration is required and not completed.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              },
+              "default": "!!this.shadowRoot"
+            },
+            {
+              "kind": "method",
+              "name": "toggleState",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "force",
+                  "optional": true,
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_slotchangeHandler",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                },
+                {
+                  "name": "slot",
+                  "type": {
+                    "text": "HTMLSlotElement"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_handleSlotChangeForSlottedState",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "slot",
+                  "type": {
+                    "text": "HTMLSlotElement"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_updateSlottedState",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "slot",
+                  "type": {
+                    "text": "HTMLSlotElement"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_observeTextNodesInSlot",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "slot",
+                  "type": {
+                    "text": "HTMLSlotElement"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_hasSlottedContent",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "slot",
+                  "type": {
+                    "text": "HTMLSlotElement"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "SbbElement",
+            "module": "core.js"
+          },
+          "tagName": "sbb-teaser-panel",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SbbTeaserPanelElement",
+          "declaration": {
+            "name": "SbbTeaserPanelElement",
+            "module": "teaser-panel/teaser-panel.component.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "time-input/time-input.component.js",
@@ -71123,30 +71462,32 @@
     },
     {
       "kind": "javascript-module",
-      "path": "container/container/container.component.js",
+      "path": "container/sticky-bar/sticky-bar.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "It displays its content with the default page spacing.",
-          "name": "SbbContainerElement",
+          "description": "A container that sticks to the bottom of the page if slotted into `sbb-container`.",
+          "name": "SbbStickyBarElement",
           "cssProperties": [
             {
-              "description": "Use this variable to override the default page spacing. Note that overriding this will disable the standard responsive spacing behavior of the container.",
-              "name": "--sbb-page-spacing-padding"
+              "description": "Block padding of the sticky bar.",
+              "name": "--sbb-sticky-bar-padding-block",
+              "default": "var(--sbb-spacing-responsive-xs)"
+            },
+            {
+              "description": "Define an additional area where the sticky bar overlaps the following content on the bottom. This area becomes visible when the sticky bar transitions from sticky to the normal document flow.",
+              "name": "--sbb-sticky-bar-bottom-overlapping-height",
+              "default": "0px"
+            },
+            {
+              "description": "To specify a custom stack order, the `z-index` can be overridden by defining this CSS variable.",
+              "name": "--sbb-sticky-bar-z-index"
             }
           ],
           "slots": [
             {
-              "description": "Use the unnamed slot to add anything to the container.",
+              "description": "Use the unnamed slot to add content to the sticky bar.",
               "name": ""
-            },
-            {
-              "description": "The slot used by the sbb-sticky-bar component.",
-              "name": "sticky-bar"
-            },
-            {
-              "description": "The slot used to slot an `sbb-image` to use as background.",
-              "name": "image"
             }
           ],
           "members": [
@@ -71159,7 +71500,7 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'sbb-container'",
+              "default": "'sbb-sticky-bar'",
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
@@ -71167,39 +71508,238 @@
             },
             {
               "kind": "field",
-              "name": "expanded",
+              "name": "events",
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "{ beforestick: 'beforestick', stick: 'stick', beforeunstick: 'beforeunstick', unstick: 'unstick', }",
               "type": {
-                "text": "boolean"
+                "text": "{\n    beforestick: 'beforestick',\n    stick: 'stick',\n    beforeunstick: 'beforeunstick',\n    unstick: 'unstick',\n  }"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "color",
+              "type": {
+                "text": "| 'white'\n    | 'milk'\n    | 'midnight'\n    | 'charcoal'\n    | null"
               },
               "privacy": "public",
-              "default": "false",
-              "description": "Whether the container is expanded.",
-              "attribute": "expanded",
+              "default": "null",
+              "description": "Color of the container, like transparent, white etc.",
+              "attribute": "color",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "backgroundExpanded",
+              "name": "size",
               "type": {
-                "text": "boolean"
+                "text": "'m' | 's'"
               },
               "privacy": "public",
-              "default": "false",
-              "description": "Whether the background color is shown on full container width on large screens.",
-              "attribute": "background-expanded",
+              "description": "Size of the container.",
+              "default": "'m' / 's' (lean)",
+              "attribute": "size",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "color",
+              "name": "_state",
+              "privacy": "private",
+              "description": "The state of the component.",
               "type": {
-                "text": "| 'transparent'\n    | 'white'\n    | 'milk'\n    | 'midnight'\n    | 'charcoal'"
+                "text": "StickyState"
+              },
+              "default": "'sticky'"
+            },
+            {
+              "kind": "field",
+              "name": "_stateInternal",
+              "type": {
+                "text": "StickyState"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_intersector",
+              "type": {
+                "text": "HTMLSpanElement | undefined"
               },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_observer",
+              "privacy": "private",
+              "default": "new IntersectionController(this, { // Although `this` is observed, we have to postpone observing // into firstUpdated() to achieve a correct initial state. target: null, callback: (entries) => this._detectStickyState(entries[0]), })"
+            },
+            {
+              "kind": "method",
+              "name": "_isZeroAnimationDuration",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_detectStickyState",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "entry",
+                  "type": {
+                    "text": "IntersectionObserverEntry"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "stick",
               "privacy": "public",
-              "default": "'white'",
-              "description": "Color of the container, like transparent, white etc.",
-              "attribute": "color",
-              "reflects": true
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Animates from normal content flow position to `position: sticky`."
+            },
+            {
+              "kind": "method",
+              "name": "unstick",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Animates `position: sticky` to normal content flow position."
+            },
+            {
+              "kind": "method",
+              "name": "_stickyCallback",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_unstickyCallback",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_onAnimationEnd",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "AnimationEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_dispatchBeforeStickEvent",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_dispatchBeforeUnStickEvent",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_updatePromise",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbUpdateSchedulerMixin",
+                "module": "core/mixins/update-scheduler-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_updateResolve",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbUpdateSchedulerMixin",
+                "module": "core/mixins/update-scheduler-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "startUpdate",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "SbbUpdateSchedulerMixin",
+                "module": "core/mixins/update-scheduler-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "completeUpdate",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "SbbUpdateSchedulerMixin",
+                "module": "core/mixins/update-scheduler-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getUpdateComplete",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "Promise<boolean>"
+                }
+              },
+              "inheritedFrom": {
+                "name": "SbbUpdateSchedulerMixin",
+                "module": "core/mixins/update-scheduler-mixin.js"
+              }
             },
             {
               "kind": "field",
@@ -71461,82 +72001,107 @@
               }
             }
           ],
-          "attributes": [
+          "events": [
             {
-              "name": "expanded",
+              "name": "stick",
               "type": {
-                "text": "boolean"
+                "text": "Event"
               },
-              "default": "false",
-              "description": "Whether the container is expanded.",
-              "fieldName": "expanded"
+              "description": "Emits when the animation from normal content flow to `position: sticky` ends."
             },
             {
-              "name": "background-expanded",
+              "name": "unstick",
               "type": {
-                "text": "boolean"
+                "text": "Event"
               },
-              "default": "false",
-              "description": "Whether the background color is shown on full container width on large screens.",
-              "fieldName": "backgroundExpanded"
+              "description": "Emits when the animation from `position: sticky` to normal content flow ends."
             },
+            {
+              "name": "beforestick",
+              "type": {
+                "text": "Event"
+              },
+              "description": "Emits when the animation from normal content flow to `position: sticky` starts. Can be canceled."
+            },
+            {
+              "name": "beforeunstick",
+              "type": {
+                "text": "Event"
+              },
+              "description": "Emits when the animation from `position: sticky` to normal content flow starts. Can be canceled."
+            }
+          ],
+          "attributes": [
             {
               "name": "color",
               "type": {
-                "text": "| 'transparent'\n    | 'white'\n    | 'milk'\n    | 'midnight'\n    | 'charcoal'"
+                "text": "| 'white'\n    | 'milk'\n    | 'midnight'\n    | 'charcoal'\n    | null"
               },
-              "default": "'white'",
+              "default": "null",
               "description": "Color of the container, like transparent, white etc.",
               "fieldName": "color"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "'m' | 's'"
+              },
+              "description": "Size of the container.",
+              "default": "'m' / 's' (lean)",
+              "fieldName": "size"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "SbbUpdateSchedulerMixin",
+              "module": "core.js"
             }
           ],
           "superclass": {
             "name": "SbbElement",
             "module": "core.js"
           },
-          "tagName": "sbb-container",
+          "tagName": "sbb-sticky-bar",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SbbContainerElement",
+          "name": "SbbStickyBarElement",
           "declaration": {
-            "name": "SbbContainerElement",
-            "module": "container/container/container.component.js"
+            "name": "SbbStickyBarElement",
+            "module": "container/sticky-bar/sticky-bar.component.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "container/sticky-bar/sticky-bar.component.js",
+      "path": "container/container/container.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "A container that sticks to the bottom of the page if slotted into `sbb-container`.",
-          "name": "SbbStickyBarElement",
+          "description": "It displays its content with the default page spacing.",
+          "name": "SbbContainerElement",
           "cssProperties": [
             {
-              "description": "Block padding of the sticky bar.",
-              "name": "--sbb-sticky-bar-padding-block",
-              "default": "var(--sbb-spacing-responsive-xs)"
-            },
-            {
-              "description": "Define an additional area where the sticky bar overlaps the following content on the bottom. This area becomes visible when the sticky bar transitions from sticky to the normal document flow.",
-              "name": "--sbb-sticky-bar-bottom-overlapping-height",
-              "default": "0px"
-            },
-            {
-              "description": "To specify a custom stack order, the `z-index` can be overridden by defining this CSS variable.",
-              "name": "--sbb-sticky-bar-z-index"
+              "description": "Use this variable to override the default page spacing. Note that overriding this will disable the standard responsive spacing behavior of the container.",
+              "name": "--sbb-page-spacing-padding"
             }
           ],
           "slots": [
             {
-              "description": "Use the unnamed slot to add content to the sticky bar.",
+              "description": "Use the unnamed slot to add anything to the container.",
               "name": ""
+            },
+            {
+              "description": "The slot used by the sbb-sticky-bar component.",
+              "name": "sticky-bar"
+            },
+            {
+              "description": "The slot used to slot an `sbb-image` to use as background.",
+              "name": "image"
             }
           ],
           "members": [
@@ -71549,7 +72114,7 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'sbb-sticky-bar'",
+              "default": "'sbb-container'",
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
@@ -71557,238 +72122,39 @@
             },
             {
               "kind": "field",
-              "name": "events",
-              "privacy": "public",
-              "static": true,
-              "readonly": true,
-              "default": "{ beforestick: 'beforestick', stick: 'stick', beforeunstick: 'beforeunstick', unstick: 'unstick', }",
-              "type": {
-                "text": "{\n    beforestick: 'beforestick',\n    stick: 'stick',\n    beforeunstick: 'beforeunstick',\n    unstick: 'unstick',\n  }"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "color",
+              "name": "expanded",
               "type": {
-                "text": "| 'white'\n    | 'milk'\n    | 'midnight'\n    | 'charcoal'\n    | null"
+                "text": "boolean"
               },
               "privacy": "public",
-              "default": "null",
-              "description": "Color of the container, like transparent, white etc.",
-              "attribute": "color",
+              "default": "false",
+              "description": "Whether the container is expanded.",
+              "attribute": "expanded",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "backgroundExpanded",
               "type": {
-                "text": "'m' | 's'"
+                "text": "boolean"
               },
               "privacy": "public",
-              "description": "Size of the container.",
-              "default": "'m' / 's' (lean)",
-              "attribute": "size",
+              "default": "false",
+              "description": "Whether the background color is shown on full container width on large screens.",
+              "attribute": "background-expanded",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "_state",
-              "privacy": "private",
-              "description": "The state of the component.",
-              "type": {
-                "text": "StickyState"
-              },
-              "default": "'sticky'"
-            },
-            {
-              "kind": "field",
-              "name": "_stateInternal",
-              "type": {
-                "text": "StickyState"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_intersector",
+              "name": "color",
               "type": {
-                "text": "HTMLSpanElement | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_observer",
-              "privacy": "private",
-              "default": "new IntersectionController(this, { // Although `this` is observed, we have to postpone observing // into firstUpdated() to achieve a correct initial state. target: null, callback: (entries) => this._detectStickyState(entries[0]), })"
-            },
-            {
-              "kind": "method",
-              "name": "_isZeroAnimationDuration",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_detectStickyState",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "entry",
-                  "type": {
-                    "text": "IntersectionObserverEntry"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "stick",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+                "text": "| 'transparent'\n    | 'white'\n    | 'milk'\n    | 'midnight'\n    | 'charcoal'"
               },
-              "description": "Animates from normal content flow position to `position: sticky`."
-            },
-            {
-              "kind": "method",
-              "name": "unstick",
               "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Animates `position: sticky` to normal content flow position."
-            },
-            {
-              "kind": "method",
-              "name": "_stickyCallback",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_unstickyCallback",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_onAnimationEnd",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "AnimationEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_dispatchBeforeStickEvent",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_dispatchBeforeUnStickEvent",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_updatePromise",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbUpdateSchedulerMixin",
-                "module": "core/mixins/update-scheduler-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_updateResolve",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbUpdateSchedulerMixin",
-                "module": "core/mixins/update-scheduler-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "startUpdate",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "SbbUpdateSchedulerMixin",
-                "module": "core/mixins/update-scheduler-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "completeUpdate",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "SbbUpdateSchedulerMixin",
-                "module": "core/mixins/update-scheduler-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "getUpdateComplete",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "Promise<boolean>"
-                }
-              },
-              "inheritedFrom": {
-                "name": "SbbUpdateSchedulerMixin",
-                "module": "core/mixins/update-scheduler-mixin.js"
-              }
+              "default": "'white'",
+              "description": "Color of the container, like transparent, white etc.",
+              "attribute": "color",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -72050,77 +72416,50 @@
               }
             }
           ],
-          "events": [
-            {
-              "name": "stick",
-              "type": {
-                "text": "Event"
-              },
-              "description": "Emits when the animation from normal content flow to `position: sticky` ends."
-            },
+          "attributes": [
             {
-              "name": "unstick",
+              "name": "expanded",
               "type": {
-                "text": "Event"
+                "text": "boolean"
               },
-              "description": "Emits when the animation from `position: sticky` to normal content flow ends."
+              "default": "false",
+              "description": "Whether the container is expanded.",
+              "fieldName": "expanded"
             },
             {
-              "name": "beforestick",
+              "name": "background-expanded",
               "type": {
-                "text": "Event"
+                "text": "boolean"
               },
-              "description": "Emits when the animation from normal content flow to `position: sticky` starts. Can be canceled."
+              "default": "false",
+              "description": "Whether the background color is shown on full container width on large screens.",
+              "fieldName": "backgroundExpanded"
             },
-            {
-              "name": "beforeunstick",
-              "type": {
-                "text": "Event"
-              },
-              "description": "Emits when the animation from `position: sticky` to normal content flow starts. Can be canceled."
-            }
-          ],
-          "attributes": [
             {
               "name": "color",
               "type": {
-                "text": "| 'white'\n    | 'milk'\n    | 'midnight'\n    | 'charcoal'\n    | null"
+                "text": "| 'transparent'\n    | 'white'\n    | 'milk'\n    | 'midnight'\n    | 'charcoal'"
               },
-              "default": "null",
+              "default": "'white'",
               "description": "Color of the container, like transparent, white etc.",
               "fieldName": "color"
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "'m' | 's'"
-              },
-              "description": "Size of the container.",
-              "default": "'m' / 's' (lean)",
-              "fieldName": "size"
-            }
-          ],
-          "mixins": [
-            {
-              "name": "SbbUpdateSchedulerMixin",
-              "module": "core.js"
             }
           ],
           "superclass": {
             "name": "SbbElement",
             "module": "core.js"
           },
-          "tagName": "sbb-sticky-bar",
+          "tagName": "sbb-container",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SbbStickyBarElement",
+          "name": "SbbContainerElement",
           "declaration": {
-            "name": "SbbStickyBarElement",
-            "module": "container/sticky-bar/sticky-bar.component.js"
+            "name": "SbbContainerElement",
+            "module": "container/container/container.component.js"
           }
         }
       ]