@vodafone_de/publish-test 0.0.1 → 53.0.0

package/dist/components/AccordionGroup/validate.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ArtDirectedImage/componentName.d.ts

@@ -0,0 +1 @@
+export declare const artDirectedImageComponentName: "ArtDirectedImage";

package/dist/components/ArtDirectedImage/index.d.ts

@@ -0,0 +1,4 @@
+import { ArtDirectedImageProps } from './props';
+declare const ArtDirectedImage: ({ ...props }: ArtDirectedImageProps) => import("react/jsx-runtime").JSX.Element;
+export default ArtDirectedImage;
+export * from './props';

package/dist/components/ArtDirectedImage/index.js

@@ -0,0 +1,77 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useContext } from "react";
+import { a as ContainerContext } from "../../index-sVS9qq5A.js";
+import { a as GridContext, c as GridItemContext } from "../../index-Cx4q-LSt.js";
+import { v as viewport, c as breakpoint_medium_number, a as breakpoint_large, b as breakpoint_medium } from "../../index-CG4uiVbZ.js";
+import { usePictureComponent, filterAspectRatioFromSources, filterImagePropsToPictureComponentImageProps } from "../../hooks/usePictureComponent/index.js";
+import { g as getSizesFromGridConfig } from "../../getSizesFromGridConfig-DR78nJ-p.js";
+import styled from "styled-components";
+import { translateLayoutPropsToCss } from "../../foundations/layout/index.js";
+import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
+import { s as shouldForwardProp } from "../../shouldForwardProp-CONMmlMa.js";
+const ArtDirectedImageContainerStyled = styled.div.withConfig({
+  shouldForwardProp,
+  displayName: "ArtDirectedImageContainerStyled",
+  componentId: "sc-1hjrdgq-0"
+})({
+  position: "relative",
+  "& picture > img": {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    height: "100%",
+    objectFit: "cover",
+    width: "100%"
+  }
+}, ({
+  sources
+}) => {
+  var _a, _b, _c, _d, _e;
+  return {
+    aspectRatio: sources.sm ? (_a = sources.sm) == null ? void 0 : _a.aspectRatio : (_b = sources.md) == null ? void 0 : _b.aspectRatio,
+    ...viewport.md({
+      aspectRatio: sources.md ? (_c = sources.md) == null ? void 0 : _c.aspectRatio : (_d = sources.sm) == null ? void 0 : _d.aspectRatio
+    }),
+    ...viewport.lg({
+      aspectRatio: (_e = sources.lg) == null ? void 0 : _e.aspectRatio
+    })
+  };
+}, getBottomSpacing, ({
+  layout
+}) => layout && translateLayoutPropsToCss(layout));
+const ArtDirectedImage = ({
+  ...props
+}) => {
+  const PictureComponent = usePictureComponent();
+  const gridContext = useContext(GridContext);
+  const gridItemContext = useContext(GridItemContext);
+  const containerContext = useContext(ContainerContext);
+  const calculatedSizes = (gridContext == null ? void 0 : gridContext.nestedGridConfig) ? getSizesFromGridConfig(gridContext.nestedGridConfig, containerContext) : gridItemContext.nestedGridConfig ? getSizesFromGridConfig(gridItemContext.nestedGridConfig, containerContext) : getSizesFromGridConfig({
+    sm: 12
+  }, containerContext);
+  const mediaMap = {
+    lg: `(min-width: ${breakpoint_large})`,
+    md: props.sources.sm ? `(min-width: ${breakpoint_medium})` : `(max-width: ${breakpoint_large})`,
+    sm: props.sources.md ? `(max-width: ${breakpoint_medium_number - 1}px)` : `(max-width: ${breakpoint_large})`
+  };
+  const order = ["lg", "md", "sm"];
+  const sources = Object.entries(props.sources).sort(([a], [b]) => order.indexOf(a) - order.indexOf(b)).map(([viewport2, source]) => ({
+    ...filterAspectRatioFromSources(source),
+    media: mediaMap[viewport2],
+    sizes: source.sizes || calculatedSizes
+  }));
+  const image = {
+    ...filterImagePropsToPictureComponentImageProps(props.image),
+    // fallback value is needed because alt is optional in ImageProps but required in PictureComponentProps
+    alt: props.image.alt || ""
+  };
+  const pictureComponentProps = {
+    sources,
+    image
+  };
+  return /* @__PURE__ */ jsx(ArtDirectedImageContainerStyled, { ...props, children: /* @__PURE__ */ jsx(PictureComponent, { ...pictureComponentProps }) });
+};
+export {
+  ArtDirectedImage as default
+};

package/dist/components/ArtDirectedImage/props.d.ts

