@vodafone_de/publish-test 0.0.1 → 53.0.0

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

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

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

@@ -0,0 +1 @@
+export declare const inlineIconComponentName: "InlineIcon";

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

@@ -0,0 +1,5 @@
+import { InlineIconProps } from './props';
+declare const InlineIcon: ({ className, alt, coloringMode, viewBox, ...props }: InlineIconProps) => import("react/jsx-runtime").JSX.Element;
+export default InlineIcon;
+export * from './props';
+export * from './styled';

package/dist/components/InlineIcon/index.js

@@ -0,0 +1,80 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { b as inlineIconModeStroke, I as IconWithAccent } from "../../props-BBT_7iiy.js";
+import { i, a, c } from "../../props-BBT_7iiy.js";
+import styled from "styled-components";
+import { translateLayoutPropsToCss } from "../../foundations/layout/index.js";
+import { c as capitalize } from "../../index-l-i-mIeP.js";
+import { s as shouldForwardProp } from "../../shouldForwardProp-CONMmlMa.js";
+const InlineIconStyled = styled.svg.withConfig({
+  shouldForwardProp,
+  displayName: "InlineIconStyled",
+  componentId: "sc-1ez5tif-0"
+})({
+  display: "flex"
+}, ({
+  $coloringMode = inlineIconModeStroke
+}) => {
+  const complimentaryColoringMode = "fill" === $coloringMode ? "stroke" : "fill";
+  const svgChildrenCss = {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "8"
+  };
+  svgChildrenCss[`${complimentaryColoringMode}`] = "none";
+  const cssObject = {
+    "& path, & line, & polyline, & circle, & ellipse, & polygon, & rect": svgChildrenCss
+  };
+  cssObject[`${$coloringMode}`] = "currentcolor";
+  return cssObject;
+}, ({
+  size
+}) => {
+  if (!IconWithAccent.includes(size)) {
+    return {};
+  }
+  return {
+    "& .accent": {
+      stroke: "var(--colorIconBrand)"
+    }
+  };
+}, ({
+  size
+}) => ({
+  width: `var(--iconSize${capitalize(size)})`,
+  height: `var(--iconSize${capitalize(size)})`
+}), ({
+  bottomSpacing
+}) => {
+  if (!bottomSpacing) {
+    return {};
+  }
+  return {
+    marginBottom: `var(--spacing${capitalize(bottomSpacing)})`
+  };
+}, ({
+  layout
+}) => layout && translateLayoutPropsToCss(layout));
+const InlineIcon = ({
+  className,
+  alt = "",
+  coloringMode = inlineIconModeStroke,
+  viewBox = "0 0 192 192",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxs(InlineIconStyled, { ...props, className, $coloringMode: coloringMode, version: "1.1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", x: "0px", y: "0px", viewBox, xmlSpace: "preserve", ..."" === alt ? {
+    "aria-hidden": true
+  } : {}, children: [
+    "" !== alt && /* @__PURE__ */ jsx("title", { children: alt }),
+    props.children
+  ] });
+};
+export {
+  IconWithAccent,
+  InlineIconStyled,
+  InlineIcon as default,
+  i as iconSizes,
+  a as inlineIconModeFill,
+  inlineIconModeStroke,
+  c as inlineIconModes
+};

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

@@ -0,0 +1,39 @@
+import { SVGAttributes } from 'react';
+import { BrixComponentProps } from '../../foundations/BrixComponentProps';
+import { inlineIconComponentName } from './componentName';
+export declare const iconSizes: readonly ["2xs", "xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl"];
+export type IconSize = (typeof iconSizes)[number];
+export declare const IconWithAccent: ("xl" | "2xl" | "3xl" | "4xl" | "5xl")[];
+export declare const inlineIconModeFill: "fill";
+export declare const inlineIconModeStroke: "stroke";
+export declare const inlineIconModes: readonly ["fill", "stroke"];
+export type InlineIconMode = (typeof inlineIconModes)[number];
+/**
+ * Props for the InlineIcon component.
+ * Renders an SVG icon inline at the current text size.
+ */
+export interface InlineIconProps extends BrixComponentProps, SVGAttributes<SVGElement> {
+    /**
+     * Pin component's name
+     */
+    component?: typeof inlineIconComponentName;
+    /**
+     * Icons are generally assumed to be decorative and not content-bearing.
+     * If an icon transports content, then alt text must be used to store a text for screen readers
+     */
+    alt?: string;
+    /**
+     * This props is an workaround for the inconsistent svg
+     * Some need coloring mode fill,
+     */
+    coloringMode?: InlineIconMode;
+    /**
+     * This props is an workaround for the inconsistent svg
+     * Some icons have a different viewbox the '0 0 192 192'
+     */
+    viewBox?: string;
+    /**
+     * size defines the height and width of the icon
+     */
+    size: IconSize;
+}

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

@@ -0,0 +1,6 @@
+import { InlineIconMode, InlineIconProps } from './props';
+export declare const InlineIconStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').SVGProps<SVGSVGElement>, "string" | "end" | "alignmentBaseline" | "alphabetic" | "ideographic" | "mathematical" | "accumulate" | "local" | "color" | "baselineShift" | "clipPath" | "clipRule" | "colorInterpolationFilters" | "layout" | "size" | "style" | "cursor" | "cx" | "cy" | "d" | "direction" | "display" | "dominantBaseline" | "hanging" | "fill" | "fillOpacity" | "fillRule" | "filter" | "floodColor" | "floodOpacity" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStyle" | "fontVariant" | "unicode" | "fontWeight" | "height" | "imageRendering" | "letterSpacing" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "opacity" | "order" | "clip" | "paintOrder" | "stroke" | "pointerEvents" | "r" | "rotate" | "rx" | "ry" | "scale" | "x" | "y" | "shapeRendering" | "stopColor" | "stopOpacity" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "textRendering" | "transform" | "unicodeBidi" | "vectorEffect" | "visibility" | "width" | "wordSpacing" | "writingMode" | "mask" | "offset" | "overflow" | "textDecoration" | "fontStretch" | "colorInterpolation" | "colorRendering" | "glyphOrientationVertical" | "values" | "key" | "component" | "uid" | "bottomSpacing" | "children" | "suppressHydrationWarning" | "className" | "id" | "lang" | "tabIndex" | "role" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "elevation" | "orientation" | "spacing" | "path" | "target" | "origin" | "href" | "media" | "type" | "name" | "max" | "method" | "min" | "crossOrigin" | "accentHeight" | "additive" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorProfile" | "contentScriptType" | "contentStyleType" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "enableBackground" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mode" | "numOctaves" | "operator" | "orient" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "seed" | "slope" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan" | "alt" | "$coloringMode"> & Omit<InlineIconProps, "coloringMode"> & {
+    $coloringMode: InlineIconMode;
+}, never> & Partial<Pick<import('styled-components').FastOmit<import('react').SVGProps<SVGSVGElement>, "string" | "end" | "alignmentBaseline" | "alphabetic" | "ideographic" | "mathematical" | "accumulate" | "local" | "color" | "baselineShift" | "clipPath" | "clipRule" | "colorInterpolationFilters" | "layout" | "size" | "style" | "cursor" | "cx" | "cy" | "d" | "direction" | "display" | "dominantBaseline" | "hanging" | "fill" | "fillOpacity" | "fillRule" | "filter" | "floodColor" | "floodOpacity" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStyle" | "fontVariant" | "unicode" | "fontWeight" | "height" | "imageRendering" | "letterSpacing" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "opacity" | "order" | "clip" | "paintOrder" | "stroke" | "pointerEvents" | "r" | "rotate" | "rx" | "ry" | "scale" | "x" | "y" | "shapeRendering" | "stopColor" | "stopOpacity" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "textRendering" | "transform" | "unicodeBidi" | "vectorEffect" | "visibility" | "width" | "wordSpacing" | "writingMode" | "mask" | "offset" | "overflow" | "textDecoration" | "fontStretch" | "colorInterpolation" | "colorRendering" | "glyphOrientationVertical" | "values" | "key" | "component" | "uid" | "bottomSpacing" | "children" | "suppressHydrationWarning" | "className" | "id" | "lang" | "tabIndex" | "role" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "elevation" | "orientation" | "spacing" | "path" | "target" | "origin" | "href" | "media" | "type" | "name" | "max" | "method" | "min" | "crossOrigin" | "accentHeight" | "additive" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorProfile" | "contentScriptType" | "contentStyleType" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "enableBackground" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mode" | "numOctaves" | "operator" | "orient" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "seed" | "slope" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan" | "alt" | "$coloringMode"> & Omit<InlineIconProps, "coloringMode"> & {
+    $coloringMode: InlineIconMode;
+}, never>>> & string;

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

