@tui-cruises/mein-schiff-web-react-component-library 2.2.5 → 2.2.7

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 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.
 
+### [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)
+
+
+### Features
+
+* **Accordion:** Always enforce multiple type ([a387d1d](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/commit/a387d1db9513c34d1f62114da3a8db3a3a81c9bf))
+
+### [2.2.6](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/compare/v2.2.5...v2.2.6) (2025-08-05)
+
+
+### Features
+
+* **Accordion:** add on background property ([a99009d](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/commit/a99009d4adb955f06a6ebea139a7e89bc567713f))
+
 ### [2.2.5](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/compare/v2.2.4...v2.2.5) (2025-08-05)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tui-cruises/mein-schiff-web-react-component-library",
-  "version": "2.2.5",
+  "version": "2.2.7",
   "main": "./index.tsx",
   "types": "./index.tsx",
   "type": "module",
@@ -10,7 +10,7 @@
     "prettier": "prettier --write ./src",
     "dev": "storybook dev -p 6006",
     "build-storybook": "storybook build",
-    "release": "standard-version && npm run pack:public",
+    "release": "standard-version",
     "pack:public": "node scripts/prepare-pack.mjs",
     "prepack": "npm run pack:public",
     "generate-icon-components": "node icons-import-svgs/generate-icons.cjs && prettier --write icons"

package/src/components/core/Accordion/Accordion.tsx

@@ -31,6 +31,7 @@ type CustomAccordionProps = {
   items?: AccordionMixedItem[];
   loadMoreButton?: TextButtonProps;
   headlineAs?: AccordionItemProps['headlineAs'];
+  on?: 'white' | 'gray';
 };
 
 export type AccordionSingleProps = HTMLAttributes<HTMLUListElement> &
@@ -48,7 +49,7 @@ type Root = FC<AccordionProps> & {
 };
 
 const Accordion: Root = propsArg => {
-  let { loadMoreButton, ...props } = propsArg;
+  let { loadMoreButton, on = 'white', ...props } = propsArg;
 
   let [pending, setPending] = useState(false);
 
@@ -88,6 +89,9 @@ const Accordion: Root = propsArg => {
 const renderAccordion = (props: AccordionProps) => {
   let { fallback, children: childrenArg, items, headlineAs, ...attrs } = props;
 
+  // Always enforce multiple type
+  attrs.type = 'multiple';
+
   let { children, type } = getChildren(
     items,
     childrenArg,
@@ -95,10 +99,6 @@ const renderAccordion = (props: AccordionProps) => {
     headlineAs,
   );
 
-  if (attrs.type === 'single' && typeof attrs.collapsible === 'undefined') {
-    attrs.collapsible = true;
-  }
-
   if (type !== 'tabs') {
     return (
       <Radix.Root {...attrs} asChild data-track-module="accordion">

package/src/components/core/IconButton/IconButton.tsx

@@ -1,4 +1,4 @@
-'use client'
+'use client';
 
 import { Icon, IconName } from '../Icon';
 import {

package/src/components/core/Pictogram/Pictogram.tsx

@@ -2,9 +2,9 @@ import type { FC } from 'react';
 import { dynamicComponents as dynamicComponentsPictograms } from '../../../../icons/pictograms';
 import { twMerge } from 'tailwind-merge';
 import {
-    getClassNamesFromMap,
-    ResponsiveValue,
-    ResponsiveValueClassMap,
+  getClassNamesFromMap,
+  ResponsiveValue,
+  ResponsiveValueClassMap,
 } from '../../../helpers/responsive-property';
 
 type CollectionPictograms = typeof dynamicComponentsPictograms;
@@ -23,77 +23,77 @@ type IconComponent = CollectionPictograms[PictogramName];
 type PictogramSize = 'sm' | 'md';
 
 export type PictogramProps = {
-    className?: string;
-    name: PictogramName;
-    size?: ResponsiveValue<PictogramSize>;
+  className?: string;
+  name: PictogramName;
+  size?: ResponsiveValue<PictogramSize>;
 };
 
 /**
  * Renders the icon.
  */
 const renderIcon = (
-    Element: IconComponent,
-    size: PictogramProps['size'],
-    wrapperAttrs: Record<string, string>,
+  Element: IconComponent,
+  size: PictogramProps['size'],
+  wrapperAttrs: Record<string, string>,
 ) => {
-    let classNameContainsSize = ['size-', 'h-', 'w-'].some(prefix =>
-        wrapperAttrs.className?.includes(prefix),
-    );
+  let classNameContainsSize = ['size-', 'h-', 'w-'].some(prefix =>
+    wrapperAttrs.className?.includes(prefix),
+  );
 
-    const className = twMerge(
-        'inline-block',
-        !classNameContainsSize && getClassNamesFromMap(sizeCssMap, size, 'sm'),
-        wrapperAttrs.className,
-    );
+  const className = twMerge(
+    'inline-block',
+    !classNameContainsSize && getClassNamesFromMap(sizeCssMap, size, 'sm'),
+    wrapperAttrs.className,
+  );
 
-    return (
-        <div {...wrapperAttrs} className={className}>
-            <Element className="block size-full" viewBox="0 0 40 40" />
-        </div>
-    );
+  return (
+    <div {...wrapperAttrs} className={className}>
+      <Element className="block size-full" viewBox="0 0 40 40" />
+    </div>
+  );
 };
 
 /**
  * Renders a pictogram with the specified size and icon.
  */
 const Pictogram: FC<PictogramProps> = ({ size, name, ...rest }) => {
-    const Element = dynamicComponentsPictograms[name];
-    if (!Element) {
-        return null;
-    }
+  const Element = dynamicComponentsPictograms[name];
+  if (!Element) {
+    return null;
+  }
 
-    return renderIcon(Element, size, rest);
+  return renderIcon(Element, size, rest);
 };
 
 const sizeCssMap: ResponsiveValueClassMap<PictogramSize> = {
-    initial: {
-        sm: 'size-[40px]',
-        md: 'size-[60px]',
-    },
-    xs: {
-        sm: 'xs:size-[40px]',
-        md: 'xs:size-[60px]',
-    },
-    sm: {
-        sm: 'sm:size-[40px]',
-        md: 'sm:size-[60px]',
-    },
-    md: {
-        sm: 'md:size-[40px]',
-        md: 'md:size-[60px]',
-    },
-    lg: {
-        sm: 'lg:size-[40px]',
-        md: 'lg:size-[60px]',
-    },
-    xl: {
-        sm: 'xl:size-[40px]',
-        md: 'xl:size-[60px]',
-    },
-    xxl: {
-        sm: '2xl:size-[40px]',
-        md: '2xl:size-[60px]',
-    },
+  initial: {
+    sm: 'size-[40px]',
+    md: 'size-[60px]',
+  },
+  xs: {
+    sm: 'xs:size-[40px]',
+    md: 'xs:size-[60px]',
+  },
+  sm: {
+    sm: 'sm:size-[40px]',
+    md: 'sm:size-[60px]',
+  },
+  md: {
+    sm: 'md:size-[40px]',
+    md: 'md:size-[60px]',
+  },
+  lg: {
+    sm: 'lg:size-[40px]',
+    md: 'lg:size-[60px]',
+  },
+  xl: {
+    sm: 'xl:size-[40px]',
+    md: 'xl:size-[60px]',
+  },
+  xxl: {
+    sm: '2xl:size-[40px]',
+    md: '2xl:size-[60px]',
+  },
 };
 
 Pictogram.displayName = 'Pictogram';