@@ -0,0 +1,29 @@
+import { HTMLAttributes, JSX } from 'react';
+import { artDirectedImageComponentName } from './componentName';
+import { AspectRatio, ImageProps } from '../Image';
+import { BrixComponentProps } from '../../foundations/BrixComponentProps';
+import { ViewportName } from '../../foundations/types/Viewport';
+export type ArtDirectedImageSourceType = JSX.IntrinsicElements['source'] & {
+    srcSet: string;
+    aspectRatio: AspectRatio;
+};
+export type ArtDirectedImageSourcesType = {
+    [key in ViewportName]?: ArtDirectedImageSourceType;
+};
+/**
+ * Props for the ArtDirectedImage component.
+ * Renders responsive images with different sources per breakpoint using `<picture>`.
+ */
+export interface ArtDirectedImageProps extends BrixComponentProps, Omit<HTMLAttributes<HTMLPictureElement>, 'children'> {
+    /**
+     * Pin component's name
+     */
+    component?: typeof artDirectedImageComponentName;
+    sources: ArtDirectedImageSourcesType;
+    image: ImageProps & {
+        /**
+         * aspectRatio is mandatory for image because it is mandatory for the sources that can't take width & height
+         */
+        aspectRatio: AspectRatio;
+    };
+}

package/dist/components/ArtDirectedImage/styled.d.ts

@@ -0,0 +1,2 @@
+import { ArtDirectedImageProps } from './props';
+export declare const ArtDirectedImageContainerStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ArtDirectedImageProps> & ArtDirectedImageProps, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ArtDirectedImageProps> & ArtDirectedImageProps, never>>> & string;

package/dist/components/ArtDirectedImage/validate.d.ts