@@ -0,0 +1,4 @@
+import { InlineIconProps } from './props';
+export declare const iconSizes: readonly ["2xs", "xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl"];
+export declare const coloringModes: readonly ["fill", "stroke"];
+export declare const validateInlineIconProps: (props: unknown) => props is InlineIconProps;

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

@@ -0,0 +1 @@
+export declare const inlineLinkComponentName: "InlineLink";

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

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

package/dist/components/InlineLink/index.js

@@ -0,0 +1,55 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useLinkComponent } from "../../hooks/useLinkComponent/index.js";
+import { s as sanitizeLinkProps } from "../../sanitizeLinkProps-D2Kkovy1.js";
+import { p as pickDomProps } from "../../shouldForwardProp-CONMmlMa.js";
+import styled from "styled-components";
+import forcedColors from "../../foundations/media-query/forcedColors/index.js";
+import { e as ease_in_sine } from "../../easing-Dm-pO8SY.js";
+import { getBorderColor } from "../../foundations/token/getBorderColor/index.js";
+import { getBorderWidth } from "../../foundations/token/getBorderWidth/index.js";
+import { getTextColor } from "../../foundations/token/getTextColor/index.js";
+import { c as colorBorderFocus } from "../../BorderColor-BACbvI20.js";
+import { b as borderWidthFocus } from "../../BorderWidth-CwrNKc0Q.js";
+import { f as colorTextBrand, a as colorTextNeutral } from "../../TextColor-DsntmDNw.js";
+const hover = {
+  textDecoration: "none",
+  color: getTextColor(colorTextBrand)
+};
+const InlineLinkStyled = styled.span.withConfig({
+  displayName: "InlineLinkStyled",
+  componentId: "sc-8ybnmv-0"
+})({
+  "& a": {
+    cursor: "pointer",
+    color: getTextColor(colorTextNeutral),
+    textDecoration: "underline",
+    transition: `color 0.2s ${ease_in_sine}`,
+    verticalAlign: "baseline"
+  },
+  "&:focus-within a": {
+    ...forcedColors({
+      outline: `${getBorderWidth(borderWidthFocus)} solid CanvasText`
+    }),
+    boxShadow: `${getBorderColor(colorBorderFocus)} 0px 0px 0px ${getBorderWidth(borderWidthFocus)}`,
+    outline: "none",
+    ...hover
+  },
+  "&:visited a": {
+    color: getTextColor(colorTextNeutral)
+  },
+  "&:hover a": hover,
+  "& a:focus-visible": {
+    outline: "none"
+  }
+});
+const InlineLink = ({
+  className,
+  ...props
+}) => {
+  const LinkComponent = useLinkComponent();
+  return /* @__PURE__ */ jsx(InlineLinkStyled, { className, children: /* @__PURE__ */ jsx(LinkComponent, { ...sanitizeLinkProps(pickDomProps(props)), children: props.children }) });
+};
+export {
+  InlineLink as default
+};

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

