@tui-cruises/mein-schiff-web-react-component-library 3.0.2 → 3.0.4

package/CHANGELOG.md

@@ -2,23 +2,59 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
-### [3.0.2](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/compare/v3.0.1...v3.0.2) (2025-09-12)
+### [3.0.4](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/compare/v3.0.3...v3.0.4) (2025-09-16)
 
 
 ### Features
 
-* next15 prep ([cd34983](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/commit/cd3498382498e9476bcf6a9b9972e8ffa7638482))
+* **EC-1589:** next15 ([f7f195e](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/commit/f7f195e4a667094f98ef1d91ff081b3e8339c56a))
 
-### [3.0.1](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/compare/v3.0.0...v3.0.1) (2025-09-12)
-
-## [3.0.0](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/compare/v2.2.9...v3.0.0) (2025-09-12)
+### [3.0.3](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/compare/v2.2.8...v3.0.3) (2025-09-16)
 
 
 ### Features
 
-* next15 prep ([46b3477](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/commit/46b3477fda31e4bb8b29a12da0a544e620cdbc11))
+* next15 prep ([c228c08](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/commit/c228c084b32c60499eaf055e6f9e5dc698ebaf72))
+* next15 prep ([9d1adcf](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/commit/9d1adcf970b8a75ec478211bdf01933e0bd7a03e))
+* **Price:** new price information component ([b1a67bc](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/commit/b1a67bc66e7c1342aeefd3d60d2597bff7236578))
+
+
+### Bug Fixes
+
+* **Button:** align button text to center (pull request [#9](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/issues/9)) ([d25791d](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/commit/d25791dbb0e75eb099418ae716eaa6854835b084))
+* **Calendar:** use of wrong type causes build failures ([#8](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/issues/8)) ([afdbd3d](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/commit/afdbd3da42d4dcc364fdb13b66b1d7f35ad46a94))
+* **Icon:** add missing 'speed' icon (pull request [#10](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/issues/10)) ([f490e3c](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/commit/f490e3c3b9ca6f02f56323f73e0753c5e7f60d52))
+* **OM-2216:** change pagination icon button size on mobile/tablet according to design (pull request [#6](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/issues/6)) ([6541f91](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/commit/6541f9109995bab9644ddf46682005988bee2255))
+* **Pagination:** adjust icon button sizes on mobile/tablet to match design ([c468b10](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/commit/c468b1075f2425fcfa871c3d4459a1b401a61423))
+* **Tag:** use text-center (pull request [#7](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/issues/7)) ([f6184d1](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/commit/f6184d1027637018693aef04e2986d36b86521aa))
+
+### [2.2.11](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/compare/v2.2.10...v2.2.11) (2025-09-10)
+
+
+### Bug Fixes
+
+* **Button:** align button text to center (pull request [#9](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/issues/9)) ([d25791d](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/commit/d25791dbb0e75eb099418ae716eaa6854835b084))
+* **Calendar:** use of wrong type causes build failures ([#8](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/issues/8)) ([afdbd3d](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/commit/afdbd3da42d4dcc364fdb13b66b1d7f35ad46a94))
+* **Icon:** add missing 'speed' icon (pull request [#10](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/issues/10)) ([f490e3c](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/commit/f490e3c3b9ca6f02f56323f73e0753c5e7f60d52))
+
+### [2.2.10](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/compare/v2.2.9...v2.2.10) (2025-09-09)
+
+### [2.2.9](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/compare/v2.2.7...v2.2.9) (2025-09-09)
+
+
+### Bug Fixes
+
+* **OM-2216:** change pagination icon button size on mobile/tablet according to design (pull request [#6](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/issues/6)) ([6541f91](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/commit/6541f9109995bab9644ddf46682005988bee2255))
+* **Pagination:** adjust icon button sizes on mobile/tablet to match design ([c468b10](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/commit/c468b1075f2425fcfa871c3d4459a1b401a61423))
+* **Tag:** use text-center (pull request [#7](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/issues/7)) ([f6184d1](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/commit/f6184d1027637018693aef04e2986d36b86521aa))
+* typefix ([b7fccaf](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/commit/b7fccaf80e990db4d68b42411c1ce57a6356ad05))
+
+### [2.2.8](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/compare/v2.2.7...v2.2.8) (2025-09-08)
+
+
+### Bug Fixes
 
-### [2.2.9](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/compare/v2.2.8...v2.2.9) (2025-09-08)
+* **Calendar:** Typefix i18n ([b7fccaf](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/commit/b7fccaf80e990db4d68b42411c1ce57a6356ad05))
 
 ### [2.2.7](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/compare/v2.2.6...v2.2.7) (2025-08-25)
 

package/icons/icons/index.ts

@@ -114,6 +114,7 @@ export const dynamicComponents = {
   'snow-flake': dynamic(() => import('./snow-flake'), { ssr: false }),
   snow: dynamic(() => import('./snow'), { ssr: false }),
   sofa: dynamic(() => import('./sofa'), { ssr: false }),
+  speed: dynamic(() => import('./speed'), { ssr: false }),
   'star-dashed': dynamic(() => import('./star-dashed'), { ssr: false }),
   'star-filled': dynamic(() => import('./star-filled'), { ssr: false }),
   'star-half-dashed': dynamic(() => import('./star-half-dashed'), {

package/icons/icons/speed.tsx

@@ -0,0 +1,20 @@
+import type { SVGProps } from 'react';
+const SvgSpeed = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    color="currentColor"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M7.69 4.75A.75.75 0 0 1 8.44 4h5.11l4.6 4.6H23l-5.775 7.219a.75.75 0 1 1-1.171-.937l3.825-4.782h-7.44a.75.75 0 0 1 0-1.5h3.59l-3.1-3.1h-4.49a.75.75 0 0 1-.75-.75M5.8 9.35a.75.75 0 0 1 .75-.75h3.6a.75.75 0 0 1 0 1.5h-3.6a.75.75 0 0 1-.75-.75m-2.4 3.178a.75.75 0 0 1 .75-.75h4.8a.75.75 0 0 1 0 1.5h-4.8a.75.75 0 0 1-.75-.75m19.473 3.936a.75.75 0 0 1-.257 1.03C19.636 19.281 18.266 20 16.23 20c-1.211 0-1.853-.642-2.31-1.099l-.02-.02c-.442-.443-.7-.681-1.27-.681-.674 0-1.421.349-2.059.774a8 8 0 0 0-.998.795l-.011.01-.001.001A.75.75 0 0 1 8.5 18.72l.53.53-.53-.53.001-.002.002-.002.006-.006.02-.02.07-.066c.06-.055.145-.133.253-.225.213-.183.519-.428.887-.673.713-.475 1.766-1.026 2.891-1.026 1.212 0 1.853.642 2.31 1.099l.02.02c.443.443.7.681 1.27.681 1.564 0 2.596-.482 5.615-2.293a.75.75 0 0 1 1.028.257M1 15.75a.75.75 0 0 1 .75-.75h6a.75.75 0 0 1 0 1.5h-6a.75.75 0 0 1-.75-.75"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgSpeed;

package/index.tsx

@@ -20,6 +20,7 @@ export * from './src/components/core/Icon';
 export * from './src/components/core/LoadingSpinner';
 export * from './src/components/core/Pictogram';
 export * from './src/components/core/Portlist';
+export * from './src/components/core/Price';
 export * from './src/components/core/QuantityItem';
 export * from './src/components/core/RangeSlider';
 export * from './src/components/core/SegmentedControl';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tui-cruises/mein-schiff-web-react-component-library",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "./index.tsx",
   "types": "./index.tsx",
   "type": "module",
@@ -55,7 +55,7 @@
     "@tuic/i18n": "^1.0.0",
     "@tuic/lib": "^1.0.0",
     "@tuic/logger": "^1.0.0",
-    "@tuic/tailwind-config": "file:/usr/local/var/www/tuic-nextjs-frontend/packages/tailwind-config",
+    "@tuic/tailwind-config": "^1.0.0",
     "@tuic/tracking": "^1.0.0",
     "d3": "^7.9.0",
     "date-fns": "^3.4.0",

package/src/components/core/Button/Button.tsx

@@ -77,7 +77,7 @@ const ButtonRenderFunction = (props: ButtonProps) => {
   }
 
   const buttonClassNames = twMerge(
-    'relative inline-flex appearance-none items-center justify-center gap-2 rounded-md border-none px-7 py-3.5 text-lg font-semibold !leading-normal transition-all md:text-base',
+    'relative inline-flex appearance-none items-center justify-center gap-2 rounded-md border-none px-7 py-3.5 text-center text-lg font-semibold !leading-normal transition-all md:text-base',
     hasFullWidthOnMobile && 'w-full sm:w-auto',
 
     // Variants

package/src/components/core/Pagination/Pagination.tsx

@@ -66,7 +66,7 @@ export const Pagination = ({
     variant: 'secondary',
     iconName: 'nav-arrow-left',
     disabled: !forcePreviousClickable && (pending || minCurrent <= 1),
-    size: 'sm',
+    size: ['md', { lg: 'sm' }],
     onClick: createNavigationHandler(setPending, onPrevious),
     'aria-label': i18n?.previousPage ?? 'Vorherige Seite',
   });
@@ -75,7 +75,7 @@ export const Pagination = ({
     variant: 'secondary',
     iconName: 'nav-arrow-right',
     disabled: !forceNextClickable && (pending || maxCurrent >= total),
-    size: 'sm',
+    size: ['md', { lg: 'sm' }],
     onClick: createNavigationHandler(setPending, onNext),
     'aria-label': i18n?.nextPage ?? 'Nächste Seite',
   });

package/src/components/core/Price/Price.tsx

@@ -0,0 +1,84 @@
+import { twJoin } from 'tailwind-merge';
+
+/**
+ * Props for the Price component.
+ */
+export type PriceProps = {
+  /**
+   * The visual style of the price.
+   * - `mixed`: Different text size.
+   * - `mono`: Equal text size.
+   */
+  variant: 'mixed' | 'mono';
+
+  /**
+   * Optional text shown before the price, like "ab".
+   */
+  priceQualifier?: string;
+
+  /**
+   * The formatted price, including currency (e.g., "1.489 €").
+   */
+  priceAmount: string;
+
+  /**
+   * Optional note shown after the price, like "p.P.".
+   */
+  priceNote?: string;
+
+  /**
+   * Optional ARIA label for screen readers.
+   * If provided, overrides the default label generation.
+   */
+  ariaLabel?: string;
+
+  /**
+   * Additional class names for custom styling.
+   */
+  className?: string;
+};
+
+/**
+ * A versatile Price component for displaying price information.
+ */
+const Price = ({
+  className,
+  variant = 'mixed',
+  priceQualifier,
+  priceAmount,
+  priceNote,
+  ariaLabel,
+}: PriceProps) => {
+  const isMixed = variant === 'mixed';
+
+  return (
+    <div
+      className={twJoin(
+        'inline-flex items-baseline justify-center whitespace-nowrap text-marine-high-emphasis',
+        'xs:price-xs sm:price-sm md:price-md lg:price-lg xl:price-xl',
+        isMixed ? 'gap-1' : 'gap-1 md:gap-1.5 lg:gap-2',
+        className,
+      )}
+      role="text"
+      {...(ariaLabel ? { 'aria-label': ariaLabel } : {})}
+    >
+      {priceQualifier && (
+        <span className={isMixed ? 'font-bold text-base' : ''}>
+          {priceQualifier}
+        </span>
+      )}
+
+      <span>{priceAmount}</span>
+
+      {priceNote && (
+        <span className={isMixed ? 'font-bold text-base' : ''}>
+          {priceNote}
+        </span>
+      )}
+    </div>
+  );
+};
+
+Price.displayName = 'Price';
+
+export { Price };

package/src/components/core/Price/index.ts

@@ -0,0 +1 @@
+export * from './Price';

package/src/components/core/Tag/Tag.tsx

@@ -105,7 +105,7 @@ const Tag = ({
     <div
       {...args}
       className={twJoin(
-        'inline-flex items-center justify-center font-semibold text-marine-high-emphasis',
+        'inline-flex items-center justify-center text-center font-semibold text-marine-high-emphasis',
         borderRadius,
         textSize,
         padding,