@tui-cruises/mein-schiff-web-react-component-library 2.2.9 → 2.2.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +27 -1
- package/icons/icons/index.ts +1 -0
- package/icons/icons/speed.tsx +20 -0
- package/package.json +2 -2
- package/public/videos/placeholder.mp4 +0 -0
- package/src/components/core/Button/Button.tsx +1 -1
- package/src/components/core/Calendar/Calendar.tsx +3 -2
- package/src/components/core/Pagination/Pagination.tsx +2 -2
- package/src/components/core/Tag/Tag.tsx +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,7 +2,33 @@
|
|
|
2
2
|
|
|
3
3
|
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.
|
|
4
4
|
|
|
5
|
-
### [2.2.
|
|
5
|
+
### [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)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
* **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))
|
|
11
|
+
* **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))
|
|
12
|
+
* **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))
|
|
13
|
+
|
|
14
|
+
### [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)
|
|
15
|
+
|
|
16
|
+
### [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)
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
### Bug Fixes
|
|
20
|
+
|
|
21
|
+
* **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))
|
|
22
|
+
* **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))
|
|
23
|
+
* **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))
|
|
24
|
+
* typefix ([b7fccaf](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/commit/b7fccaf80e990db4d68b42411c1ce57a6356ad05))
|
|
25
|
+
|
|
26
|
+
### [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)
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
### Bug Fixes
|
|
30
|
+
|
|
31
|
+
* **Calendar:** Typefix i18n ([b7fccaf](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/commit/b7fccaf80e990db4d68b42411c1ce57a6356ad05))
|
|
6
32
|
|
|
7
33
|
### [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)
|
|
8
34
|
|
package/icons/icons/index.ts
CHANGED
|
@@ -113,6 +113,7 @@ export const dynamicComponents = {
|
|
|
113
113
|
'snow-flake': dynamic(() => import('./snow-flake'), { ssr: false }),
|
|
114
114
|
snow: dynamic(() => import('./snow'), { ssr: false }),
|
|
115
115
|
sofa: dynamic(() => import('./sofa'), { ssr: false }),
|
|
116
|
+
speed: dynamic(() => import('./speed'), { ssr: false }),
|
|
116
117
|
'star-dashed': dynamic(() => import('./star-dashed'), { ssr: false }),
|
|
117
118
|
'star-filled': dynamic(() => import('./star-filled'), { ssr: false }),
|
|
118
119
|
'star-half-dashed': dynamic(() => import('./star-half-dashed'), {
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { SVGProps } from 'react';
|
|
2
|
+
const SvgSpeed = (props: SVGProps<SVGSVGElement>) => (
|
|
3
|
+
<svg
|
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
5
|
+
width="1em"
|
|
6
|
+
height="1em"
|
|
7
|
+
fill="none"
|
|
8
|
+
viewBox="0 0 24 24"
|
|
9
|
+
color="currentColor"
|
|
10
|
+
{...props}
|
|
11
|
+
>
|
|
12
|
+
<path
|
|
13
|
+
fill="currentColor"
|
|
14
|
+
fillRule="evenodd"
|
|
15
|
+
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"
|
|
16
|
+
clipRule="evenodd"
|
|
17
|
+
/>
|
|
18
|
+
</svg>
|
|
19
|
+
);
|
|
20
|
+
export default SvgSpeed;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tui-cruises/mein-schiff-web-react-component-library",
|
|
3
|
-
"version": "2.2.
|
|
3
|
+
"version": "2.2.11",
|
|
4
4
|
"main": "./index.tsx",
|
|
5
5
|
"types": "./index.tsx",
|
|
6
6
|
"type": "module",
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
"@radix-ui/react-tabs": "^1.0.4",
|
|
53
53
|
"@radix-ui/react-toast": "^1.1.5",
|
|
54
54
|
"@radix-ui/react-tooltip": "^1.1.2",
|
|
55
|
-
"@tui-cruises/mein-schiff-web-tailwind-config": "^2.0.
|
|
55
|
+
"@tui-cruises/mein-schiff-web-tailwind-config": "^2.0.17",
|
|
56
56
|
"@tuic/i18n": "^1.0.0",
|
|
57
57
|
"@tuic/lib": "^1.0.0",
|
|
58
58
|
"@tuic/logger": "^1.0.0",
|
|
Binary file
|
|
@@ -79,7 +79,7 @@ const ButtonRenderFunction: ForwardRefRenderFunction<
|
|
|
79
79
|
}
|
|
80
80
|
|
|
81
81
|
const buttonClassNames = twMerge(
|
|
82
|
-
'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',
|
|
82
|
+
'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',
|
|
83
83
|
hasFullWidthOnMobile && 'w-full sm:w-auto',
|
|
84
84
|
|
|
85
85
|
// Variants
|
|
@@ -14,11 +14,12 @@ import { de, enGB } from 'date-fns/locale';
|
|
|
14
14
|
|
|
15
15
|
import { twJoin } from 'tailwind-merge';
|
|
16
16
|
import { Icon } from '../Icon';
|
|
17
|
+
import { Locale as I18nLocale } from '@tuic/i18n';
|
|
17
18
|
import { TextButton } from '../TextButton';
|
|
18
19
|
import { differenceInMonths, type Locale } from 'date-fns';
|
|
19
20
|
|
|
20
21
|
type BaseProps = Omit<DayPickerBase, 'locale' | 'fromDate'> & {
|
|
21
|
-
localeCode?:
|
|
22
|
+
localeCode?: I18nLocale;
|
|
22
23
|
useShowMoreButtonOnMobile?: boolean;
|
|
23
24
|
showPrevMonthsButtonLabel?: string;
|
|
24
25
|
showNextMonthsButtonLabel?: string;
|
|
@@ -31,7 +32,7 @@ export type CalendarProps =
|
|
|
31
32
|
| (BaseProps & DayPickerMultipleProps)
|
|
32
33
|
| (BaseProps & DayPickerRangeProps);
|
|
33
34
|
|
|
34
|
-
const DEFAULT_LOCALE:
|
|
35
|
+
const DEFAULT_LOCALE: I18nLocale = 'de';
|
|
35
36
|
|
|
36
37
|
/**
|
|
37
38
|
* Calendar integration
|
|
@@ -66,7 +66,7 @@ export const Pagination = ({
|
|
|
66
66
|
variant: 'secondary',
|
|
67
67
|
iconName: 'nav-arrow-left',
|
|
68
68
|
disabled: !forcePreviousClickable && (pending || minCurrent <= 1),
|
|
69
|
-
size: 'sm',
|
|
69
|
+
size: ['md', { lg: 'sm' }],
|
|
70
70
|
onClick: createNavigationHandler(setPending, onPrevious),
|
|
71
71
|
'aria-label': i18n?.previousPage ?? 'Vorherige Seite',
|
|
72
72
|
});
|
|
@@ -75,7 +75,7 @@ export const Pagination = ({
|
|
|
75
75
|
variant: 'secondary',
|
|
76
76
|
iconName: 'nav-arrow-right',
|
|
77
77
|
disabled: !forceNextClickable && (pending || maxCurrent >= total),
|
|
78
|
-
size: 'sm',
|
|
78
|
+
size: ['md', { lg: 'sm' }],
|
|
79
79
|
onClick: createNavigationHandler(setPending, onNext),
|
|
80
80
|
'aria-label': i18n?.nextPage ?? 'Nächste Seite',
|
|
81
81
|
});
|
|
@@ -105,7 +105,7 @@ const Tag = ({
|
|
|
105
105
|
<div
|
|
106
106
|
{...args}
|
|
107
107
|
className={twJoin(
|
|
108
|
-
'inline-flex items-center justify-center font-semibold text-marine-high-emphasis',
|
|
108
|
+
'inline-flex items-center justify-center text-center font-semibold text-marine-high-emphasis',
|
|
109
109
|
borderRadius,
|
|
110
110
|
textSize,
|
|
111
111
|
padding,
|