fixes

2025-03-25 17:27:09 +01:00
parent 93962e4c59
commit 310a5a7a68
17 changed files with 914 additions and 523 deletions
--- a/packages/design-system/lib/components/RateCard/Code/Code.stories.tsx
+++ b/packages/design-system/lib/components/RateCard/Code/Code.stories.tsx
@@ -0,0 +1,150 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import CodeRateCard from '.'
+
+const meta: Meta<typeof CodeRateCard> = {
+  title: 'Components/RateCard/Code',
+  component: CodeRateCard,
+  decorators: [
+    (Story) => (
+      <div style={{ maxWidth: '400px' }}>
+        <Story />
+      </div>
+    ),
+  ],
+  argTypes: {
+    rateTitle: { control: 'text' },
+    paymentTerm: { control: 'text' },
+    rate: { control: 'object' },
+    approximateRate: { control: 'object' },
+  },
+}
+
+export default meta
+
+type Story = StoryObj<typeof CodeRateCard>
+
+export const Default: Story = {
+  args: {
+    rateTitle: 'FREE CANCELLATION',
+    paymentTerm: 'PAY LATER',
+    bannerText: 'Campaign ∙ Breakfast excluded',
+    rate: {
+      label: "Valentine's Special",
+      price: '1989',
+      unit: 'EUR/night',
+    },
+    approximateRate: {
+      price: '1989',
+      label: 'Approx.',
+      unit: 'EUR',
+    },
+  },
+}
+
+export const Voucher: Story = {
+  args: {
+    rateTitle: 'FREE CANCELLATION',
+    paymentTerm: 'PAY LATER',
+    bannerText: 'VOG ∙ Breakfast included',
+    rate: {
+      label: 'Promotional name here',
+      price: '1',
+      unit: 'VOUCHER',
+    },
+  },
+}
+
+export const CorporateCheck: Story = {
+  args: {
+    rateTitle: 'FREE CANCELLATION',
+    paymentTerm: 'PAY LATER',
+    bannerText: 'VOG ∙ Breakfast included',
+    rate: {
+      label: 'Promotional name here',
+      price: '2cc + 800',
+      unit: 'SEK',
+    },
+    approximateRate: {
+      price: '76',
+      label: 'Approx.',
+      unit: 'EUR',
+    },
+  },
+}
+
+export const DNumberDefault: Story = {
+  args: {
+    rateTitle: 'FREE CANCELLATION',
+    paymentTerm: 'PAY LATER',
+    bannerText: 'D0043148 ∙ Breakfast included',
+    rate: {
+      label: 'Helsinki Partners Oy',
+      price: '1989',
+      unit: 'EUR/NIGHT',
+    },
+    approximateRate: {
+      price: '76',
+      label: 'Approx.',
+      unit: 'EUR',
+    },
+  },
+}
+
+export const DNumberHighlightedRate: Story = {
+  args: {
+    rateTitle: 'FREE CANCELLATION',
+    paymentTerm: 'PAY LATER',
+    bannerText: 'D0043148 ∙ Breakfast included',
+    rate: {
+      label: 'Helsinki Partners Oy',
+      price: '198',
+      unit: 'EUR/NIGHT',
+    },
+    approximateRate: {
+      price: '76',
+      label: 'Approx.',
+      unit: 'EUR',
+    },
+    isHighlightedRate: true,
+  },
+}
+
+export const LNumberDefault: Story = {
+  args: {
+    rateTitle: 'NON-REFUNDABLE',
+    paymentTerm: 'PAY NOW',
+    bannerText: 'L0043148 ∙ Breakfast included',
+    rate: {
+      label: 'Nordic Team Travel',
+      price: '198',
+      unit: 'EUR/NIGHT',
+    },
+    approximateRate: {
+      price: '76',
+      label: 'Approx.',
+      unit: 'EUR',
+    },
+  },
+}
+
+export const LNumberStrikethrough: Story = {
+  args: {
+    rateTitle: 'NON-REFUNDABLE',
+    paymentTerm: 'PAY NOW',
+    bannerText: 'L0043148 ∙ Breakfast included',
+    rate: {
+      label: 'Nordic Team Travel',
+      price: '198',
+      unit: 'EUR/NIGHT',
+    },
+    comparisonRate: {
+      price: '249',
+      unit: 'EUR/NIGHT',
+    },
+    approximateRate: {
+      price: '230/218',
+      label: 'Approx.',
+      unit: 'EUR',
+    },
+  },
+}