@vodafone_de/publish-test 0.0.1 → 53.0.0

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

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

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

@@ -0,0 +1 @@
+export declare const bodyComponentName: "Body";

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

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

package/dist/components/Body/index.js

@@ -0,0 +1,84 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { F as FootnoteLink } from "../../index-lCL2zeQr.js";
+import { c as spacingSm, s as spacingMd } from "../../Spacing-Dj-qX3Z5.js";
+import { t as textBodyMd, a as textBodySm } from "../../TextBodySize-CP9q4gRv.js";
+import styled from "styled-components";
+import { translateLayoutPropsToCss } from "../../foundations/layout/index.js";
+import { getBodySize } from "../../foundations/token/getBodySize/index.js";
+import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
+import { getFontWeight } from "../../foundations/token/getFontWeight/index.js";
+import { getTextColor } from "../../foundations/token/getTextColor/index.js";
+import { a as fontWeightBold } from "../../FontWeight-C8c-UnWu.js";
+import { a as colorTextNeutral } from "../../TextColor-DsntmDNw.js";
+import { s as shouldForwardProp } from "../../shouldForwardProp-CONMmlMa.js";
+import { b, a, c, d, e } from "../../props-DxcKxrWg.js";
+const BodyStyled = styled.p.withConfig({
+  shouldForwardProp,
+  displayName: "BodyStyled",
+  componentId: "sc-1fa7yqh-0"
+})({
+  outline: "none",
+  color: getTextColor(colorTextNeutral),
+  verticalAlign: "baseline"
+}, ({
+  size = textBodyMd
+}) => getBodySize(size), ({
+  weight,
+  tag
+}) => {
+  if ("strong" === tag) {
+    return {
+      fontWeight: getFontWeight(fontWeightBold)
+    };
+  }
+  if (!weight) {
+    return {};
+  }
+  return {
+    fontWeight: getFontWeight(weight)
+  };
+}, ({
+  tag
+}) => {
+  if ("sup" === tag) {
+    return {
+      verticalAlign: "super",
+      fontSize: "smaller"
+    };
+  }
+  if ("span" === tag) {
+    return {
+      display: "inline-block"
+    };
+  }
+  return {};
+}, ({
+  align
+}) => ({
+  textAlign: align
+}), getBottomSpacing, ({
+  layout
+}) => layout && translateLayoutPropsToCss(layout));
+const Body = ({
+  footnoteLink,
+  tag = "p",
+  bottomSpacing,
+  ...props
+}) => {
+  if (!bottomSpacing) {
+    bottomSpacing = textBodySm === props.size ? spacingSm : spacingMd;
+  }
+  return /* @__PURE__ */ jsxs(BodyStyled, { ...props, bottomSpacing, as: tag, tag, children: [
+    props.children,
+    footnoteLink && /* @__PURE__ */ jsx(FootnoteLink, { ...footnoteLink })
+  ] });
+};
+export {
+  b as bodyAlignCenter,
+  a as bodyAlignLeft,
+  c as bodyAlignRight,
+  d as bodyAligns,
+  e as bodyTags,
+  Body as default
+};

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