@@ -0,0 +1,23 @@
+import { AnchorHTMLAttributes, ReactNode } from 'react';
+import { BrixComponentProps } from '../../foundations/BrixComponentProps';
+import { inlineLinkComponentName } from './componentName';
+/**
+ * Props for the InlineLink component.
+ * Renders an `<a>` element for use within running text (inline context).
+ * Does not support `bottomSpacing` since it's always inline.
+ * @see {@link https://www.vodafone.de/simplicity/pattern/?path=/docs/action-and-navigation-inlinelink--docs} InlineLink stories
+ */
+export interface InlineLinkProps extends Omit<BrixComponentProps, 'bottomSpacing'>, AnchorHTMLAttributes<HTMLAnchorElement> {
+    /**
+     * Internal component name used for CMS and dynamic rendering.
+     */
+    component?: typeof inlineLinkComponentName;
+    /**
+     * The visible link content (typically text within a paragraph).
+     */
+    children: ReactNode;
+    /**
+     * The URL the link navigates to.
+     */
+    href: string;
+}

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

@@ -0,0 +1 @@
+export declare const InlineLinkStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;

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

@@ -0,0 +1,3 @@
+import { InlineLinkProps } from './props';
+export declare const validateInlineLinkProps: (props: unknown) => props is InlineLinkProps;
+export declare const isInlineLinkProps: (props: unknown) => props is InlineLinkProps;

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

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

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

