Merged in feat/SW-1890-New-Breakfast-Component (pull request #1666)

Feat/SW-1890 New Breakfast Component Design * refactor(SW-1890): Replace BreakfastChoiceCard with RadioCard component and update styles - Removed BreakfastChoiceCard component and its associated styles. - extemded RadioCard component to additional UI. - Updated breakfast.module.css to adjust container width. - Added new properties for subtitleSecondary and description in RadioCard. - Updated translations for breakfast-related messages in en.json. * feat(SW-1890): Add hover state to RadioCard * chore(SW1890): Update translation for breakfast cost message to clarify age range * chore(SW-1890): Updated breakfast cost display to use formatPrice utility * fix(SW-1890): Set fixed size for CoffeeIcon component * fix(SW-1890): Add missing translations for breakfast-related messages * feat(SW-1890): Introduce new breakfast icons and update Breakfast component - Replaced CoffeeIcon with BreakfastBuffetIcon and NoBreakfastBuffetIcon in the Breakfast component. - Added new BreakfastBuffetIcon and NoBreakfastBuffetIcon components to the design system. - Updated imports in the Breakfast component to reflect the new icons. Approved-by: Christian Andolf
2025-04-01 10:03:18 +00:00
parent df32c08350
commit e45fea6de4
17 changed files with 242 additions and 88 deletions
--- a/packages/design-system/lib/components/Icons/Illustrations/BreakfastBuffet.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/BreakfastBuffet.tsx
@@ -0,0 +1,37 @@
+import type { IllustrationProps } from '../icon'
+
+export default function BreakfastBuffetIcon(props: IllustrationProps) {
+  return (
+    <svg
+      width="32"
+      height="32"
+      viewBox="0 0 32 32"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path
+        d="M13.2976 4.76596C13.8499 4.76596 14.2976 4.31824 14.2976 3.76596V1C14.2976 0.447715 13.8499 0 13.2976 0H13.2551C12.7028 0 12.2551 0.447715 12.2551 0.999999V3.76596C12.2551 4.31824 12.7028 4.76596 13.2551 4.76596H13.2976Z"
+        fill="#26201E"
+      />
+      <path
+        d="M6.48987 6.1277C7.04216 6.1277 7.48987 5.67998 7.48987 5.1277V2.36174C7.48987 1.80946 7.04216 1.36174 6.48987 1.36174H6.44736C5.89508 1.36174 5.44736 1.80946 5.44736 2.36174V5.1277C5.44736 5.67998 5.89508 6.1277 6.44736 6.1277H6.48987Z"
+        fill="#26201E"
+      />
+      <path
+        d="M20.1053 1.36174C20.6576 1.36174 21.1053 1.80946 21.1053 2.36174V5.1277C21.1053 5.67998 20.6576 6.1277 20.1053 6.1277H20.0628C19.5105 6.1277 19.0628 5.67998 19.0628 5.1277V2.36174C19.0628 1.80946 19.5105 1.36174 20.0628 1.36174H20.1053Z"
+        fill="#26201E"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M32 9.53195V16C32 18.0619 30.3173 19.7447 28.2554 19.7447H25.5476C23.5603 24.5575 18.8358 27.9149 13.2763 27.9149C5.90393 27.9149 0 22.0108 0 14.6383V9.53192L32 9.53195ZM26.5526 14.6383V11.5745H29.9575V16C29.9575 16.9339 29.1892 17.7022 28.2554 17.7022H26.2025C26.4316 16.7197 26.5526 15.694 26.5526 14.6383ZM2.04251 11.5745V14.6383C2.04251 20.8828 7.03197 25.8723 13.2763 25.8723C19.5207 25.8723 24.5101 20.8828 24.5101 14.6383V11.5745H2.04251Z"
+        fill="#26201E"
+      />
+      <path
+        d="M25.5526 32C26.1049 32 26.5526 31.5523 26.5526 31V30.9574C26.5526 30.4052 26.1049 29.9574 25.5526 29.9574H1C0.447715 29.9574 0 30.4052 0 30.9574V31C0 31.5523 0.447716 32 1 32H25.5526Z"
+        fill="#26201E"
+      />
+    </svg>
+  )
+}
--- a/packages/design-system/lib/components/Icons/Illustrations/NoBreakfastBuffet.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/NoBreakfastBuffet.tsx
@@ -0,0 +1,45 @@
+import type { IllustrationProps } from '../icon'
+
+export default function NoBreakfastBuffetIcon(props: IllustrationProps) {
+  return (
+    <svg
+      width="32"
+      height="32"
+      viewBox="0 0 32 32"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path
+        d="M5.70019 9.53193L0 9.53192V14.6383C0 22.0108 5.90393 27.9149 13.2763 27.9149C16.3282 27.9149 19.1284 26.9032 21.3623 25.1944L19.9028 23.7349C18.0501 25.0813 15.7627 25.8723 13.2763 25.8723C7.03197 25.8723 2.04251 20.8828 2.04251 14.6383V11.5745H7.74269L5.70019 9.53193Z"
+        fill="#26201E"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M23.6996 18.8659C24.2227 17.5634 24.5101 16.137 24.5101 14.6383V11.5745H16.4083L14.3658 9.53194L32 9.53195V16C32 18.0619 30.3173 19.7447 28.2554 19.7447H25.5476C25.454 19.9714 25.3543 20.195 25.2487 20.415L23.6996 18.8659ZM26.5526 14.6383V11.5745H29.9575V16C29.9575 16.9339 29.1892 17.7022 28.2554 17.7022H26.2025C26.4316 16.7197 26.5526 15.694 26.5526 14.6383Z"
+        fill="#26201E"
+      />
+      <path
+        d="M7.48987 2.65583V2.38302C7.48987 1.81898 7.03264 1.36174 6.46862 1.36174C6.38467 1.36174 6.30309 1.37187 6.22504 1.39097L7.48987 2.65583Z"
+        fill="#26201E"
+      />
+      <path
+        d="M13.2763 4.76596C13.8403 4.76596 14.2976 4.30872 14.2976 3.74468V1.02128C14.2976 0.457241 13.8403 0 13.2763 0C12.7123 0 12.2551 0.45724 12.2551 1.02128V3.74468C12.2551 4.30872 12.7123 4.76596 13.2763 4.76596Z"
+        fill="#26201E"
+      />
+      <path
+        d="M21.1053 2.38302C21.1053 1.81898 20.648 1.36174 20.084 1.36174C19.52 1.36174 19.0628 1.81898 19.0628 2.38302V5.10642C19.0628 5.67046 19.52 6.1277 20.084 6.1277C20.648 6.1277 21.1053 5.67046 21.1053 5.10642V2.38302Z"
+        fill="#26201E"
+      />
+      <path
+        d="M26.5526 30.9787C26.5526 31.5428 26.0954 32 25.5314 32H1.02126C0.457232 32 0 31.5428 0 30.9787C0 30.4147 0.457232 29.9574 1.02126 29.9574H25.5314C26.0954 29.9574 26.5526 30.4147 26.5526 30.9787Z"
+        fill="#26201E"
+      />
+      <path
+        d="M1.61773 2.55264C1.2189 2.15381 1.2189 1.50717 1.61773 1.10834C2.01655 0.709508 2.66318 0.709508 3.062 1.10834L30.5032 28.5501C30.902 28.9489 30.902 29.5956 30.5032 29.9944C30.1044 30.3932 29.4577 30.3932 29.0589 29.9944L1.61773 2.55264Z"
+        fill="#26201E"
+      />
+    </svg>
+  )
+}
--- a/packages/design-system/lib/components/Icons/index.tsx
+++ b/packages/design-system/lib/components/Icons/index.tsx
@@ -36,6 +36,8 @@ export { default as BedSofaIcon } from './Illustrations/BedSofa'
 export { default as BedSofaExtraIcon } from './Illustrations/BedSofaExtra'
 export { default as BedTwinIcon } from './Illustrations/BedTwin'
 export { default as BedWallExtraIcon } from './Illustrations/BedWallExtra'
+export { default as BreakfastBuffetIcon } from './Illustrations/BreakfastBuffet'
+export { default as NoBreakfastBuffetIcon } from './Illustrations/NoBreakfastBuffet'
 export { default as CoinIcon } from './Illustrations/Coin'
 export { default as CroissantCoffeeEggIcon } from './Illustrations/CroissantCoffeeEgg'
 export { default as CutleryOneIcon } from './Illustrations/CutleryOne'