@vodafone_de/publish-test 0.0.1 → 53.0.0

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

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

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

@@ -0,0 +1 @@
+export declare const dividerComponentName: "Divider";

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

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

package/dist/components/Divider/index.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+import { translateLayoutPropsToCss } from "../../foundations/layout/index.js";
+import forcedColors from "../../foundations/media-query/forcedColors/index.js";
+import { getBorderColor } from "../../foundations/token/getBorderColor/index.js";
+import { getBorderWidth } from "../../foundations/token/getBorderWidth/index.js";
+import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
+import { f as colorBorderSubtle } from "../../BorderColor-BACbvI20.js";
+import { s as spacingMd } from "../../Spacing-Dj-qX3Z5.js";
+import { s as shouldForwardProp } from "../../shouldForwardProp-CONMmlMa.js";
+const DividerLineStyled = styled.hr.withConfig({
+  shouldForwardProp,
+  displayName: "DividerLineStyled",
+  componentId: "sc-z1o6x6-0"
+})({
+  ...forcedColors({
+    border: `${getBorderWidth("Divider")} solid CanvasText`
+  }),
+  border: `${getBorderWidth("Divider")} solid ${getBorderColor(colorBorderSubtle)}`,
+  borderBottom: "none",
+  width: "100%"
+}, ({
+  bottomSpacing = spacingMd
+}) => getBottomSpacing({
+  bottomSpacing
+}), ({
+  layout
+}) => layout && translateLayoutPropsToCss(layout));
+const Divider = (props) => /* @__PURE__ */ jsx(DividerLineStyled, { ...props });
+export {
+  Divider as default
+};

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

@@ -0,0 +1,14 @@
+import { HTMLAttributes } from 'react';
+import { BrixComponentProps } from '../../foundations/BrixComponentProps';
+import { dividerComponentName } from './componentName';
+/**
+ * Props for the Divider component.
+ * A horizontal rule (`<hr>`) for visually separating content sections.
+ * @see {@link https://www.vodafone.de/simplicity/pattern/?path=/docs/layout-and-structure-divider--docs} Divider stories
+ */
+export interface DividerProps extends BrixComponentProps, Omit<HTMLAttributes<HTMLHRElement>, 'children'> {
+    /**
+     * Internal component name used for CMS and dynamic rendering.
+     */
+    component?: typeof dividerComponentName;
+}

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

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

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

@@ -0,0 +1,69 @@
+import { default as z } from 'zod';
+import { DividerCmsProps } from '../../contentful/props';
+import { ValidationResult } from '../../utils/validation/Validation';
+export declare const dividerSchema: 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<"Divider">;
+}, z.core.$loose>;
+export declare const validateDividerProps: (props: unknown) => ValidationResult<DividerCmsProps>;
+export declare const isDividerProps: (props: unknown) => props is DividerCmsProps;

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

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

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

@@ -0,0 +1 @@
+export declare const energySnippetComponentName: "EnergySnippet";

package/dist/components/EnergySnippet/components/EnergyLabelSvg/index.d.ts

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

package/dist/components/EnergySnippet/components/EnergyLabelSvg/letterPathMapping.d.ts

@@ -0,0 +1,8 @@
+import { EnergyClass } from '../../props';
+/**
+ * Each letter in the separate SVGs had a separate path.
+ * The paths are mapped here once so that the path of the corresponding letter can be rendered.
+ */
+export declare const letterPathMapping: {
+    [key in EnergyClass]: string;
+};

package/dist/components/EnergySnippet/components/EnergyLabelSvg/props.d.ts

@@ -0,0 +1,2 @@
+import { EnergySnippetProps } from '../..';
+export type EnergyLabelSvgProps = Pick<EnergySnippetProps, 'energyClass' | 'size'>;

package/dist/components/EnergySnippet/components/EnergyLabelSvg/styled.d.ts

@@ -0,0 +1,8 @@
+import { EnergyLabelSvgProps } from './props';
+export declare const EnergyLabelSvgStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').SVGProps<SVGSVGElement>, "size"> & Pick<EnergyLabelSvgProps, "size">, never> & Partial<Pick<import('styled-components').FastOmit<import('react').SVGProps<SVGSVGElement>, "size"> & Pick<EnergyLabelSvgProps, "size">, never>>> & string;
+export declare const EnergyLabelSvgSideBgStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').SVGProps<SVGRectElement>, never> & Partial<Pick<import('react').SVGProps<SVGRectElement>, never>>> & string;
+export declare const EnergyLabelSvgSideLetterStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').SVGProps<SVGPathElement>, never> & Partial<Pick<import('react').SVGProps<SVGPathElement>, never>>> & string;
+export declare const EnergyLabelSvgSideArrowStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').SVGProps<SVGPathElement>, never> & Partial<Pick<import('react').SVGProps<SVGPathElement>, never>>> & string;
+export declare const EnergyLabelSvgColoredBgPathStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').SVGProps<SVGPathElement>, "energyClass"> & Pick<EnergyLabelSvgProps, "energyClass">, never> & Partial<Pick<import('styled-components').FastOmit<import('react').SVGProps<SVGPathElement>, "energyClass"> & Pick<EnergyLabelSvgProps, "energyClass">, never>>> & string;
+export declare const EnergyLabelSvgBorderPathStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').SVGProps<SVGPathElement>, never> & Partial<Pick<import('react').SVGProps<SVGPathElement>, never>>> & string;
+export declare const EnergyLabelSvgLetterPathStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').SVGProps<SVGPathElement>, never> & Partial<Pick<import('react').SVGProps<SVGPathElement>, never>>> & string;

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