@@ -0,0 +1,183 @@
+import { default as z } from 'zod';
+import { ArtDirectedImageCmsProps } from '../../contentful/props';
+import { ValidationResult } from '../../utils/validation/Validation';
+export declare const artDirectedImageSchema: z.ZodObject<{
+    uid: z.ZodString;
+    sysId: z.ZodString;
+    customId: z.ZodOptional<z.ZodString>;
+    enableStructuredData: z.ZodOptional<z.ZodBoolean>;
+    tracking: z.ZodOptional<z.ZodObject<{
+        contact_action: z.ZodOptional<z.ZodString>;
+        contact_subject: z.ZodOptional<z.ZodString>;
+        contact_available_tools: z.ZodOptional<z.ZodString>;
+        contact_tool: z.ZodOptional<z.ZodString>;
+        contact_trigger: z.ZodOptional<z.ZodString>;
+        contact_variant: z.ZodOptional<z.ZodString>;
+        information_action: z.ZodOptional<z.ZodString>;
+        information_name: z.ZodOptional<z.ZodString>;
+        information_ui_type: z.ZodOptional<z.ZodString>;
+        information_trigger: z.ZodOptional<z.ZodString>;
+        information_ui_location: z.ZodOptional<z.ZodString>;
+        information_id: z.ZodOptional<z.ZodString>;
+        information_ui_size: z.ZodOptional<z.ZodString>;
+        error_action: z.ZodOptional<z.ZodString>;
+        error_type: z.ZodOptional<z.ZodString>;
+        error_message: z.ZodOptional<z.ZodString>;
+        error_ui_type: z.ZodOptional<z.ZodString>;
+        error_trigger: z.ZodOptional<z.ZodString>;
+        error_trigger_name: z.ZodOptional<z.ZodString>;
+        error_code: z.ZodOptional<z.ZodString>;
+        error_details: z.ZodOptional<z.ZodString>;
+        error_location: z.ZodOptional<z.ZodString>;
+    }, z.core.$loose>>;
+    bottomSpacing: z.ZodOptional<z.ZodEnum<{
+        sm: "sm";
+        md: "md";
+        lg: "lg";
+        none: "none";
+        "2xs": "2xs";
+        xs: "xs";
+        xl: "xl";
+        "2xl": "2xl";
+        "3xl": "3xl";
+        "4xl": "4xl";
+        "5xl": "5xl";
+        "6xl": "6xl";
+        "7xl": "7xl";
+        None: "None";
+        "2Xs": "2Xs";
+        Xs: "Xs";
+        Sm: "Sm";
+        Md: "Md";
+        Lg: "Lg";
+        Xl: "Xl";
+        "2Xl": "2Xl";
+        "3Xl": "3Xl";
+        "4Xl": "4Xl";
+        "5Xl": "5Xl";
+        "6Xl": "6Xl";
+        "7Xl": "7Xl";
+    }>>;
+    layout: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodObject<{
+        sm: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodNumber]>>;
+        md: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodNumber]>>;
+        lg: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodNumber]>>;
+    }, z.core.$strip>]>>>;
+    component: z.ZodLiteral<"ArtDirectedImage">;
+    image: z.ZodObject<{
+        uid: z.ZodString;
+        sysId: z.ZodString;
+        customId: z.ZodOptional<z.ZodString>;
+        enableStructuredData: z.ZodOptional<z.ZodBoolean>;
+        tracking: z.ZodOptional<z.ZodObject<{
+            contact_action: z.ZodOptional<z.ZodString>;
+            contact_subject: z.ZodOptional<z.ZodString>;
+            contact_available_tools: z.ZodOptional<z.ZodString>;
+            contact_tool: z.ZodOptional<z.ZodString>;
+            contact_trigger: z.ZodOptional<z.ZodString>;
+            contact_variant: z.ZodOptional<z.ZodString>;
+            information_action: z.ZodOptional<z.ZodString>;
+            information_name: z.ZodOptional<z.ZodString>;
+            information_ui_type: z.ZodOptional<z.ZodString>;
+            information_trigger: z.ZodOptional<z.ZodString>;
+            information_ui_location: z.ZodOptional<z.ZodString>;
+            information_id: z.ZodOptional<z.ZodString>;
+            information_ui_size: z.ZodOptional<z.ZodString>;
+            error_action: z.ZodOptional<z.ZodString>;
+            error_type: z.ZodOptional<z.ZodString>;
+            error_message: z.ZodOptional<z.ZodString>;
+            error_ui_type: z.ZodOptional<z.ZodString>;
+            error_trigger: z.ZodOptional<z.ZodString>;
+            error_trigger_name: z.ZodOptional<z.ZodString>;
+            error_code: z.ZodOptional<z.ZodString>;
+            error_details: z.ZodOptional<z.ZodString>;
+            error_location: z.ZodOptional<z.ZodString>;
+        }, z.core.$loose>>;
+        bottomSpacing: z.ZodOptional<z.ZodEnum<{
+            sm: "sm";
+            md: "md";
+            lg: "lg";
+            none: "none";
+            "2xs": "2xs";
+            xs: "xs";
+            xl: "xl";
+            "2xl": "2xl";
+            "3xl": "3xl";
+            "4xl": "4xl";
+            "5xl": "5xl";
+            "6xl": "6xl";
+            "7xl": "7xl";
+            None: "None";
+            "2Xs": "2Xs";
+            Xs: "Xs";
+            Sm: "Sm";
+            Md: "Md";
+            Lg: "Lg";
+            Xl: "Xl";
+            "2Xl": "2Xl";
+            "3Xl": "3Xl";
+            "4Xl": "4Xl";
+            "5Xl": "5Xl";
+            "6Xl": "6Xl";
+            "7Xl": "7Xl";
+        }>>;
+        layout: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodObject<{
+            sm: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodNumber]>>;
+            md: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodNumber]>>;
+            lg: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodNumber]>>;
+        }, z.core.$strip>]>>>;
+        component: z.ZodLiteral<"Image">;
+        objectFit: z.ZodOptional<z.ZodEnum<{
+            contain: "contain";
+            cover: "cover";
+        }>>;
+        roundedCorners: z.ZodOptional<z.ZodBoolean>;
+        src: z.ZodString;
+        alt: z.ZodOptional<z.ZodString>;
+        aspectRatio: z.ZodOptional<z.ZodEnum<{
+            "1/1": "1/1";
+            "3/4": "3/4";
+            "16/9": "16/9";
+            "21/9": "21/9";
+            "32/9": "32/9";
+            "48/9": "48/9";
+        }>>;
+        width: z.ZodOptional<z.ZodNumber>;
+        height: z.ZodOptional<z.ZodNumber>;
+    }, z.core.$loose>;
+    sm: z.ZodOptional<z.ZodObject<{
+        srcSet: z.ZodString;
+        aspectRatio: z.ZodEnum<{
+            "1/1": "1/1";
+            "3/4": "3/4";
+            "16/9": "16/9";
+            "21/9": "21/9";
+            "32/9": "32/9";
+            "48/9": "48/9";
+        }>;
+    }, z.core.$loose>>;
+    md: z.ZodOptional<z.ZodObject<{
+        srcSet: z.ZodString;
+        aspectRatio: z.ZodEnum<{
+            "1/1": "1/1";
+            "3/4": "3/4";
+            "16/9": "16/9";
+            "21/9": "21/9";
+            "32/9": "32/9";
+            "48/9": "48/9";
+        }>;
+    }, z.core.$loose>>;
+    lg: z.ZodOptional<z.ZodObject<{
+        srcSet: z.ZodString;
+        aspectRatio: z.ZodEnum<{
+            "1/1": "1/1";
+            "3/4": "3/4";
+            "16/9": "16/9";
+            "21/9": "21/9";
+            "32/9": "32/9";
+            "48/9": "48/9";
+        }>;
+    }, z.core.$loose>>;
+}, z.core.$loose>;
+export declare const validateArtDirectedImageProps: (props: unknown) => ValidationResult<ArtDirectedImageCmsProps>;
+export declare const isArtDirectedImageProps: (props: unknown) => props is ArtDirectedImageCmsProps;

