@sbb-esta/lyne-elements-dev 4.7.0-dev.1773737285 → 4.7.0-dev.1773743095

package/calendar.js

@@ -1,6 +1,10 @@
-import { t as e } from "./calendar-day.component-DqAXvoP3.js";
-import { n as t, t as n } from "./calendar.component-BgZDy-rX.js";
+import { t as e } from "./calendar-day.component-Iewo-vBR.js";
+import { SbbCalendarMonthElement as t } from "./calendar/calendar-month/calendar-month.component.js";
+import { SbbCalendarYearElement as n } from "./calendar/calendar-year/calendar-year.component.js";
+import { SbbCalendarWeekdayElement as r } from "./calendar/calendar-weekday/calendar-weekday.component.js";
+import { SbbCalendarWeeknumberElement as i } from "./calendar/calendar-weeknumber/calendar-weeknumber.component.js";
+import { n as a, t as o } from "./calendar.component-Cz-OGQu6.js";
 import "./calendar.pure.js";
-n.define(), e.define();
+o.define(), e.define(), t.define(), n.define(), r.define(), i.define();
 //#endregion
-export { e as SbbCalendarDayElement, n as SbbCalendarElement, t as SbbMonthChangeEvent };
+export { e as SbbCalendarDayElement, o as SbbCalendarElement, t as SbbCalendarMonthElement, r as SbbCalendarWeekdayElement, i as SbbCalendarWeeknumberElement, n as SbbCalendarYearElement, a as SbbMonthChangeEvent };

package/calendar.pure.js

@@ -1,3 +1,7 @@
-import { t as e } from "./calendar-day.component-DqAXvoP3.js";
-import { n as t, t as n } from "./calendar.component-BgZDy-rX.js";
-export { e as SbbCalendarDayElement, n as SbbCalendarElement, t as SbbMonthChangeEvent };
+import { t as e } from "./calendar-day.component-Iewo-vBR.js";
+import { SbbCalendarMonthElement as t } from "./calendar/calendar-month/calendar-month.component.js";
+import { SbbCalendarYearElement as n } from "./calendar/calendar-year/calendar-year.component.js";
+import { SbbCalendarWeekdayElement as r } from "./calendar/calendar-weekday/calendar-weekday.component.js";
+import { SbbCalendarWeeknumberElement as i } from "./calendar/calendar-weeknumber/calendar-weeknumber.component.js";
+import { n as a, t as o } from "./calendar.component-Cz-OGQu6.js";
+export { e as SbbCalendarDayElement, o as SbbCalendarElement, t as SbbCalendarMonthElement, r as SbbCalendarWeekdayElement, i as SbbCalendarWeeknumberElement, n as SbbCalendarYearElement, a as SbbMonthChangeEvent };

package/carousel/carousel/carousel.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../carousel.component-Bd0iGUbf.js";
+import { t as e } from "../../carousel.component-BA0V2JHI.js";
 export { e as SbbCarouselElement };

package/carousel/carousel.js

@@ -1,4 +1,4 @@
-import { t as e } from "../carousel.component-Bd0iGUbf.js";
+import { t as e } from "../carousel.component-BA0V2JHI.js";
 e.define(), console.warn("The entrypoint '@sbb-esta/elements/carousel/carousel.js' has been deprecated.\nUse either '@sbb-esta/elements/carousel.js' or '@sbb-esta/elements/carousel.pure.js' instead.");
 //#endregion
 export { e as SbbCarouselElement };

package/carousel.js

@@ -1,6 +1,6 @@
 import { t as e } from "./carousel-item.component-kv3rY8B-.js";
 import { t } from "./carousel-list.component-DMMk66SP.js";
-import { t as n } from "./carousel.component-Bd0iGUbf.js";
+import { t as n } from "./carousel.component-BA0V2JHI.js";
 import "./carousel.pure.js";
 n.define(), e.define(), t.define();
 //#endregion

package/carousel.pure.js

@@ -1,4 +1,4 @@
 import { t as e } from "./carousel-item.component-kv3rY8B-.js";
 import { t } from "./carousel-list.component-DMMk66SP.js";
-import { t as n } from "./carousel.component-Bd0iGUbf.js";
+import { t as n } from "./carousel.component-BA0V2JHI.js";
 export { n as SbbCarouselElement, e as SbbCarouselItemElement, t as SbbCarouselListElement };

