@sbb-esta/lyne-elements-dev 4.7.0-dev.1773317876 → 4.7.0-dev.1773333589

package/core/styles/core.scss

@@ -137,6 +137,13 @@ $theme: 'standard' !default;
 @use '../../message/message.global' as message with (
   $theme: $theme
 );
+@use '../../mini-calendar/mini-calendar-day/mini-calendar-day.global' as mini-calendar-day with (
+  $theme: $theme
+);
+@use '../../mini-calendar/mini-calendar-month/mini-calendar-month.global' as mini-calendar-month
+  with (
+  $theme: $theme
+);
 @use '../../option/option/option.global' as option with (
   $theme: $theme
 );
@@ -219,6 +226,8 @@ $theme: 'standard' !default;
   @include block-link.base;
   @include logo.base;
   @include message.base;
+  @include mini-calendar-day.base;
+  @include mini-calendar-month.base;
   @include option.base;
   @include option-hint.base;
   @include optgroup.base;
@@ -651,29 +660,3 @@ sbb-notification:has(sbb-title) {
   --sbb-option-overflow: hidden;
   --sbb-option-white-space: nowrap;
 }
-
-sbb-mini-calendar[orientation='horizontal'] {
-  sbb-mini-calendar-month {
-    --sbb-mini-calendar-grid-auto-flow: row;
-    --sbb-mini-calendar-month-height: #{functions.px-to-rem-build(48)};
-    --sbb-mini-calendar-month-grid-template-rows: none;
-    --sbb-mini-calendar-month-grid-template-columns: repeat(7, 1fr);
-
-    sbb-mini-calendar-day:first-child {
-      grid-column-start: var(--sbb-mini-calendar-month-offset);
-    }
-  }
-}
-
-sbb-mini-calendar[orientation='vertical'] {
-  sbb-mini-calendar-month {
-    --sbb-mini-calendar-grid-auto-flow: column;
-    --sbb-mini-calendar-month-height: auto;
-    --sbb-mini-calendar-month-grid-template-rows: repeat(7, 1fr);
-    --sbb-mini-calendar-month-grid-template-columns: none;
-
-    sbb-mini-calendar-day:first-child {
-      grid-row-start: var(--sbb-mini-calendar-month-offset);
-    }
-  }
-}

package/core.css

@@ -1544,6 +1544,16 @@
   --sbb-message-subtitle-color: var(--sbb-color-granite);
   --sbb-message-subtitle-color: light-dark(var(--sbb-color-granite), var(--sbb-color-platinum));
   --sbb-message-legend-margin-block: var(--sbb-spacing-responsive-xxxs) 0;
+  --sbb-mini-calendar-day-animation-easing: var(--sbb-animation-easing);
+  --sbb-mini-calendar-day-dimensions: 0.375rem;
+  --sbb-mini-calendar-day-scale: 1.333;
+  --sbb-mini-calendar-month-offset: 0;
+  --sbb-mini-calendar-month-visibilty-year: hidden;
+  --sbb-mini-calendar-month-label-color: var(--sbb-color-granite);
+  --sbb-mini-calendar-month-label-color: light-dark(
+    var(--sbb-color-granite),
+    var(--sbb-color-silver)
+  );
   --sbb-option-color: var(--sbb-color-3);
   --sbb-option-background-color: inherit;
   --sbb-option-background-color-hover: var(--sbb-background-color-3);
@@ -2341,24 +2351,4 @@ sbb-notification:has(sbb-title)[size=s] {
   --sbb-option-text-overflow: ellipsis;
   --sbb-option-overflow: hidden;
   --sbb-option-white-space: nowrap;
-}
-
-sbb-mini-calendar[orientation=horizontal] sbb-mini-calendar-month {
-  --sbb-mini-calendar-grid-auto-flow: row;
-  --sbb-mini-calendar-month-height: 3rem;
-  --sbb-mini-calendar-month-grid-template-rows: none;
-  --sbb-mini-calendar-month-grid-template-columns: repeat(7, 1fr);
-}
-sbb-mini-calendar[orientation=horizontal] sbb-mini-calendar-month sbb-mini-calendar-day:first-child {
-  grid-column-start: var(--sbb-mini-calendar-month-offset);
-}
-
-sbb-mini-calendar[orientation=vertical] sbb-mini-calendar-month {
-  --sbb-mini-calendar-grid-auto-flow: column;
-  --sbb-mini-calendar-month-height: auto;
-  --sbb-mini-calendar-month-grid-template-rows: repeat(7, 1fr);
-  --sbb-mini-calendar-month-grid-template-columns: none;
-}
-sbb-mini-calendar[orientation=vertical] sbb-mini-calendar-month sbb-mini-calendar-day:first-child {
-  grid-row-start: var(--sbb-mini-calendar-month-offset);
 }