@@ -0,0 +1,4 @@
+import { EnergySnippetProps } from './props';
+declare const EnergySnippet: ({ energyClass, size, imageLink, link, orientation, component: _component, ...props }: EnergySnippetProps) => import("react/jsx-runtime").JSX.Element;
+export default EnergySnippet;
+export * from './props';

package/dist/components/EnergySnippet/index.js

@@ -0,0 +1,174 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import Link from "../Link/index.js";
+import { b as spacingNone } from "../../Spacing-Dj-qX3Z5.js";
+import styled from "styled-components";
+import { v as viewport } from "../../index-CG4uiVbZ.js";
+import { s as shouldForwardProp } from "../../shouldForwardProp-CONMmlMa.js";
+import { F as FlexStyled } from "../../styled-DyZTV652.js";
+import UtilityLink from "../UtilityLink/index.js";
+import { e, a, b } from "../../props-DFHEdEnk.js";
+const letterPathMapping = {
+  A: "M46.99,29.398c0.118,0.365 0.186,0.649 0.22,0.86c0.025,0.211 -0.009,0.365 -0.118,0.47c-0.11,0.106 -0.296,0.171 -0.566,0.195c-0.269,0.024 -0.64,0.04 -1.113,0.04c-0.472,0 -0.877,0 -1.147,-0.024c-0.27,-0.024 -0.489,-0.049 -0.633,-0.089c-0.143,-0.049 -0.244,-0.106 -0.303,-0.187c-0.059,-0.081 -0.11,-0.186 -0.143,-0.316l-1.257,-3.916l-7.035,-0l-1.189,3.811c-0.042,0.138 -0.092,0.259 -0.151,0.357c-0.06,0.097 -0.161,0.17 -0.304,0.227c-0.143,0.056 -0.337,0.089 -0.591,0.113c-0.253,0.016 -0.59,0.033 -1.003,0.033c-0.447,-0 -0.793,-0.017 -1.046,-0.049c-0.253,-0.033 -0.422,-0.106 -0.523,-0.219c-0.093,-0.114 -0.126,-0.276 -0.101,-0.487c0.025,-0.21 0.101,-0.494 0.219,-0.843l5.778,-17.28c0.059,-0.17 0.126,-0.308 0.202,-0.413c0.076,-0.105 0.202,-0.186 0.371,-0.243c0.169,-0.057 0.405,-0.089 0.7,-0.106c0.295,-0.016 0.692,-0.024 1.189,-0.024c0.566,0 1.021,0 1.358,0.024c0.338,0.025 0.599,0.049 0.793,0.106c0.194,0.057 0.321,0.138 0.405,0.251c0.084,0.114 0.152,0.26 0.211,0.454l5.786,17.272l-0.009,-0.017Zm-8.594,-14.287l-0.017,-0l-2.648,8.279l5.313,-0l-2.648,-8.279Z",
+  B: "M45.212,25.028c-0,0.689 -0.093,1.322 -0.279,1.881c-0.185,0.56 -0.438,1.062 -0.759,1.492c-0.32,0.43 -0.708,0.803 -1.155,1.111c-0.447,0.308 -0.945,0.568 -1.485,0.77c-0.539,0.203 -1.113,0.349 -1.729,0.446c-0.615,0.098 -1.298,0.146 -2.049,0.146l-4.976,0c-0.321,0 -0.582,-0.097 -0.802,-0.292c-0.219,-0.194 -0.329,-0.511 -0.329,-0.957l0,-16.979c0,-0.438 0.11,-0.762 0.329,-0.957c0.22,-0.195 0.481,-0.292 0.802,-0.292l4.706,0c1.147,0 2.117,0.097 2.918,0.3c0.801,0.203 1.468,0.503 2.016,0.908c0.548,0.406 0.962,0.925 1.248,1.541c0.287,0.616 0.439,1.354 0.439,2.197c-0,0.471 -0.059,0.917 -0.177,1.33c-0.118,0.414 -0.287,0.795 -0.506,1.135c-0.22,0.341 -0.498,0.641 -0.818,0.901c-0.321,0.259 -0.692,0.47 -1.105,0.632c0.531,0.097 1.02,0.276 1.467,0.527c0.447,0.251 0.844,0.576 1.173,0.973c0.337,0.397 0.598,0.86 0.792,1.395c0.194,0.535 0.287,1.127 0.287,1.792l-0.008,-0Zm-4.917,-8.206c-0,-0.389 -0.059,-0.746 -0.178,-1.054c-0.118,-0.308 -0.286,-0.568 -0.523,-0.779c-0.227,-0.202 -0.522,-0.365 -0.877,-0.47c-0.354,-0.114 -0.826,-0.162 -1.408,-0.162l-1.923,-0l-0,5.06l2.125,-0c0.549,-0 0.987,-0.065 1.316,-0.203c0.329,-0.138 0.599,-0.324 0.818,-0.56c0.219,-0.235 0.38,-0.51 0.489,-0.827c0.11,-0.316 0.161,-0.648 0.161,-0.997l-0,-0.008Zm0.97,8.344c-0,-0.454 -0.076,-0.86 -0.22,-1.217c-0.143,-0.356 -0.354,-0.656 -0.632,-0.892c-0.279,-0.243 -0.641,-0.429 -1.071,-0.559c-0.439,-0.13 -0.996,-0.195 -1.696,-0.195l-2.26,0l-0,5.539l2.749,-0c0.532,-0 0.979,-0.057 1.341,-0.171c0.363,-0.113 0.675,-0.284 0.945,-0.511c0.262,-0.227 0.472,-0.502 0.624,-0.843c0.152,-0.34 0.228,-0.722 0.228,-1.151l-0.009,-0Z",
+  C: "M44.604,27.923c-0,0.251 -0,0.462 -0.026,0.64c-0.025,0.178 -0.033,0.324 -0.067,0.454c-0.025,0.13 -0.068,0.235 -0.118,0.324c-0.051,0.09 -0.127,0.195 -0.228,0.309c-0.11,0.113 -0.312,0.259 -0.616,0.446c-0.303,0.178 -0.674,0.356 -1.113,0.519c-0.438,0.162 -0.945,0.3 -1.501,0.413c-0.565,0.114 -1.173,0.162 -1.83,0.162c-1.282,0 -2.438,-0.202 -3.475,-0.616c-1.029,-0.414 -1.915,-1.03 -2.632,-1.841c-0.725,-0.819 -1.282,-1.84 -1.661,-3.065c-0.388,-1.224 -0.582,-2.651 -0.582,-4.273c-0,-1.622 0.21,-3.13 0.632,-4.411c0.422,-1.281 1.021,-2.36 1.78,-3.235c0.759,-0.876 1.678,-1.533 2.741,-1.987c1.063,-0.454 2.243,-0.681 3.525,-0.681c0.523,-0 1.021,0.048 1.502,0.138c0.481,0.089 0.928,0.21 1.341,0.356c0.413,0.146 0.776,0.317 1.105,0.503c0.329,0.187 0.556,0.357 0.691,0.487c0.127,0.137 0.22,0.251 0.27,0.34c0.051,0.089 0.084,0.203 0.118,0.349c0.026,0.138 0.051,0.308 0.068,0.495c0.017,0.194 0.025,0.429 0.025,0.705c0,0.3 -0.008,0.559 -0.025,0.77c-0.017,0.211 -0.051,0.381 -0.102,0.511c-0.05,0.13 -0.109,0.227 -0.177,0.284c-0.067,0.057 -0.143,0.089 -0.227,0.089c-0.144,0 -0.329,-0.089 -0.549,-0.259c-0.219,-0.179 -0.506,-0.373 -0.86,-0.584c-0.354,-0.219 -0.776,-0.414 -1.257,-0.584c-0.489,-0.178 -1.071,-0.268 -1.745,-0.268c-0.743,0.001 -1.409,0.163 -1.991,0.471c-0.582,0.316 -1.08,0.77 -1.493,1.354c-0.413,0.584 -0.725,1.297 -0.936,2.133c-0.211,0.835 -0.321,1.775 -0.321,2.813c0,1.144 0.11,2.133 0.338,2.976c0.228,0.835 0.548,1.525 0.97,2.068c0.421,0.543 0.928,0.949 1.518,1.216c0.59,0.268 1.265,0.397 2.007,0.397c0.675,0 1.257,-0.081 1.755,-0.251c0.497,-0.17 0.911,-0.349 1.265,-0.551c0.354,-0.203 0.641,-0.381 0.868,-0.544c0.228,-0.162 0.405,-0.243 0.532,-0.243c0.093,0 0.177,0.024 0.228,0.057c0.059,0.04 0.109,0.122 0.143,0.243c0.042,0.122 0.067,0.292 0.084,0.503c0.017,0.219 0.026,0.503 0.026,0.868Z",
+  D: "M47.211,20.844c-0,1.784 -0.228,3.316 -0.675,4.581c-0.447,1.273 -1.096,2.303 -1.931,3.106c-0.844,0.803 -1.865,1.395 -3.062,1.768c-1.198,0.373 -2.632,0.567 -4.293,0.567l-4.47,0c-0.321,0 -0.582,-0.097 -0.802,-0.292c-0.219,-0.194 -0.329,-0.511 -0.329,-0.957l0,-16.971c0,-0.438 0.11,-0.762 0.329,-0.957c0.22,-0.194 0.481,-0.292 0.802,-0.292l4.807,0c1.67,0 3.087,0.203 4.251,0.608c1.164,0.406 2.142,1.006 2.935,1.809c0.793,0.794 1.4,1.784 1.814,2.959c0.413,1.176 0.624,2.538 0.624,4.079l-0,-0.008Zm-3.939,0.138c-0,-0.925 -0.101,-1.784 -0.312,-2.571c-0.211,-0.794 -0.54,-1.484 -0.995,-2.059c-0.456,-0.584 -1.046,-1.038 -1.763,-1.363c-0.717,-0.324 -1.662,-0.486 -2.826,-0.486l-1.923,-0l0,13.249l1.982,0c1.046,0 1.923,-0.137 2.632,-0.421c0.717,-0.284 1.307,-0.706 1.788,-1.273c0.481,-0.568 0.835,-1.273 1.071,-2.117c0.236,-0.843 0.354,-1.824 0.354,-2.951l-0.008,-0.008Z",
+  E: "M43.983,29.326c-0,0.291 -0.009,0.535 -0.037,0.729c-0.028,0.195 -0.065,0.357 -0.121,0.471c-0.056,0.113 -0.12,0.21 -0.195,0.259c-0.083,0.057 -0.167,0.081 -0.26,0.081l-10.354,0c-0.352,0 -0.64,-0.097 -0.881,-0.292c-0.241,-0.194 -0.362,-0.511 -0.362,-0.957l0,-16.971c0,-0.438 0.121,-0.762 0.362,-0.957c0.241,-0.194 0.529,-0.292 0.881,-0.292l10.29,0c0.092,0 0.176,0.025 0.25,0.073c0.074,0.049 0.139,0.138 0.195,0.26c0.056,0.121 0.093,0.284 0.12,0.478c0.028,0.195 0.038,0.446 0.038,0.746c-0,0.284 -0.01,0.519 -0.038,0.714c-0.027,0.194 -0.064,0.356 -0.12,0.47c-0.056,0.122 -0.121,0.211 -0.195,0.259c-0.074,0.057 -0.158,0.082 -0.25,0.082l-7.358,-0l0,4.759l6.226,0c0.092,0 0.185,0.025 0.259,0.081c0.084,0.057 0.149,0.138 0.195,0.26c0.056,0.113 0.093,0.267 0.121,0.47c0.028,0.195 0.037,0.438 0.037,0.714c-0,0.275 -0.009,0.535 -0.037,0.721c-0.028,0.195 -0.065,0.341 -0.121,0.463c-0.055,0.113 -0.12,0.194 -0.195,0.251c-0.083,0.049 -0.167,0.073 -0.259,0.073l-6.226,-0l0,5.498l7.422,-0c0.093,-0 0.186,0.024 0.26,0.081c0.084,0.056 0.149,0.146 0.195,0.267c0.046,0.122 0.093,0.276 0.121,0.471c0.028,0.194 0.037,0.437 0.037,0.729l-0,0.009Z",
+  F: "M42.159,13.019c-0,0.3 -0.009,0.551 -0.034,0.762c-0.026,0.203 -0.059,0.373 -0.118,0.487c-0.051,0.121 -0.11,0.21 -0.177,0.267c-0.068,0.057 -0.144,0.089 -0.228,0.089l-6.123,0l-0,5.239l5.743,-0c0.085,-0 0.161,0.024 0.228,0.073c0.068,0.048 0.127,0.137 0.177,0.259c0.051,0.122 0.093,0.284 0.118,0.479c0.026,0.202 0.034,0.454 0.034,0.754c0,0.3 -0.008,0.551 -0.034,0.754c-0.025,0.202 -0.059,0.365 -0.118,0.494c-0.05,0.13 -0.109,0.227 -0.177,0.276c-0.067,0.057 -0.143,0.081 -0.228,0.081l-5.743,0l-0,7.257c-0,0.114 -0.026,0.203 -0.085,0.284c-0.059,0.081 -0.16,0.146 -0.312,0.203c-0.152,0.057 -0.346,0.097 -0.59,0.13c-0.245,0.032 -0.548,0.048 -0.928,0.048c-0.38,0 -0.675,-0.016 -0.919,-0.048c-0.245,-0.033 -0.439,-0.073 -0.591,-0.13c-0.143,-0.057 -0.244,-0.122 -0.312,-0.203c-0.059,-0.081 -0.093,-0.178 -0.093,-0.284l0,-17.644c0,-0.438 0.11,-0.762 0.329,-0.957c0.22,-0.194 0.481,-0.292 0.802,-0.292l8.813,0c0.085,0 0.161,0.024 0.228,0.081c0.068,0.057 0.127,0.146 0.177,0.268c0.051,0.121 0.093,0.292 0.118,0.503c0.026,0.21 0.034,0.47 0.034,0.77l0.009,-0Z",
+  G: "M46.671,14.422c-0,0.291 -0.008,0.543 -0.034,0.754c-0.025,0.21 -0.059,0.381 -0.101,0.502c-0.042,0.13 -0.093,0.211 -0.16,0.268c-0.059,0.049 -0.135,0.073 -0.228,0.073c-0.127,-0 -0.329,-0.089 -0.607,-0.268c-0.279,-0.178 -0.65,-0.373 -1.114,-0.583c-0.464,-0.211 -1.012,-0.406 -1.661,-0.584c-0.641,-0.179 -1.383,-0.268 -2.235,-0.268c-0.911,0 -1.729,0.162 -2.463,0.487c-0.734,0.324 -1.358,0.786 -1.881,1.386c-0.523,0.6 -0.919,1.314 -1.198,2.149c-0.278,0.835 -0.421,1.768 -0.421,2.781c-0,1.111 0.143,2.092 0.43,2.944c0.287,0.851 0.683,1.557 1.197,2.132c0.515,0.576 1.131,1.006 1.848,1.298c0.716,0.292 1.509,0.438 2.378,0.438c0.422,-0 0.843,-0.049 1.257,-0.155c0.413,-0.097 0.801,-0.251 1.155,-0.454l0,-4.516l-3.551,-0c-0.177,-0 -0.312,-0.114 -0.404,-0.341c-0.093,-0.227 -0.144,-0.608 -0.144,-1.151c0,-0.284 0.009,-0.519 0.034,-0.705c0.025,-0.187 0.059,-0.341 0.11,-0.463c0.05,-0.113 0.109,-0.202 0.177,-0.259c0.067,-0.057 0.143,-0.081 0.227,-0.081l6.326,-0c0.152,-0 0.295,0.024 0.414,0.081c0.118,0.057 0.227,0.138 0.32,0.251c0.093,0.114 0.16,0.243 0.211,0.398c0.05,0.154 0.076,0.332 0.076,0.535l-0,7.752c-0,0.3 -0.051,0.567 -0.152,0.794c-0.101,0.227 -0.312,0.406 -0.624,0.535c-0.312,0.13 -0.7,0.268 -1.164,0.406c-0.464,0.138 -0.945,0.259 -1.442,0.365c-0.498,0.105 -0.996,0.178 -1.502,0.227c-0.506,0.048 -1.012,0.073 -1.526,0.073c-1.493,-0 -2.834,-0.227 -4.015,-0.673c-1.181,-0.446 -2.185,-1.095 -3.003,-1.938c-0.818,-0.852 -1.45,-1.881 -1.88,-3.106c-0.439,-1.216 -0.65,-2.603 -0.65,-4.143c0,-1.541 0.228,-3.025 0.692,-4.298c0.464,-1.273 1.121,-2.351 1.965,-3.235c0.852,-0.892 1.872,-1.565 3.078,-2.044c1.198,-0.47 2.539,-0.705 4.015,-0.705c0.81,-0 1.552,0.057 2.218,0.17c0.667,0.114 1.249,0.26 1.746,0.422c0.498,0.162 0.911,0.34 1.24,0.535c0.329,0.195 0.557,0.357 0.692,0.495c0.126,0.137 0.227,0.34 0.278,0.592c0.059,0.259 0.084,0.632 0.084,1.135l-0.008,-0.008Z"
+};
+const energyClassColorMap = {
+  A: "#00A651",
+  B: "#50B848",
+  C: "#BFD730",
+  D: "#FFF200",
+  E: "#FDB913",
+  F: "#F37021",
+  G: "#ED1C24"
+};
+const imageSizeByViewport = {
+  sm: {
+    width: "44px",
+    height: "24px",
+    ...viewport.md({
+      width: "58px",
+      height: "32px"
+    })
+  },
+  md: {
+    width: "56px",
+    height: "32px",
+    ...viewport.md({
+      width: "63px",
+      height: "36px"
+    })
+  },
+  lg: {
+    width: "68px",
+    height: "36px",
+    ...viewport.md({
+      width: "76px",
+      height: "40px"
+    })
+  }
+};
+const EnergyLabelSvgStyled = styled.svg.withConfig({
+  shouldForwardProp,
+  displayName: "EnergyLabelSvgStyled",
+  componentId: "sc-nd9144-0"
+})({
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+}, ({
+  size = "md"
+}) => imageSizeByViewport[size]);
+const EnergyLabelSvgSideBgStyled = styled.rect.withConfig({
+  displayName: "EnergyLabelSvgSideBgStyled",
+  componentId: "sc-nd9144-1"
+})({
+  fill: "#fff",
+  fillRule: "nonzero"
+});
+const EnergyLabelSvgSideLetterStyled = styled.path.withConfig({
+  displayName: "EnergyLabelSvgSideLetterStyled",
+  componentId: "sc-nd9144-2"
+})({
+  fill: "#231f20",
+  fillRule: "nonzero"
+});
+const EnergyLabelSvgSideArrowStyled = styled.path.withConfig({
+  displayName: "EnergyLabelSvgSideArrowStyled",
+  componentId: "sc-nd9144-3"
+})({
+  fill: "none",
+  fillRule: "nonzero",
+  stroke: "#231f20",
+  strokeWidth: "1.07px"
+});
+const EnergyLabelSvgColoredBgPathStyled = styled.path.withConfig({
+  shouldForwardProp,
+  displayName: "EnergyLabelSvgColoredBgPathStyled",
+  componentId: "sc-nd9144-4"
+})({
+  fillRule: "nonzero"
+}, ({
+  energyClass = "A"
+}) => ({
+  fill: energyClassColorMap[energyClass]
+}));
+const EnergyLabelSvgBorderPathStyled = styled.path.withConfig({
+  shouldForwardProp,
+  displayName: "EnergyLabelSvgBorderPathStyled",
+  componentId: "sc-nd9144-5"
+})({
+  fill: "none",
+  fillRule: "nonzero",
+  stroke: "#231f20",
+  strokeWidth: "0.82px"
+});
+const EnergyLabelSvgLetterPathStyled = styled.path.withConfig({
+  shouldForwardProp,
+  displayName: "EnergyLabelSvgLetterPathStyled",
+  componentId: "sc-nd9144-6"
+})({
+  fill: "#fff",
+  fillRule: "nonzero",
+  stroke: "#231f20",
+  strokeWidth: "0.5px",
+  strokeLinecap: "butt",
+  strokeLinejoin: "miter",
+  strokeMiterlimit: 10
+});
+const EnergyLabelSvg = ({
+  energyClass = "A",
+  size = "md"
+}) => {
+  return /* @__PURE__ */ jsxs(EnergyLabelSvgStyled, { width: "100%", height: "100%", viewBox: "0 0 78 41", version: "1.1", xmlns: "http://www.w3.org/2000/svg", xmlSpace: "preserve", size, children: [
+    /* @__PURE__ */ jsx("title", { children: `Energieeffizienzklasse ${energyClass} - auf einer Skala von A bis G` }),
+    /* @__PURE__ */ jsx(EnergyLabelSvgSideBgStyled, { x: "58.689", y: "0.677", width: "17.99", height: "39.732" }),
+    /* @__PURE__ */ jsx(EnergyLabelSvgColoredBgPathStyled, { energyClass, d: "M19.149,0.71l-18.834,19.696l18.834,19.696l41.328,-0l0,-39.392l-41.328,-0Z" }),
+    /* @__PURE__ */ jsx(EnergyLabelSvgBorderPathStyled, { d: "M19.554,0.418l56.746,0c0.169,0 0.304,0.13 0.304,0.292l-0,39.392c-0,0.162 -0.135,0.292 -0.304,0.292l-56.746,-0c-0.085,-0 -0.169,-0.033 -0.22,-0.098l-18.842,-19.696c-0.109,-0.113 -0.109,-0.283 0,-0.389l18.842,-19.704c0.06,-0.057 0.135,-0.097 0.22,-0.097l-0,0.008Z" }),
+    /* @__PURE__ */ jsx(EnergyLabelSvgSideLetterStyled, { d: "M73.264,12.386c0.067,0.187 0.101,0.325 0.118,0.438c0.017,0.106 -0,0.187 -0.068,0.243c-0.067,0.057 -0.16,0.09 -0.312,0.098c-0.152,0.016 -0.354,0.016 -0.607,0.016c-0.253,-0 -0.481,-0 -0.633,-0.008c-0.151,-0 -0.261,-0.025 -0.346,-0.049c-0.075,-0.024 -0.134,-0.057 -0.168,-0.097c-0.034,-0.041 -0.059,-0.097 -0.076,-0.162l-0.692,-1.987l-3.854,0l-0.65,1.93c-0.016,0.073 -0.05,0.13 -0.084,0.178c-0.034,0.049 -0.093,0.09 -0.169,0.114c-0.076,0.024 -0.185,0.048 -0.329,0.057c-0.143,0.008 -0.32,0.016 -0.548,0.016c-0.244,-0 -0.43,-0 -0.573,-0.025c-0.135,-0.016 -0.237,-0.048 -0.287,-0.113c-0.051,-0.057 -0.068,-0.138 -0.059,-0.251c0.017,-0.106 0.059,-0.252 0.118,-0.43l3.163,-8.757c0.034,-0.09 0.067,-0.155 0.109,-0.211c0.043,-0.057 0.11,-0.098 0.203,-0.122c0.093,-0.024 0.219,-0.049 0.388,-0.057c0.169,-0.008 0.379,-0.008 0.649,-0.008c0.312,0 0.557,0 0.742,0.008c0.186,0 0.329,0.025 0.431,0.057c0.101,0.024 0.177,0.073 0.219,0.13c0.042,0.057 0.084,0.13 0.118,0.227l3.171,8.749l0.026,0.016Zm-4.707,-7.233l-1.45,4.193l2.909,-0l-1.45,-4.193l-0.009,0Z", style: {} }),
+    /* @__PURE__ */ jsx(EnergyLabelSvgSideArrowStyled, { d: "M68.667,24.712l-0.001,-8.401" }),
+    /* @__PURE__ */ jsx(EnergyLabelSvgSideArrowStyled, { d: "M70.986,18.5l-2.319,-2.23l-2.311,2.23" }),
+    /* @__PURE__ */ jsx(EnergyLabelSvgSideLetterStyled, { d: "M72.665,29.236c0,0.146 0,0.268 -0.017,0.373c-0.008,0.105 -0.025,0.186 -0.051,0.251c-0.025,0.065 -0.05,0.106 -0.075,0.13c-0.034,0.024 -0.068,0.041 -0.11,0.041c-0.059,-0 -0.16,-0.049 -0.304,-0.138c-0.143,-0.089 -0.329,-0.187 -0.556,-0.292c-0.228,-0.105 -0.506,-0.203 -0.827,-0.292c-0.32,-0.089 -0.692,-0.138 -1.122,-0.138c-0.455,0 -0.86,0.081 -1.231,0.243c-0.371,0.163 -0.683,0.398 -0.945,0.69c-0.261,0.292 -0.464,0.656 -0.599,1.078c-0.143,0.422 -0.21,0.884 -0.21,1.387c-0,0.559 0.067,1.046 0.21,1.467c0.144,0.422 0.338,0.779 0.599,1.063c0.262,0.283 0.565,0.502 0.92,0.648c0.362,0.146 0.759,0.219 1.189,0.219c0.211,0 0.421,-0.024 0.632,-0.073c0.211,-0.048 0.397,-0.121 0.582,-0.227l0,-2.262l-1.771,-0c-0.084,-0 -0.152,-0.057 -0.202,-0.17c-0.051,-0.114 -0.076,-0.309 -0.076,-0.576c-0,-0.138 -0,-0.26 0.017,-0.357c0.008,-0.097 0.033,-0.17 0.05,-0.227c0.026,-0.057 0.051,-0.097 0.085,-0.13c0.033,-0.032 0.076,-0.04 0.118,-0.04l3.163,-0c0.075,-0 0.143,0.016 0.202,0.04c0.059,0.025 0.11,0.065 0.16,0.122c0.051,0.057 0.085,0.122 0.101,0.203c0.026,0.081 0.034,0.17 0.034,0.267l0,3.876c0,0.154 -0.025,0.284 -0.076,0.397c-0.05,0.114 -0.152,0.203 -0.312,0.268c-0.16,0.065 -0.354,0.13 -0.582,0.203c-0.228,0.073 -0.472,0.129 -0.717,0.178c-0.244,0.049 -0.497,0.089 -0.75,0.114c-0.253,0.024 -0.506,0.04 -0.768,0.04c-0.751,0 -1.417,-0.113 -2.007,-0.332c-0.591,-0.219 -1.088,-0.544 -1.502,-0.973c-0.413,-0.422 -0.725,-0.941 -0.944,-1.549c-0.219,-0.608 -0.329,-1.297 -0.329,-2.076c-0,-0.778 0.118,-1.516 0.346,-2.149c0.227,-0.632 0.556,-1.175 0.986,-1.621c0.431,-0.446 0.937,-0.787 1.536,-1.022c0.598,-0.235 1.273,-0.357 2.007,-0.357c0.405,0 0.776,0.033 1.105,0.089c0.337,0.057 0.624,0.13 0.869,0.211c0.244,0.081 0.455,0.17 0.615,0.268c0.16,0.097 0.279,0.178 0.346,0.251c0.068,0.073 0.11,0.17 0.143,0.3c0.026,0.13 0.043,0.316 0.043,0.568l0.025,0.016Z" }),
+    /* @__PURE__ */ jsx(EnergyLabelSvgLetterPathStyled, { d: letterPathMapping[energyClass] })
+  ] });
+};
+const EnergySnippetFlexStyled = styled(FlexStyled).withConfig({
+  displayName: "EnergySnippetFlexStyled",
+  componentId: "sc-1cpn65a-0"
+})({
+  justifyContent: "unset",
+  width: "fit-content"
+});
+const EnergySnippetImageLink = styled(UtilityLink).withConfig({
+  displayName: "EnergySnippetImageLink",
+  componentId: "sc-1cpn65a-1"
+})({
+  flex: "0 0 auto"
+}, ({
+  orientation
+}) => ({
+  alignSelf: orientation === "vertical" ? "center" : "flex-start"
+}));
+const EnergySnippet = ({
+  energyClass,
+  size,
+  imageLink,
+  link,
+  orientation = "horizontal",
+  component: _component,
+  ...props
+}) => /* @__PURE__ */ jsxs(EnergySnippetFlexStyled, { ...props, orientation, as: "div", children: [
+  /* @__PURE__ */ jsx(EnergySnippetImageLink, { ...imageLink, target: "_blank", orientation, children: /* @__PURE__ */ jsx(EnergyLabelSvg, { energyClass, size }) }),
+  /* @__PURE__ */ jsx(Link, { ...link, target: "_blank", component: "Link", iconPosition: "right", appearance: "secondary", bottomSpacing: spacingNone })
+] });
+export {
+  EnergySnippet as default,
+  e as energyClasses,
+  a as energySnippetOrientations,
+  b as energySnippetSizes
+};

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

