@sbb-esta/lyne-elements-dev 4.9.0-dev.1774514108 → 4.9.0-dev.1774519787

package/core/styles/core.scss

@@ -10,7 +10,7 @@ $theme: 'standard' !default;
 @use './mixins/font-face';
 @use './mixins/helpers';
 @use './mixins/inputs';
-@use './mixins/overlay' as overlay;
+@use './mixins/overlay' as overlay-mixin;
 @use './mixins/popover';
 @use './mixins/scrollbar';
 @use './mixins/typo';
@@ -172,6 +172,9 @@ $theme: 'standard' !default;
 @use '../../option/option-hint/option-hint.global' as option-hint with (
   $theme: $theme
 );
+@use '../../overlay/overlay.global' as overlay with (
+  $theme: $theme
+);
 @use '../../option/optgroup/optgroup.global' as optgroup with (
   $theme: $theme
 );
@@ -275,7 +278,8 @@ $theme: 'standard' !default;
   @include option.base;
   @include option-hint.base;
   @include optgroup.base;
-  @include overlay.options-panel-overlay-variables--global($theme);
+  @include overlay.base;
+  @include overlay-mixin.options-panel-overlay-variables--global($theme);
   @include paginator.base;
   @include compact-paginator.base;
   @include popover-component.base;

package/core.css