@@ -0,0 +1,65 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { FootnoteLinkProps } from '../FootnoteLink';
+import { BrixComponentProps } from '../../foundations/BrixComponentProps';
+import { FontWeight } from '../../foundations/types/FontWeight';
+import { TextBodySize } from '../../foundations/types/TextBodySize';
+import { bodyComponentName } from './componentName';
+export declare const bodyTags: readonly ["p", "div", "span", "strong", "sup"];
+export type BodyTags = (typeof bodyTags)[number];
+export declare const bodyAlignLeft: "left";
+export declare const bodyAlignCenter: "center";
+export declare const bodyAlignRight: "right";
+export declare const bodyAligns: readonly ["left", "center", "right"];
+export type BodyAlign = (typeof bodyAligns)[number];
+/**
+ * Props for the Body component.
+ * Renders body/paragraph text with Vodafone typography.
+ * @see {@link https://www.vodafone.de/simplicity/pattern/?path=/docs/text-display-body--docs} Body stories
+ */
+export interface BodyProps extends BrixComponentProps, Omit<HTMLAttributes<HTMLParagraphElement>, 'children'> {
+    /**
+     * T-shirt size of the body text.
+     * - `md`: Standard body text size
+     * - `sm`: Smaller body text (fine print, captions)
+     * @default md
+     */
+    size?: TextBodySize;
+    /**
+     * Font weight of the body text.
+     * - `light`: Thin weight
+     * - `regular`: Normal weight
+     * - `bold`: Heavy weight
+     *
+     * Ignored when `tag` is `'strong'` (always renders bold).
+     */
+    weight?: FontWeight;
+    /**
+     * Horizontal text alignment.
+     * - `left`: Align text to the left
+     * - `center`: Center the text
+     * - `right`: Align text to the right
+     */
+    align?: BodyAlign;
+    /**
+     * Content to render as body text.
+     */
+    children: ReactNode;
+    /**
+     * HTML element used to render the body text.
+     * - `p`: Paragraph (default)
+     * - `div`: Generic block container
+     * - `span`: Inline container
+     * - `strong`: Bold emphasis
+     * - `sup`: Superscript
+     * @default p
+     */
+    tag?: BodyTags;
+    /**
+     * Optional footnote link rendered as superscript next to the text.
+     */
+    footnoteLink?: FootnoteLinkProps;
+    /**
+     * Internal component name used for CMS and dynamic rendering.
+     */
+    component?: typeof bodyComponentName;
+}

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

@@ -0,0 +1,6 @@
+import { BodyProps, BodyTags } from './props';
+export declare const BodyStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "as" | keyof BodyProps> & BodyProps & {
+    as?: BodyTags;
+}, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "as" | keyof BodyProps> & BodyProps & {
+    as?: BodyTags;
+}, never>>> & string;

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

@@ -0,0 +1,130 @@
+import { z } from 'zod';
+import { BodyCmsProps } from '../../contentful/props';
+import { ValidationResult } from '../../utils/validation/Validation';
+export declare const bodySchema: 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<"Body">;
+    children: z.ZodCustom<unknown, unknown>;
+    size: z.ZodOptional<z.ZodEnum<{
+        sm: "sm";
+        md: "md";
+    }>>;
+    weight: z.ZodOptional<z.ZodEnum<{
+        light: "light";
+        bold: "bold";
+        regular: "regular";
+    }>>;
+    align: z.ZodOptional<z.ZodEnum<{
+        center: "center";
+        left: "left";
+        right: "right";
+    }>>;
+    tag: z.ZodOptional<z.ZodEnum<{
+        div: "div";
+        p: "p";
+        span: "span";
+        strong: "strong";
+        sup: "sup";
+    }>>;
+    footnoteLink: z.ZodOptional<z.ZodObject<{
+        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>]>>>;
+        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>>;
+        component: z.ZodLiteral<"FootnoteLink">;
+        uid: z.ZodString;
+        contentUid: z.ZodString;
+        screenReaderLabel: z.ZodString;
+        children: z.ZodCustom<unknown, unknown>;
+    }, z.core.$loose>>;
+}, z.core.$loose>;
+export declare const validateBodyProps: (props: unknown) => ValidationResult<BodyCmsProps>;
+export declare const isBodyProps: (props: unknown) => props is BodyCmsProps;

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

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

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

@@ -0,0 +1 @@
+export declare const bottomBarComponentName: "BottomBar";

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

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

package/dist/components/BottomBar/index.js

