@cooperco/cooper-component-library 0.1.83 → 0.1.85

package/dist/types/cms/contentful/queries/index.d.ts

@@ -16,3 +16,4 @@ export * from './productModule.query.js';
 export * from './testimonial.query.js';
 export * from './tileCollection.query.js';
 export * from './video.query.js';
+export * from './chartModule.query.js';

package/dist/types/src/components/Accordion/Accordion.d.ts

@@ -9,6 +9,7 @@ export interface Accordion extends Component {
     modules: (AccordionItem | Accordion)[];
     headline?: string;
     isChild?: boolean;
+    isSubAccordion?: boolean;
     type: 'List' | 'Tile';
     backgroundColor?: string;
     parentBackgroundColor?: string;

package/dist/types/src/components/ContentModule/ContentModule.d.ts

@@ -28,6 +28,14 @@ export interface ContentModule extends Component {
     isHero?: boolean;
     alignment?: contentModuleAlignmentEnum;
     isChild?: boolean;
+    /**
+     * When true, the headline renders as an h3 (child heading) instead of h2.
+     * Set by ContainerModule when the parent has its own headline — the parent headline
+     * is the h2, so the child drops to h3. When the parent has no headline, the child
+     * remains h2 as the primary heading in that section.
+     * Has no effect when isHero is true (hero headlines are always h1).
+     */
+    useChildHeadline?: boolean;
     parentHasBackgroundImage?: boolean;
     parentBackgroundColor?: string;
 }

package/dist/types/src/components/Image/Image.d.ts

@@ -12,4 +12,6 @@ export interface Image extends Component {
     altTag?: string;
     isFullWidth?: boolean;
     animated?: boolean;
+    /** Breakpoint at which to swap from mobile to desktop image. Defaults to 'md' (768px). */
+    mobileBreakpoint?: 'sm' | 'md' | 'lg' | 'xl';
 }

package/dist/types/src/components/Image/Image.vue.d.ts

@@ -2,5 +2,6 @@ import { Image } from './Image';
 declare const _default: import("vue").DefineComponent<Image, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Image> & Readonly<{}>, {
     isFullWidth: boolean;
     animated: boolean;
+    mobileBreakpoint: "sm" | "md" | "lg" | "xl";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/types/src/components/components.d.ts

@@ -25,3 +25,4 @@ export { default as TileContentImageStackedAnimatedTile } from './TileContent/Ti
 export { default as Video } from './Video/Video.vue';
 export { default as AnimationWrapper } from './AnimationWrapper/AnimationWrapper.vue';
 export { default as HelloBanner } from './HelloBanner/HelloBanner.vue';
+export { default as ChartModule } from './ChartModule/ChartModule.vue';

package/dist/types/src/components/types.d.ts

@@ -19,3 +19,7 @@ export type { TileContent as TileContentType } from './TileContent/TileContent';
 export type { Video as VideoType } from './Video/Video';
 export type { AnimationWrapper as AnimationWrapperType } from './AnimationWrapper/AnimationWrapper';
 export type { HelloBanner as HelloBannerType } from './HelloBanner/HelloBanner';
+export type { ChartModule as ChartModuleType } from './ChartModule/ChartModule';
+export type { ChartDataItem as ChartDataItemType } from './ChartModule/ChartModule';
+export type { ChartTab as ChartTabType } from './ChartModule/ChartModule';
+export type { ChartDrillDown as ChartDrillDownType } from './ChartModule/ChartModule';

package/dist/types/src/config/defaultPassthrough/index.d.ts

@@ -71,4 +71,5 @@ export declare const TileLabelPt: {
     };
 };
 export declare const VideoPt: GenericComponentPassthrough;
+export declare const ChartModulePt: GenericComponentPassthrough;
 export declare const HelloBannerPt: HelloBannerPassthrough;

package/dist/types/src/config/defaultPassthrough/types.d.ts

@@ -8,8 +8,9 @@ import { TestimonialModulePassthrough } from '../../components/TestimonialModule
 import { TileContentPassthrough } from '../../components/TileContent/TileContent';
 import { CTAPassthrough } from '../../components/CTA/CTA';
 import { TileLabelPassthrough } from '../../components/TileLabel/TileLabel';
+import { ChartModulePassthrough } from '../../components/ChartModule/ChartModule';
 import { HelloBannerPassthrough } from '../../components/HelloBanner/HelloBanner';
-export interface GenericComponentPassthrough extends ComponentPassthrough, TileLabelPassthrough, AccordionPassthrough, AccordionItemPassthrough, CarouselPassthrough, ContainerModulePassthrough, ContentModulePassthrough, CTAPassthrough, TestimonialModulePassthrough, TileContentPassthrough, HelloBannerPassthrough {
+export interface GenericComponentPassthrough extends ComponentPassthrough, TileLabelPassthrough, AccordionPassthrough, AccordionItemPassthrough, CarouselPassthrough, ContainerModulePassthrough, ContentModulePassthrough, CTAPassthrough, TestimonialModulePassthrough, TileContentPassthrough, HelloBannerPassthrough, ChartModulePassthrough {
 }
 export interface AccordionPtVariants {
     List: AccordionPassthrough;
@@ -50,4 +51,5 @@ export interface Pt_Overrides {
     TileContentVideoTile?: GenericComponentPassthrough;
     TileLabel?: GenericComponentPassthrough;
     Video?: GenericComponentPassthrough;
+    ChartModule?: ChartModulePassthrough;
 }

package/dist/types/src/types.d.ts

@@ -56,6 +56,7 @@ export interface ComponentPassthrough {
     center?: string;
     end?: string;
     container?: string;
+    headingContainer?: string;
     root?: string;
     item?: string;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cooperco/cooper-component-library",
   "private": false,
-  "version": "0.1.83",
+  "version": "0.1.85",
   "type": "module",
   "files": [
     "dist"
@@ -32,6 +32,7 @@
     "@primevue/themes": "^4.0.0",
     "@vueuse/components": "^11.1.0",
     "@vueuse/core": "^11.1.0",
+    "chart.js": "^4.5.1",
     "contentful-management": "^11.68.0",
     "contentful-migration": "^4.23.2",
     "dotenv": "^17.2.3",
@@ -41,7 +42,8 @@
     "primevue": "^3.0.0",
     "tailwind-merge": "^2.4.0",
     "vite-plugin-turbosnap": "^1.0.3",
-    "vue": "^3.5.6"
+    "vue": "^3.5.6",
+    "vue-chartjs": "^5.3.3"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^3.2.6",