package/dist/components/ArtDirectedImage/validate.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Badge/componentName.d.ts

@@ -0,0 +1 @@
+export declare const badgeComponentName: "Badge";

package/dist/components/Badge/index.d.ts

@@ -0,0 +1,4 @@
+import { BadgeProps } from './props';
+declare const Badge: ({ children, icon, footnoteLink, bottomSpacing, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+export default Badge;
+export * from './props';

package/dist/components/Badge/index.js

@@ -0,0 +1,18 @@
+"use client";
+import "react/jsx-runtime";
+import "../../index-lCL2zeQr.js";
+import "../../IconSize-Da9zhR76.js";
+import "../../SizeTypes-Ck_RdzIf.js";
+import "../../Spacing-Dj-qX3Z5.js";
+import { B } from "../../index-yLLyPEd9.js";
+import { B as B2, b, a, p, s, c, t } from "../../props-Dt5kqR3j.js";
+export {
+  B2 as BadgeAppearanceColor,
+  b as badgeAppearances,
+  a as badgeSizes,
+  B as default,
+  p as primaryBadgeAppearance,
+  s as secondaryBadgeAppearance,
+  c as successBadgeAppearance,
+  t as tertiaryBadgeAppearance
+};

package/dist/components/Badge/props.d.ts

@@ -0,0 +1,55 @@
+import { IconName } from '@vfde-react/inline-icon-library/IconName';
+import { HTMLAttributes, ReactNode } from 'react';
+import { BrixComponentProps } from '../../foundations/BrixComponentProps';
+import { ObjectColor } from '../../foundations/types/ObjectColor';
+import { FootnoteLinkProps } from '../FootnoteLink';
+import { badgeComponentName } from './componentName';
+export declare const primaryBadgeAppearance: "primary";
+export declare const secondaryBadgeAppearance: "secondary";
+export declare const tertiaryBadgeAppearance: "tertiary";
+export declare const successBadgeAppearance: "success";
+export declare const badgeAppearances: readonly ["primary", "secondary", "tertiary", "success"];
+export type BadgeAppearance = (typeof badgeAppearances)[number];
+export declare const BadgeAppearanceColor: Record<BadgeAppearance, ObjectColor>;
+export declare const badgeSizes: readonly ["sm", "md"];
+export type BadgeSize = (typeof badgeSizes)[number];
+/**
+ * Props for the Badge component.
+ * A small label for status, categories, or metadata.
+ * @see {@link https://www.vodafone.de/simplicity/pattern/?path=/docs/text-display-badge--docs} Badge stories
+ */
+export interface BadgeProps extends BrixComponentProps, Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
+    /**
+     * Internal component name used for CMS and dynamic rendering.
+     */
+    component?: typeof badgeComponentName;
+    /**
+     * Color theme of the badge. Sets background and corresponding text color.
+     * - `primary`: Brand color as badge background
+     * - `secondary`: Yellow accent
+     * - `tertiary`: Near black
+     * - `success`: Green
+     * @default primary
+     */
+    appearance?: BadgeAppearance;
+    /**
+     * Size of the badge.
+     * - `sm`: Compact badge
+     * - `md`: Standard badge
+     * @default md
+     */
+    size?: BadgeSize;
+    /**
+     * Optional icon displayed to the left of the badge text.
+     * @see {@link https://www.vodafone.de/simplicity/pattern/?path=/docs/media-icon--docs} Available icons
+     */
+    icon?: IconName;
+    /**
+     * Badge label content.
+     */
+    children: ReactNode;
+    /**
+     * Optional footnote link rendered as superscript next to the badge.
+     */
+    footnoteLink?: FootnoteLinkProps;
+}

package/dist/components/Badge/styled.d.ts

@@ -0,0 +1,3 @@
+import { BadgeProps } from './props';
+export declare const BadgeStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof BadgeProps> & BadgeProps, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof BadgeProps> & BadgeProps, never>>> & string;
+export declare const BadgeIconStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../IconLoader').IconLoaderProps, never> & Partial<Pick<import('../IconLoader').IconLoaderProps, never>>> & string & Omit<({ name, className, component: _component, iconPosition: _iconPosition, bottomSpacing, ...props }: import('../IconLoader').IconLoaderProps) => import("react/jsx-runtime").JSX.Element | null, keyof import('react').Component<any, {}, any>>;