@@ -0,0 +1,87 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useRef, useState, useEffect } from "react";
+import { C as Container } from "../../index-sVS9qq5A.js";
+import { s as spacingMd, b as spacingNone } from "../../Spacing-Dj-qX3Z5.js";
+import { a as themeLight } from "../../Theme-B6kzt-0D.js";
+import styled from "styled-components";
+import { C as CardStyled } from "../../styled-bVvX_c0n.js";
+import { translateLayoutPropsToCss } from "../../foundations/layout/index.js";
+import { getBorderRadius } from "../../foundations/token/getBorderRadius/index.js";
+import { g as getSpacing } from "../../index-l-i-mIeP.js";
+import { a as borderRadiusNone } from "../../BorderRadius-0jhn76gB.js";
+import { s as shouldForwardProp } from "../../shouldForwardProp-CONMmlMa.js";
+const bottomBarExtraPadding = 100;
+const BottomBarStyled = styled(CardStyled).withConfig({
+  shouldForwardProp,
+  displayName: "BottomBarStyled",
+  componentId: "sc-1ahrob4-0"
+})({
+  paddingLeft: getSpacing(spacingNone),
+  paddingRight: getSpacing(spacingNone),
+  paddingBottom: `calc(${getSpacing(spacingMd)} + ${bottomBarExtraPadding}px)`,
+  position: "fixed",
+  bottom: 0,
+  width: "100%",
+  height: "auto",
+  borderBottomLeftRadius: getBorderRadius(borderRadiusNone),
+  borderBottomRightRadius: getBorderRadius(borderRadiusNone),
+  transition: "transform 400ms cubic-bezier(0.7, -0.4, 0.4, 1.4)",
+  zIndex: "4"
+}, ({
+  visible
+}) => {
+  return {
+    transform: visible ? `translateY(${bottomBarExtraPadding}px)` : "translateY(100%)"
+  };
+}, ({
+  layout
+}) => layout && translateLayoutPropsToCss(layout));
+const BottomBar = ({
+  theme = themeLight,
+  ...props
+}) => {
+  const bottomBarRef = useRef(null);
+  const [bottomBarHeight, setBottomBarHeight] = useState(0);
+  const [visible, setVisible] = useState(props.visible === true);
+  const [screenSize, setScreenSize] = useState(null);
+  useEffect(() => {
+    setVisible(true === props.visible);
+  }, [props.visible]);
+  useEffect(() => {
+    if (bottomBarRef.current) {
+      setBottomBarHeight(bottomBarRef.current.clientHeight - bottomBarExtraPadding);
+    }
+    const updateScreenSize = () => {
+      if (bottomBarRef.current) {
+        setBottomBarHeight(bottomBarRef.current.clientHeight - bottomBarExtraPadding);
+      }
+      setScreenSize({
+        width: window.visualViewport ? window.visualViewport.width : window.innerWidth,
+        height: window.visualViewport ? window.visualViewport.height : window.innerHeight
+      });
+    };
+    updateScreenSize();
+    window.addEventListener("resize", updateScreenSize);
+    return () => {
+      window.removeEventListener("resize", updateScreenSize);
+    };
+  }, []);
+  useEffect(() => {
+    if (screenSize) {
+      if (bottomBarHeight * 5 > screenSize.height) {
+        visible && setVisible(false);
+      } else if (props.visible) {
+        setVisible(props.visible);
+      }
+    }
+  }, [screenSize]);
+  useEffect(() => {
+    document.documentElement.classList.toggle("HasObscuringBottomBar", visible);
+    document.documentElement.style.setProperty("--bottomBarHeight", `${bottomBarHeight}px`);
+  }, [bottomBarHeight, props.children, visible]);
+  return /* @__PURE__ */ jsx(BottomBarStyled, { className: `${theme} ${props.className}`, inert: !visible, ref: bottomBarRef, ...props, visible, children: /* @__PURE__ */ jsx(Container, { padding: spacingNone, children: props.children }) });
+};
+export {
+  BottomBar as default
+};

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

@@ -0,0 +1,27 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { bottomBarComponentName } from './componentName';
+import { BrixComponentProps } from '../../foundations/BrixComponentProps';
+import { Theme } from '../../foundations/types/Theme';
+/**
+ * Props for the BottomBar component.
+ * A fixed bar at the bottom of the viewport for persistent actions.
+ * @see {@link https://www.vodafone.de/simplicity/pattern/?path=/docs/disclosure-bottombar--docs} BottomBar stories
+ */
+export interface BottomBarProps extends Omit<BrixComponentProps, 'bottomSpacing'>, HTMLAttributes<HTMLDivElement> {
+    /**
+     * Content rendered inside the bottom bar.
+     */
+    children: ReactNode;
+    /**
+     * Internal component name used for CMS and dynamic rendering.
+     */
+    component?: typeof bottomBarComponentName;
+    /**
+     * Color theme override.
+     */
+    theme?: Theme;
+    /**
+     * Controls whether the bottom bar is visible.
+     */
+    visible?: boolean;
+}

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

