Merged in SW-3270-move-interactive-map-to-design-system-or-booking-flow (pull request #2681)

SW-3270 move interactive map to design system or booking flow * wip * wip * merge * wip * add support for locales in design-system * add story for HotelCard * setup alias * . * remove tracking from design-system for hotelcard * pass isUserLoggedIn * export design-system-new-deprecated.css from design-system * Add HotelMarkerByType to Storybook * Add interactive map to Storybook * fix reactintl in vitest * rename env variables * . * fix background colors * add storybook stories for <Link /> * merge * fix tracking for when clicking 'See rooms' in InteractiveMap * Merge branch 'master' of bitbucket.org:scandic-swap/web into SW-3270-move-interactive-map-to-design-system-or-booking-flow * remove deprecated comment Approved-by: Anton Gunnarsson
2025-08-25 11:26:16 +00:00
parent 4f8c51298f
commit c54c1ec540
139 changed files with 2511 additions and 1557 deletions
--- a/packages/design-system/lib/components/BookingCodeChip/BookingCodeChip.stories.tsx
+++ b/packages/design-system/lib/components/BookingCodeChip/BookingCodeChip.stories.tsx
@@ -0,0 +1,76 @@
+import type { Meta, StoryObj } from '@storybook/react-vite'
+import { fn } from 'storybook/test'
+import { BookingCodeChip } from './index'
+
+const meta = {
+  title: 'Components/BookingCodeChip',
+  component: BookingCodeChip,
+  parameters: {
+    layout: 'centered',
+  },
+} satisfies Meta<typeof BookingCodeChip>
+
+export default meta
+type Story = StoryObj<typeof BookingCodeChip>
+
+export const Default: Story = {
+  args: {},
+  render: () => <BookingCodeChip bookingCode="ABC123" withText />,
+}
+
+export const WithoutText: Story = {
+  args: {},
+  render: () => <BookingCodeChip bookingCode="ABC123" withText={false} />,
+}
+
+export const FilledIcon: Story = {
+  args: {},
+  render: () => <BookingCodeChip bookingCode="ABC123" filledIcon />,
+}
+
+export const Unavailable: Story = {
+  args: {},
+  render: () => <BookingCodeChip bookingCode="ABC123" isUnavailable />,
+}
+
+export const AlignCenter: Story = {
+  args: {},
+  render: () => <BookingCodeChip bookingCode="ABC123" alignCenter />,
+}
+
+export const WithCloseButton: Story = {
+  args: {},
+  render: () => (
+    <BookingCodeChip bookingCode="ABC123" withCloseButton onClose={fn} />
+  ),
+}
+
+export const CampaignBreakfastIncluded: Story = {
+  args: {},
+  render: () => (
+    <BookingCodeChip isCampaign bookingCode="SUMMER25" isBreakfastIncluded />
+  ),
+}
+
+export const CampaignBreakfastExcluded: Story = {
+  args: {},
+  render: () => (
+    <BookingCodeChip
+      isCampaign
+      bookingCode="SUMMER25"
+      isBreakfastIncluded={false}
+    />
+  ),
+}
+
+export const CampaignFilledIcon: Story = {
+  args: {},
+  render: () => (
+    <BookingCodeChip
+      isCampaign
+      bookingCode="SUMMER25"
+      isBreakfastIncluded
+      filledIcon
+    />
+  ),
+}