@vodafone_de/publish-test 0.0.1 → 53.0.0

package/dist/components/FeatureCardGroup/components/FeatureCard/validate.test.d.ts

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

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

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

package/dist/components/FeatureCardGroup/index.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { G as Grid, b as GridItem } from "../../index-Cx4q-LSt.js";
+import ToggleButtonProvider from "../ToggleButtonProvider/index.js";
+import FeatureCard from "./components/FeatureCard/index.js";
+import styled from "styled-components";
+import { g as getSpacing } from "../../index-l-i-mIeP.js";
+import { s as spacingMd } from "../../Spacing-Dj-qX3Z5.js";
+const FeatureCardGroupStyled = styled(Grid).withConfig({
+  displayName: "FeatureCardGroupStyled",
+  componentId: "sc-6m9gvp-0"
+})(({
+  gapSpacing = spacingMd
+}) => ({
+  gap: getSpacing(gapSpacing)
+}));
+const FeatureCardGroup = ({
+  featureCards,
+  toggleButtonProvider,
+  gridConfig = {
+    sm: 12,
+    md: 6,
+    lg: 4
+  },
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(ToggleButtonProvider, { ...toggleButtonProvider, children: /* @__PURE__ */ jsx(FeatureCardGroupStyled, { ...props, autoLayout: gridConfig, stretch: true, component: "Grid", children: featureCards.map((featureCard) => {
+    return /* @__PURE__ */ jsx(GridItem, { ...gridConfig, children: /* @__PURE__ */ jsx(FeatureCard, { ...featureCard }) }, featureCard.featureId);
+  }) }) });
+};
+export {
+  FeatureCardGroup as default
+};

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

@@ -0,0 +1,34 @@
+import { HTMLAttributes } from 'react';
+import { ToggleButtonProviderProps } from '../ToggleButtonProvider';
+import { BrixComponentProps } from '../../foundations/BrixComponentProps';
+import { GridConfig } from '../../foundations/GridConfig';
+import { Spacing } from '../../foundations/types/Spacing';
+import { featureCardGroupComponentName } from './componentName';
+import { FeatureCardProps } from './components/FeatureCard/props';
+/**
+ * Props for the FeatureCardGroup component.
+ * A grid of feature cards with shared toggle button behavior.
+ * @see {@link https://www.vodafone.de/simplicity/pattern/?path=/docs/cards-featurecardgroup--docs} FeatureCardGroup stories
+ */
+export interface FeatureCardGroupProps extends BrixComponentProps, Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    /**
+     * Internal component name used for CMS and dynamic rendering.
+     */
+    component?: typeof featureCardGroupComponentName;
+    /**
+     * Grid configuration controlling how many cards are visible per row/viewport.
+     */
+    gridConfig?: GridConfig;
+    /**
+     * Gap between feature cards.
+     */
+    gapSpacing?: Spacing;
+    /**
+     * Array of feature card configurations.
+     */
+    featureCards: FeatureCardProps[];
+    /**
+     * Shared toggle button provider ensuring consistent toggle behavior across all cards.
+     */
+    toggleButtonProvider: ToggleButtonProviderProps;
+}

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

@@ -0,0 +1,2 @@
+import { FeatureCardGroupProps } from './props';
+export declare const FeatureCardGroupStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('../Grid').GridProps, "gapSpacing"> & Pick<FeatureCardGroupProps, "gapSpacing">, never> & Partial<Pick<import('styled-components').FastOmit<import('../Grid').GridProps, "gapSpacing"> & Pick<FeatureCardGroupProps, "gapSpacing">, never>>> & string & Omit<({ tag, gap, autoLayout, ...props }: import('../Grid').GridProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;