@@ -0,0 +1,9 @@
+import { BottomBarProps } from './props';
+export declare const bottomBarExtraPadding = 100;
+export declare const BottomBarStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('../Card').CardProps> & import('../Card').CardProps, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('../Card').CardProps> & import('../Card').CardProps, never>>, "as" | "forwardedAs"> & {
+    as?: import('styled-components').WebTarget | undefined;
+    forwardedAs?: import('styled-components').WebTarget | undefined;
+}, keyof BottomBarProps> & BottomBarProps, never> & Partial<Pick<import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('../Card').CardProps> & import('../Card').CardProps, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('../Card').CardProps> & import('../Card').CardProps, never>>, "as" | "forwardedAs"> & {
+    as?: import('styled-components').WebTarget | undefined;
+    forwardedAs?: import('styled-components').WebTarget | undefined;
+}, keyof BottomBarProps> & BottomBarProps, never>>> & string;

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

@@ -0,0 +1,48 @@
+import { z } from 'zod';
+import { BottomBarCmsProps } from '../../contentful/props';
+import { ValidationResult } from '../../utils/validation/Validation';
+export declare const bottomBarSchema: z.ZodObject<{
+    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>]>>>;
+    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>>;
+    component: z.ZodLiteral<"BottomBar">;
+    children: z.ZodUnion<readonly [z.ZodArray<z.ZodUnknown>, z.ZodUnknown & z.ZodType<{} | null, unknown, z.core.$ZodTypeInternals<{} | null, unknown>>]>;
+    theme: z.ZodOptional<z.ZodEnum<{
+        dark: "dark";
+        light: "light";
+    }>>;
+    visible: z.ZodOptional<z.ZodBoolean>;
+    bottomSpacing: z.ZodOptional<z.ZodNever>;
+}, z.core.$loose>;
+export declare const validateBottomBarProps: (props: unknown) => ValidationResult<BottomBarCmsProps>;
+export declare const isBottomBarProps: (props: unknown) => props is BottomBarCmsProps;

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

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

package/dist/components/Button/ButtonAppearanceHelper.d.ts

@@ -0,0 +1,5 @@
+import { CSSObject } from 'styled-components';
+import { ButtonAppearances } from '../../foundations/types/ButtonAppearances';
+import { ObjectColor } from '../../foundations/types/ObjectColor';
+export declare const ButtonAppearanceColor: Record<ButtonAppearances, ObjectColor>;
+export declare const getButtonAppearance: (appearance: ButtonAppearances) => CSSObject;

package/dist/components/Button/ButtonAppearanceHelper.test.d.ts

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

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

@@ -0,0 +1 @@
+export declare const buttonComponentName: "Button";

package/dist/components/Button/getButtonIcon.d.ts

@@ -0,0 +1,2 @@
+import { ButtonSharedProps } from './props';
+export declare const getButtonIcon: (icon: ButtonSharedProps["icon"], iconPosition?: ButtonSharedProps["iconPosition"]) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,5 @@
+import { ButtonAsLinkProps } from '../ButtonAsLink/props';
+import { ButtonProps } from './props';
+declare const Button: (props: ButtonProps | ButtonAsLinkProps) => import("react/jsx-runtime").JSX.Element;
+export default Button;
+export * from './props';

package/dist/components/Button/index.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { B as ButtonAsLink, g as getButtonIcon } from "../../index-I1KnrcQZ.js";
+import { B as ButtonStyled } from "../../styled-Bq2k-APw.js";
+import { i } from "../../props-BrZdj0mO.js";
+const isButtonAsLinkProp = (props) => {
+  return props.href !== void 0;
+};
+const Button = (props) => {
+  if (isButtonAsLinkProp(props)) {
+    return /* @__PURE__ */ jsx(ButtonAsLink, { ...props });
+  }
+  return /* @__PURE__ */ jsxs(ButtonStyled, { ...props, children: [
+    props.children,
+    getButtonIcon(props.icon, props.iconPosition)
+  ] });
+};
+export {
+  Button as default,
+  i as iconPositions
+};

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