package/core/styles/core.scss

@@ -30,6 +30,12 @@ $theme: 'standard' !default;
 @use '../../button/mini-button-group/mini-button-group.global' as mini-button-group with (
   $theme: $theme
 );
+@use '../../calendar/calendar/calendar.global' as calendar with (
+  $theme: $theme
+);
+@use '../../calendar/common/calendar-cell-base-element.global' as calendar-cell with (
+  $theme: $theme
+);
 @use '../../card/card/card.global' as card with (
   $theme: $theme
 );
@@ -204,6 +210,8 @@ $theme: 'standard' !default;
   @include button.base;
   @include mini-button.base;
   @include mini-button-group.base;
+  @include calendar.base;
+  @include calendar-cell.base;
   @include card.base;
   @include card-badge.base;
   @include carousel.base;

package/core.css

@@ -1314,6 +1314,46 @@
   --sbb-mini-button-group-padding-inline: var(--sbb-spacing-fixed-3x);
   --sbb-mini-button-group-divider-height: var(--sbb-size-icon-ui-small);
   --sbb-mini-button-group-divider-padding: var(--sbb-spacing-fixed-1x);
+  --sbb-calendar-cell-background-color: transparent;
+  --sbb-calendar-cell-background-color-hover: var(--sbb-background-color-3);
+  --sbb-calendar-cell-background-color-active: var(--sbb-background-color-4);
+  --sbb-calendar-cell-padding: 0.125rem;
+  --sbb-calendar-cell-border-width: var(--sbb-border-width-2x);
+  --sbb-calendar-cell-disabled-height: 0.09375rem;
+  --sbb-calendar-cell-disabled-width: 1.59375rem;
+  --sbb-calendar-cell-disabled-color: var(--sbb-color-granite);
+  --sbb-calendar-cell-disabled-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
+  --sbb-calendar-cell-transition-easing-function: var(--sbb-animation-easing);
+  --sbb-calendar-control-gap: var(--sbb-spacing-fixed-2x);
+  --sbb-calendar-control-margin-block-end: var(--sbb-spacing-fixed-4x);
+  --sbb-calendar-control-view-change-height: 2.75rem;
+  --sbb-calendar-control-view-change-color: var(--sbb-color-3);
+  --sbb-calendar-control-view-change-background: var(--sbb-background-color-1);
+  --sbb-calendar-control-view-change-padding-inline: var(--sbb-spacing-fixed-5x)
+    var(--sbb-spacing-fixed-2x);
+  --sbb-calendar-header-color: var(--sbb-color-granite);
+  --sbb-calendar-header-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
+  --sbb-calendar-table-animation-shift: 0.00625rem;
+  --sbb-calendar-table-column-spaces: 12;
+  --sbb-calendar-tables-gap: var(--sbb-spacing-fixed-10x);
+  --sbb-calendar-table-animation-duration: 0.1ms;
+  --sbb-calendar-cell-border: var(--sbb-calendar-cell-border-width) solid
+    var(--sbb-border-color-1-inverted);
+  --sbb-calendar-cell-color: var(--sbb-color-2);
+  --sbb-calendar-cell-cursor: var(--sbb-cursor-pointer);
+  --sbb-calendar-cell-justify-content: normal;
+  --sbb-calendar-cell-inset: 0.0625rem;
+  --sbb-calendar-cell-font-size: var(--sbb-text-font-size-s);
+  --sbb-calendar-cell-font-weight: unset;
+  --sbb-calendar-cell-transition-easing-function: var(--sbb-animation-easing);
+  --sbb-calendar-cell-year-month-width: 4.8125rem;
+  --sbb-calendar-cell-year-month-height: 2.75rem;
+  --sbb-calendar-day-width: 2.75rem;
+  --sbb-calendar-day-height: 3rem;
+  --sbb-calendar-day-extra-display: block;
+  --sbb-calendar-day-extra-height: var(--sbb-spacing-fixed-4x);
+  --sbb-calendar-day-crossed-out-top: 33%;
+  --sbb-calendar-day-crossed-out-translate: translate(-50%, -33%) rotate(-45deg);
   --sbb-card-background-color: var(--sbb-background-color-1);
   --sbb-card-border-color: transparent;
   --sbb-card-border-radius: var(--sbb-border-radius-4x);