@@ -0,0 +1,49 @@
+import { HTMLAttributes } from 'react';
+import { LinkProps } from '../Link';
+import { BrixComponentProps } from '../../foundations/BrixComponentProps';
+import { energySnippetComponentName } from './componentName';
+import { UtilityLinkProps } from '../UtilityLink/props';
+export declare const energySnippetSizes: readonly ["sm", "md", "lg"];
+export type EnergySnippetSize = (typeof energySnippetSizes)[number];
+export declare const energyClasses: readonly ["A", "B", "C", "D", "E", "F", "G"];
+export type EnergyClass = (typeof energyClasses)[number];
+export declare const energySnippetOrientations: readonly ["horizontal", "vertical"];
+type EnergySnippetOrientation = (typeof energySnippetOrientations)[number];
+export type EnergySnippetLinkProps = Omit<LinkProps, 'appearance' | 'iconPosition' | 'internal' | 'bottomSpacing' | 'component'>;
+/**
+ * Props for the EnergySnippet component.
+ * Displays an EU energy class label with a link to the product data sheet.
+ * @see {@link https://www.vodafone.de/simplicity/pattern/?path=/docs/media-energysnippet--docs} EnergySnippet stories
+ */
+export interface EnergySnippetProps extends BrixComponentProps, Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    /**
+     * Link to the energy label data sheet.
+     */
+    link: EnergySnippetLinkProps;
+    /**
+     * Link wrapping the energy class image.
+     */
+    imageLink: Omit<UtilityLinkProps, 'target'>;
+    /**
+     * EU energy efficiency class (A through G).
+     */
+    energyClass?: EnergyClass;
+    /**
+     * Size of the energy class image.
+     * - `sm`: Small
+     * - `md`: Medium
+     * - `lg`: Large
+     */
+    size?: EnergySnippetSize;
+    /**
+     * Layout orientation of the snippet.
+     * - `horizontal`: Image and link side by side
+     * - `vertical`: Image above link
+     */
+    orientation?: EnergySnippetOrientation;
+    /**
+     * Internal component name used for CMS and dynamic rendering.
+     */
+    component?: typeof energySnippetComponentName;
+}
+export {};

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