@@ -0,0 +1,65 @@
+import { IconName } from '@vfde-react/inline-icon-library/IconName';
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+import { buttonAsLinkComponentName } from '../ButtonAsLink/componentName';
+import { BrixComponentProps } from '../../foundations/BrixComponentProps';
+import { ButtonAppearances } from '../../foundations/types/ButtonAppearances';
+import { ButtonWidthBehavior } from '../../foundations/types/ButtonWidthBehavior';
+import { buttonComponentName } from './componentName';
+export declare const iconPositions: readonly ["left", "right"];
+export type IconPosition = (typeof iconPositions)[number];
+/**
+ * Shared props between Button and ButtonAsLink.
+ * @see {@link https://www.vodafone.de/simplicity/pattern/?path=/docs/action-and-navigation-button--docs } Button stories
+ */
+export interface ButtonSharedProps {
+    /**
+     * Visual style of the button.
+     * - `primary`: Solid brand-color background (high emphasis)
+     * - `secondary`: Solid black background (medium emphasis)
+     * - `tertiary`: Transparent with black border (low emphasis)
+     * @default primary
+     */
+    appearance?: ButtonAppearances;
+    /**
+     * Controls how the button fills available width.
+     * - `auto`: Button sizes to its content
+     * - `full`: Button stretches to fill container width
+     * @default auto
+     */
+    width?: ButtonWidthBehavior;
+    /**
+     * Icon name from the inline-icon-library, rendered alongside the button label.
+     * When omitted, no icon is shown.
+     * @see {@link https://www.vodafone.de/simplicity/pattern/?path=/docs/media-icon--docs} Available icons
+     */
+    icon?: IconName;
+    /**
+     * Position of the icon relative to the button label.
+     * - `left`: Icon appears before the label
+     * - `right`: Icon appears after the label
+     * @default left
+     */
+    iconPosition?: IconPosition;
+    /**
+     * Internal component name used for CMS and dynamic rendering.
+     */
+    component?: typeof buttonComponentName | typeof buttonAsLinkComponentName;
+}
+/**
+ * Props for the Button component.
+ * Renders a native `<button>` element with Vodafone brand styling.
+ * @see {@link https://www.vodafone.de/simplicity/pattern/?path=/docs/action-and-navigation-button--docs} Button stories
+ */
+export interface ButtonProps extends ButtonSharedProps, BrixComponentProps, Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
+    children?: ReactNode;
+    /**
+     * Internal component name used for CMS and dynamic rendering.
+     */
+    component?: typeof buttonComponentName;
+    /**
+     * When `true`, the button is non-interactive and visually dimmed.
+     * Has no effect on ButtonAsLink.
+     * @default false
+     */
+    disabled?: boolean;
+}

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

@@ -0,0 +1,10 @@
+import { IconLoaderProps } from '../IconLoader';
+import { ButtonProps } from './props';
+/**
+ * Button height was a token with different variants: Small, medium and large
+ * We only need one and to keep it simple, we aligned with DEV & UX to not move it into the new
+ * base & alias tokens for now, but just keep it here
+ */
+export declare const buttonHeight = "44px";
+export declare const ButtonIconStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<IconLoaderProps, keyof IconLoaderProps> & IconLoaderProps, never> & Partial<Pick<import('styled-components').FastOmit<IconLoaderProps, keyof IconLoaderProps> & IconLoaderProps, never>>> & string & Omit<({ name, className, component: _component, iconPosition: _iconPosition, bottomSpacing, ...props }: IconLoaderProps) => import("react/jsx-runtime").JSX.Element | null, keyof import('react').Component<any, {}, any>>;
+export declare const ButtonStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof ButtonProps> & ButtonProps, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof ButtonProps> & ButtonProps, never>>> & string;