Merged in feat/sw-2879-booking-widget-to-booking-flow-package (pull request #2532)

feat(SW-2879): Move BookingWidget to booking-flow package * Fix lockfile * Fix styling * a tiny little booking widget test * Tiny fixes * Merge branch 'master' into feat/sw-2879-booking-widget-to-booking-flow-package * Remove unused scripts * lint:fix * Merge branch 'master' into feat/sw-2879-booking-widget-to-booking-flow-package * Tiny lint fixes * update test * Update Input in booking-flow * Clean up comments etc * Merge branch 'master' into feat/sw-2879-booking-widget-to-booking-flow-package * Setup tracking context for booking-flow * Add missing use client * Fix temp tracking function * Pass booking to booking-widget * Remove comment * Add use client to booking widget tracking provider * Add use client to tracking functions * Merge branch 'master' into feat/sw-2879-booking-widget-to-booking-flow-package * Move debug page * Merge branch 'master' into feat/sw-2879-booking-widget-to-booking-flow-package * Merge branch 'master' into feat/sw-2879-booking-widget-to-booking-flow-package * Merge branch 'master' into feat/sw-2879-booking-widget-to-booking-flow-package Approved-by: Bianca Widstam
2025-08-05 09:20:20 +00:00
parent 03c9244fdf
commit 1bd8fe6821
206 changed files with 1936 additions and 796 deletions
@@ -0,0 +1,67 @@
+.complete,
+.partial {
+  border: none;
+  align-items: center;
+  box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.16);
+  cursor: pointer;
+  display: grid;
+  gap: var(--Spacing-x-one-and-half);
+  padding: var(--Spacing-x2);
+  z-index: 1;
+  background-color: var(--Base-Surface-Primary-light-Normal);
+  width: 100%;
+  /* In some cases the lingering pressend event will trigger the */
+  /* webkit tap styling (but not triggering the buttons press event) */
+  /* To avoid this "flash" the styling is set to transparent) */
+  /* It is a non-standard css proprty, so shouldn't have too much of an effect on accessibility. */
+  -webkit-tap-highlight-color: transparent;
+  border-radius: 10px;
+}
+
+.complete {
+  grid-template-columns: 1fr 36px;
+}
+
+.partial {
+  grid-template-columns:
+    minmax(auto, 120px) min-content 1fr
+    auto;
+}
+
+.block {
+  display: block;
+}
+
+.block > * {
+  display: block;
+  text-align: start;
+}
+
+.blockLabel {
+  color: var(--Scandic-Red-Default);
+}
+
+.locationAndDate {
+  color: var(--Scandic-Grey-100);
+}
+
+.placeholder {
+  color: var(--Text-Interactive-Placeholder);
+}
+.icon {
+  align-items: center;
+  background-color: var(--Base-Button-Primary-Fill-Normal);
+  border-radius: 50%;
+  display: flex;
+  height: 36px;
+  justify-content: center;
+  justify-self: flex-end;
+  width: 36px;
+}
+
+@media screen and (min-width: 768px) {
+  .complete,
+  .partial {
+    display: none;
+  }
+}