@@ -0,0 +1 @@
+export declare const inputComponentName: "Input";

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

@@ -0,0 +1,4 @@
+import { InputProps } from './props';
+declare const Input: ({ uid, status, helperText, errorMessage, label, onUpdate, type, bottomSpacing, placeholder, ref, inputGroupMode, layout, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
+export default Input;
+export * from './props';

package/dist/components/Input/index.js

@@ -0,0 +1,51 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import FormElement from "../FormElement/index.js";
+import FormHelperLabel from "../FormHelperLabel/index.js";
+import FormHelperMessage from "../FormHelperMessage/index.js";
+import { s as spacingMd, a as spacingXs } from "../../Spacing-Dj-qX3Z5.js";
+import { i as inputStateError, a as inputStateSuccess } from "../../props-Czq9XX2J.js";
+import { I as InputWrapperStyled, a as InputStyled } from "../../styled-BkCUjXbJ.js";
+const Input = ({
+  uid,
+  status,
+  helperText,
+  errorMessage,
+  label,
+  onUpdate,
+  type = "text",
+  bottomSpacing = spacingMd,
+  placeholder,
+  ref,
+  inputGroupMode,
+  layout,
+  ...props
+}) => {
+  const messageId = `text-${uid}`;
+  const inputProps = {
+    ...props,
+    id: uid,
+    type,
+    "aria-describedby": inputStateError !== status && helperText || inputStateError === status && errorMessage ? messageId : props["aria-describedby"],
+    "aria-invalid": inputStateError === status ? true : inputStateSuccess === status ? false : void 0
+  };
+  const onChange = (event) => {
+    if (props.onChange) {
+      props.onChange(event);
+    }
+    if (!onUpdate) {
+      return;
+    }
+    onUpdate(event.target.value);
+  };
+  return /* @__PURE__ */ jsxs(FormElement, { bottomSpacing, disabled: props.disabled, layout, children: [
+    !inputGroupMode && /* @__PURE__ */ jsx(FormHelperLabel, { label, uid }),
+    /* @__PURE__ */ jsx(InputWrapperStyled, { status, readOnly: props.readOnly, bottomSpacing: inputStateError !== status && helperText || inputStateError === status && errorMessage ? spacingXs : void 0, children: /* @__PURE__ */ jsx(InputStyled, { ...inputProps, placeholder, ref, onChange, "aria-label": inputGroupMode && typeof label === "string" ? label : void 0 }) }),
+    /* @__PURE__ */ jsx(FormHelperMessage, { id: messageId, status, message: inputStateError === status ? errorMessage : helperText })
+  ] });
+};
+export {
+  Input as default,
+  inputStateError,
+  inputStateSuccess
+};

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

@@ -0,0 +1,81 @@
+import { InputHTMLAttributes, Ref } from 'react';
+import { LabelProps } from '../Label/props';
+import { BrixComponentProps } from '../../foundations/BrixComponentProps';
+import { inputComponentName } from './componentName';
+export declare const inputStateSuccess: "success";
+export declare const inputStateError: "error";
+export type InputStatus = typeof inputStateSuccess | typeof inputStateError;
+/**
+ * Shared props for all form input components (Input, Textarea, SelectInput).
+ */
+export interface InputSharedProps extends BrixComponentProps {
+    /**
+     * Unique identifier for the input element. Used for label association and form submission.
+     */
+    uid: string;
+    /**
+     * Validation status of the input.
+     * - `success`: Input value is valid (shows success styling)
+     * - `error`: Input value is invalid (shows error styling and error message)
+     *
+     * When omitted, the input renders in its default/neutral state.
+     */
+    status?: InputStatus;
+    /**
+     * Message displayed below the input when `status` is `'error'`.
+     */
+    errorMessage?: string;
+    /**
+     * Helper text displayed below the input in default and success states.
+     * Useful for format hints or additional context.
+     */
+    helperText?: string;
+    /**
+     * Label displayed above the input. Can be a plain string or a LabelProps object for advanced configuration.
+     */
+    label: string | LabelProps;
+    /**
+     * When `true`, the input is non-interactive and visually dimmed.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * When `true`, the input must be filled before form submission.
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * Enables rendering behavior required when this component is used within an InputGroup.
+     * @internal Intended for internal library use only. Do not use directly.
+     * When enabled, the label and status icon are hidden.
+     */
+    inputGroupMode?: boolean;
+}
+/**
+ * Props for the Input component.
+ * Renders a single-line text input with label, validation states, and helper text.
+ * @see {@link https://www.vodafone.de/simplicity/pattern/?path=/docs/input-and-selection-input--docs} Input stories
+ */
+/**
+ * HTML input type.
+ * - `text`: Standard text input
+ * - `password`: Masked password input
+ * - `email`: Email address input (with validation)
+ * - `tel`: Telephone number input
+ * - `url`: URL input (with validation)
+ */
+export interface InputProps extends InputSharedProps, Omit<InputHTMLAttributes<HTMLInputElement>, 'children'> {
+    /**
+     * Ref forwarded to the input element
+     */
+    ref?: Ref<HTMLInputElement>;
+    type?: 'text' | 'password' | 'email' | 'tel' | 'url';
+    /**
+     * Callback fired on every value change. Receives the current input value as a string.
+     */
+    onUpdate?: (value: string) => void;
+    /**
+     * Internal component name used for CMS and dynamic rendering.
+     */
+    component?: typeof inputComponentName;
+}

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

@@ -0,0 +1,9 @@
+import { InputHTMLAttributes } from 'react';
+import { BrixComponentProps } from '../../foundations/BrixComponentProps';
+import { InputProps, InputStatus } from './props';
+export declare const InputWrapperStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BrixComponentProps | "status" | "readOnly"> & BrixComponentProps & Pick<InputProps, "readOnly"> & {
+    status?: InputStatus;
+}, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BrixComponentProps | "status" | "readOnly"> & BrixComponentProps & Pick<InputProps, "readOnly"> & {
+    status?: InputStatus;
+}, never>>> & string;
+export declare const InputStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof InputHTMLAttributes<HTMLInputElement>> & InputHTMLAttributes<HTMLInputElement>, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof InputHTMLAttributes<HTMLInputElement>> & InputHTMLAttributes<HTMLInputElement>, never>>> & string;