@@ -0,0 +1,10 @@
+import { EnergySnippetProps } from './props';
+import { UtilityLinkProps } from '../UtilityLink/props';
+export declare const EnergySnippetFlexStyled: import('styled-components/dist/types').IStyledComponentBase<"web", 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('../Flex').FlexProps> & import('../Flex').FlexProps, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('../Flex').FlexProps> & import('../Flex').FlexProps, never>>, "as" | "forwardedAs"> & {
+    as?: import('styled-components').WebTarget | undefined;
+    forwardedAs?: import('styled-components').WebTarget | undefined;
+}, never> & Partial<Pick<import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('../Flex').FlexProps> & import('../Flex').FlexProps, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('../Flex').FlexProps> & import('../Flex').FlexProps, never>>, "as" | "forwardedAs"> & {
+    as?: import('styled-components').WebTarget | undefined;
+    forwardedAs?: import('styled-components').WebTarget | undefined;
+}, never>>> & string;
+export declare const EnergySnippetImageLink: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<UtilityLinkProps, "orientation" | keyof UtilityLinkProps> & UtilityLinkProps & Pick<EnergySnippetProps, "orientation">, never> & Partial<Pick<import('styled-components').FastOmit<UtilityLinkProps, "orientation" | keyof UtilityLinkProps> & UtilityLinkProps & Pick<EnergySnippetProps, "orientation">, never>>> & string & Omit<({ children, ...props }: UtilityLinkProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;