@@ -1583,6 +1583,13 @@ slot[name=error]::slotted(*) {
   --sbb-optgroup-label-font-size: var(--sbb-text-font-size-xxs);
   --sbb-optgroup-label-padding-end: var(--sbb-spacing-fixed-2x);
   --sbb-optgroup-label-padding-inline: var(--sbb-spacing-responsive-xxxs);
+  --sbb-overlay-background-color: var(--sbb-background-color-3);
+  --sbb-overlay-display: none;
+  --sbb-overlay-height: 100%;
+  --sbb-overlay-inset: 0 auto auto 0;
+  --sbb-overlay-animation-easing: ease;
+  --sbb-overlay-pointer-events: none;
+  --sbb-overlay-container-display: none;
   --sbb-options-panel-border-radius: var(--sbb-border-radius-4x);
   --sbb-options-panel-animation-timing-function: ease;
   --sbb-options-panel-background-color: var(--sbb-background-color-1);

package/custom-elements.json

@@ -108913,176 +108913,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "navigation/common/navigation-action-common.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SbbNavigationActionCommonElementMixinType",
-          "members": [
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "SbbNavigationActionSize"
-              },
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "marker",
-              "type": {
-                "text": "SbbNavigationMarkerElement | null"
-              },
-              "privacy": "public",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "section",
-              "type": {
-                "text": "SbbNavigationSectionElement | null"
-              },
-              "privacy": "public",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "connectedSection",
-              "type": {
-                "text": "SbbNavigationSectionElement | undefined"
-              },
-              "privacy": "public"
-            }
-          ]
-        },
-        {
-          "kind": "mixin",
-          "description": "",
-          "name": "SbbNavigationActionCommonElementMixin",
-          "members": [
-            {
-              "kind": "field",
-              "name": "styles",
-              "type": {
-                "text": "CSSResultGroup"
-              },
-              "privacy": "public",
-              "static": true,
-              "default": "[boxSizingStyles, style]"
-            },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "SbbNavigationActionSize"
-              },
-              "privacy": "public",
-              "description": "Action size variant, either s, m or l.",
-              "default": "'l' / 's' (lean)",
-              "attribute": "size",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "connectedSection",
-              "type": {
-                "text": "SbbNavigationSectionElement | undefined"
-              },
-              "privacy": "public",
-              "description": "The section that is being controlled by the action, if any."
-            },
-            {
-              "kind": "field",
-              "name": "marker",
-              "type": {
-                "text": "SbbNavigationMarkerElement | null"
-              },
-              "privacy": "public",
-              "description": "The navigation marker in which the action is nested.",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "section",
-              "type": {
-                "text": "SbbNavigationSectionElement | null"
-              },
-              "privacy": "public",
-              "description": "The section in which the action is nested.",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "_navigationMarker",
-              "type": {
-                "text": "SbbNavigationMarkerElement | null"
-              },
-              "privacy": "private",
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "_navigationSection",
-              "type": {
-                "text": "SbbNavigationSectionElement | null"
-              },
-              "privacy": "private",
-              "default": "null"
-            },
-            {
-              "kind": "method",
-              "name": "renderTemplate",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "size",
-              "type": {
-                "text": "SbbNavigationActionSize"
-              },
-              "description": "Action size variant, either s, m or l.",
-              "default": "'l' / 's' (lean)",
-              "fieldName": "size"
-            }
-          ],
-          "parameters": [
-            {
-              "name": "superClass",
-              "type": {
-                "text": "T"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SbbNavigationActionCommonElementMixinType",
-          "declaration": {
-            "name": "SbbNavigationActionCommonElementMixinType",
-            "module": "navigation/common/navigation-action-common.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "SbbNavigationActionCommonElementMixin",
-          "declaration": {
-            "name": "SbbNavigationActionCommonElementMixin",
-            "module": "navigation/common/navigation-action-common.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "mini-calendar/mini-calendar-month/mini-calendar-month.component.js",
@@ -109301,6 +109131,176 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "navigation/common/navigation-action-common.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SbbNavigationActionCommonElementMixinType",
+          "members": [
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "SbbNavigationActionSize"
+              },
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "marker",
+              "type": {
+                "text": "SbbNavigationMarkerElement | null"
+              },
+              "privacy": "public",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "section",
+              "type": {
+                "text": "SbbNavigationSectionElement | null"
+              },
+              "privacy": "public",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "connectedSection",
+              "type": {
+                "text": "SbbNavigationSectionElement | undefined"
+              },
+              "privacy": "public"
+            }
+          ]
+        },
+        {
+          "kind": "mixin",
+          "description": "",
+          "name": "SbbNavigationActionCommonElementMixin",
+          "members": [
+            {
+              "kind": "field",
+              "name": "styles",
+              "type": {
+                "text": "CSSResultGroup"
+              },
+              "privacy": "public",
+              "static": true,
+              "default": "[boxSizingStyles, style]"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "SbbNavigationActionSize"
+              },
+              "privacy": "public",
+              "description": "Action size variant, either s, m or l.",
+              "default": "'l' / 's' (lean)",
+              "attribute": "size",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "connectedSection",
+              "type": {
+                "text": "SbbNavigationSectionElement | undefined"
+              },
+              "privacy": "public",
+              "description": "The section that is being controlled by the action, if any."
+            },
+            {
+              "kind": "field",
+              "name": "marker",
+              "type": {
+                "text": "SbbNavigationMarkerElement | null"
+              },
+              "privacy": "public",
+              "description": "The navigation marker in which the action is nested.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "section",
+              "type": {
+                "text": "SbbNavigationSectionElement | null"
+              },
+              "privacy": "public",
+              "description": "The section in which the action is nested.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_navigationMarker",
+              "type": {
+                "text": "SbbNavigationMarkerElement | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "_navigationSection",
+              "type": {
+                "text": "SbbNavigationSectionElement | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "method",
+              "name": "renderTemplate",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "size",
+              "type": {
+                "text": "SbbNavigationActionSize"
+              },
+              "description": "Action size variant, either s, m or l.",
+              "default": "'l' / 's' (lean)",
+              "fieldName": "size"
+            }
+          ],
+          "parameters": [
+            {
+              "name": "superClass",
+              "type": {
+                "text": "T"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SbbNavigationActionCommonElementMixinType",
+          "declaration": {
+            "name": "SbbNavigationActionCommonElementMixinType",
+            "module": "navigation/common/navigation-action-common.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SbbNavigationActionCommonElementMixin",
+          "declaration": {
+            "name": "SbbNavigationActionCommonElementMixin",
+            "module": "navigation/common/navigation-action-common.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "navigation/navigation/navigation.component.js",

package/development/calendar/calendar/calendar.component.js

@@ -1,2 +1,2 @@
-import { n as SbbMonthChangeEvent, t as SbbCalendarElement } from "../../calendar.component-0Pl7qEXL.js";
+import { n as SbbMonthChangeEvent, t as SbbCalendarElement } from "../../calendar.component-BvJGWtm-.js";
 export { SbbCalendarElement, SbbMonthChangeEvent };

package/development/calendar/calendar.js

@@ -1,4 +1,4 @@
-import { n as SbbMonthChangeEvent, t as SbbCalendarElement } from "../calendar.component-0Pl7qEXL.js";
+import { n as SbbMonthChangeEvent, t as SbbCalendarElement } from "../calendar.component-BvJGWtm-.js";
 //#region src/elements/calendar/calendar.ts
 /** @entrypoint */
 SbbCalendarElement.define();