@cooperco/cooper-component-library 0.1.1 → 0.1.2

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

@@ -0,0 +1,53 @@
+import { Component, ComponentPassthrough } from '../../types';
+import { CTA } from '../CTA/CTA';
+import { Image } from '../Image/Image';
+import { TileLabel, TileLabelType } from '../TileLabel/TileLabel';
+import { Video } from '../Video/Video';
+export interface TileContentPassthrough extends ComponentPassthrough {
+    media?: string;
+    mediaContainer?: string;
+    ctas?: string;
+    label?: string;
+    numericLabel?: string;
+    cta?: string;
+    body?: string;
+    text?: string;
+    list?: string;
+    listItem?: string;
+    footer?: string;
+    footerContent?: string;
+}
+export interface TileContent extends Component {
+    __typename?: 'TileContent';
+    index?: number;
+    Image?: Image;
+    Video?: Video;
+    headline?: string;
+    subheadline?: string;
+    description?: string;
+    ctas?: CTA[];
+    textColor?: string;
+    backgroundColor?: string;
+    tileLabel?: TileLabel;
+    tileLabelType?: TileLabelType;
+    alignment?: 'left' | 'center' | 'right';
+    isImageStacked?: boolean;
+    pt?: TileContentPassthrough;
+    listItems?: string[];
+    footer?: string;
+}
+export interface TileContentTextTile extends Omit<TileContent, '__typename'> {
+    __typename?: 'TileContentTextTile';
+}
+export interface TileContentIconTile extends Omit<TileContent, '__typename'> {
+    __typename?: 'TileContentIconTile';
+}
+export interface TileContentImageTile extends Omit<TileContent, '__typename'> {
+    __typename?: 'TileContentImageTile';
+}
+export interface TileContentVideoTile extends Omit<TileContent, '__typename'> {
+    __typename?: 'TileContentVideoTile';
+}
+export interface TileContentImageStackedAnimatedTile extends Omit<TileContent, '__typename'> {
+    __typename?: 'TileContentImageStackedAnimatedTile';
+}

package/dist/types/components/TileContent/TileContentIconTile.vue.d.ts

@@ -0,0 +1,12 @@
+import { TileContentIconTile } from './TileContent';
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<TileContentIconTile>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<TileContentIconTile>>>, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/types/components/TileContent/TileContentImageStackedAnimatedTile.vue.d.ts

@@ -0,0 +1,12 @@
+import { TileContentImageStackedAnimatedTile } from './TileContent';
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<TileContentImageStackedAnimatedTile>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<TileContentImageStackedAnimatedTile>>>, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/types/components/TileContent/TileContentImageTile.vue.d.ts

@@ -0,0 +1,12 @@
+import { TileContentImageTile } from './TileContent';
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<TileContentImageTile>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<TileContentImageTile>>>, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/types/components/TileContent/TileContentTextTile.vue.d.ts

@@ -0,0 +1,12 @@
+import { TileContentTextTile } from './TileContent';
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<TileContentTextTile>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<TileContentTextTile>>>, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/types/components/TileContent/TileContentVideoTile.vue.d.ts

@@ -0,0 +1,12 @@
+import { TileContentVideoTile } from './TileContent';
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<TileContentVideoTile>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<TileContentVideoTile>>>, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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

@@ -0,0 +1,13 @@
+export interface TileLabelPassthrough {
+    root?: string;
+}
+export type TileLabelType = 'Text' | 'Numeric';
+export interface TileLabel {
+    __typename?: 'TileLabel';
+    copy?: string;
+    type?: TileLabelType;
+    backgroundColor?: string;
+    alignment?: 'left' | 'right';
+    pt?: TileLabelPassthrough;
+    index?: number;
+}

package/dist/types/components/TileLabel/TileLabel.vue.d.ts

@@ -0,0 +1,29 @@
+import { TileLabel } from './TileLabel';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<TileLabel>, {
+    alignment: string;
+    type: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<TileLabel>, {
+    alignment: string;
+    type: string;
+}>>>, {
+    type: import("./TileLabel").TileLabelType;
+    alignment: "left" | "right";
+}, {}>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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

@@ -0,0 +1,8 @@
+import { Component } from '../../types';
+import { ImageMedia } from '../Image/Image';
+export interface Video extends Component {
+    __typename?: 'Video';
+    media: ImageMedia;
+    altTag?: string;
+    isEmbedded?: boolean;
+}

package/dist/types/components/Video/Video.vue.d.ts

@@ -0,0 +1,26 @@
+import { Video } from './Video';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Video>, {
+    isEmbedded: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Video>, {
+    isEmbedded: boolean;
+}>>>, {
+    isEmbedded: boolean;
+}, {}>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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

@@ -0,0 +1,23 @@
+export { default as Accordion } from './Accordion/Accordion.vue';
+export { default as AccordionItem } from './Accordion/AccordionItem.vue';
+export { default as AccordionListItem } from './Accordion/AccordionListItem.vue';
+export { default as AccordionTileItem } from './Accordion/AccordionTileItem.vue';
+export { default as CarouselModule } from './CarouselModule/CarouselModule.vue';
+export { default as ContainerModule } from './ContainerModule/ContainerModule.vue';
+export { default as ContentModule } from './ContentModule/ContentModule.vue';
+export { default as ContainerCollectionModule } from './ContainerCollectionModule/ContainerCollectionModule.vue';
+export { default as CTA } from './CTA/CTA.vue';
+export { default as FooterNavigation } from './FooterNavigation/FooterNavigation.vue';
+export { default as Image } from './Image/Image.vue';
+export { default as LogoCollectionModule } from './LogoCollectionModule/LogoCollectionModule.vue';
+export { default as NavigationElement } from './NavigationElement/NavigationElement.vue';
+export { default as PrimaryNavigation } from './PrimaryNavigation/PrimaryNavigation.vue';
+export { default as SplitModule } from './SplitModule/SplitModule.vue';
+export { default as TestimonialModule } from './TestimonialModule/TestimonialModule.vue';
+export { default as TileCollectionModule } from './TileCollectionModule/TileCollectionModule.vue';
+export { default as TileContentIconTile } from './TileContent/TileContentIconTile.vue';
+export { default as TileContentImageTile } from './TileContent/TileContentImageTile.vue';
+export { default as TileContentTextTile } from './TileContent/TileContentTextTile.vue';
+export { default as TileContentVideoTile } from './TileContent/TileContentTextTile.vue';
+export { default as TileContentImageStackedAnimatedTile } from './TileContent/TileContentImageStackedAnimatedTile.vue';
+export { default as Video } from './Video/Video.vue';

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

@@ -0,0 +1,16 @@
+export type { Accordion as AccordionType } from './Accordion/Accordion';
+export type { Carousel as CarouselModuleType } from './CarouselModule/CarouselModule';
+export type { ContainerModule as ContainerModuleType } from './ContainerModule/ContainerModule';
+export type { ContentModule as ContentModuleType } from './ContentModule/ContentModule';
+export type { ContainerCollectionModule as ContainerCollectionModuleType } from './ContainerCollectionModule/ContainerCollectionModule';
+export type { CTA as CTAType } from './CTA/CTA';
+export type { FooterNavigation as FooterNavigationType } from './FooterNavigation/FooterNavigation';
+export type { Image as ImageType } from './Image/Image';
+export type { LogoCollectionModule as LogoCollectionModuleType } from './LogoCollectionModule/LogoCollectionModule';
+export type { NavigationElement as NavigationElementType } from './NavigationElement/NavigationElement';
+export type { PrimaryNavigation as PrimaryNavigationType } from './PrimaryNavigation/PrimaryNavigation';
+export type { SplitModule as SplitModuleType } from './SplitModule/SplitModule';
+export type { TestimonialModule as TestimonialModuleType } from './TestimonialModule/TestimonialModule';
+export type { TileCollection as TileCollectionModuleType } from './TileCollectionModule/TileCollectionModule';
+export type { TileContent as TileContentType } from './TileContent/TileContent';
+export type { Video as VideoType } from './Video/Video';

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

@@ -0,0 +1,96 @@
+import { ComponentPassthrough } from '../types';
+import { ContainerModulePassthrough } from '../components/ContainerModule/ContainerModule';
+import { AccordionItemPassthrough } from '../components/Accordion/AccordionItem';
+import { AccordionPassthrough } from '../components/Accordion/Accordion';
+import { CarouselPassthrough } from '../components/CarouselModule/CarouselModule';
+import { ContentModulePassthrough } from '../components/ContentModule/ContentModule';
+import { TestimonialModulePassthrough } from '../components/TestimonialModule/TestimonialModule';
+import { TileContentPassthrough } from '../components/TileContent/TileContent';
+import { CTAPassthrough } from '../components/CTA/CTA';
+import { TileLabelPassthrough } from '../components/TileLabel/TileLabel';
+export declare const DEFAULT_PASSTHROUGH: ComponentPassthrough;
+interface GenericComponentPassthrough extends ComponentPassthrough, TileLabelPassthrough, AccordionPassthrough, AccordionItemPassthrough, CarouselPassthrough, ContainerModulePassthrough, ContentModulePassthrough, CTAPassthrough, TestimonialModulePassthrough, TileContentPassthrough {
+}
+/**
+ * TODO: Need to define the types for the passthroughs.
+ * REMOVE eslint-disable once types are defined
+ */
+export declare const combinePassthroughs: <PtType extends GenericComponentPassthrough, OverrideType extends GenericComponentPassthrough>(passthrough: PtType, overrides: OverrideType) => GenericComponentPassthrough;
+export interface AccordionPtVariants {
+    List: AccordionPassthrough;
+    Tile: AccordionPassthrough;
+}
+export declare const AccordionPt: AccordionPtVariants;
+export declare const AccordionItemPt: GenericComponentPassthrough;
+export declare const AccordionListItemPt: GenericComponentPassthrough;
+export declare const AccordionTileItemPt: GenericComponentPassthrough;
+export declare const CarouselModulePt: {
+    headline: string | undefined;
+    root: string;
+    content: string;
+    container: string;
+    previousbutton: string;
+    nextbutton: string;
+    itemscontent: string;
+    itemscontainer: string;
+    item: string;
+    indicators: string;
+    indicator: string;
+    indicatorbutton: string;
+};
+export declare const CarouselModuleAltPt: GenericComponentPassthrough;
+export declare const ContainerCollectionModulePt: GenericComponentPassthrough;
+export interface ContainerModulePtVariants {
+    Hero: ContainerModulePassthrough;
+    Centered: ContainerModulePassthrough;
+}
+export declare const ContainerModulePt: ContainerModulePtVariants;
+export declare const ContentModulePt: GenericComponentPassthrough;
+export interface CTAPtVariants {
+    fill: CTAPassthrough;
+    logo: CTAPassthrough;
+    link: CTAPassthrough;
+    outline: CTAPassthrough;
+}
+export declare const CTAPt: CTAPtVariants;
+export declare const FooterNavigationPt: GenericComponentPassthrough;
+export declare const ImagePt: GenericComponentPassthrough;
+export declare const LogoCollectionModulePt: GenericComponentPassthrough;
+export declare const NavigationElementPt: GenericComponentPassthrough;
+export declare const PrimaryNavigationPt: GenericComponentPassthrough;
+export declare const SplitModulePt: GenericComponentPassthrough;
+export declare const TestimonialModulePt: GenericComponentPassthrough;
+export interface TileCollectionPtVariants {
+    IconTile: ComponentPassthrough;
+    ImageTile: ComponentPassthrough;
+    VideoTile: ComponentPassthrough;
+    TextTile: ComponentPassthrough;
+    ImageStackedAnimatedTile: ComponentPassthrough;
+}
+export declare const TileCollectionModulePt: GenericComponentPassthrough;
+export declare const TileContentPt: {
+    root: string;
+    headline: string;
+    cta: string;
+    ctas: string;
+    container: string;
+    description: string;
+    body: string;
+    footer: string;
+    footerContent: string;
+};
+export declare const TileContentIconTilePt: GenericComponentPassthrough;
+export declare const TileContentImageStackedAnimatedTilePt: GenericComponentPassthrough;
+export declare const TileContentImageTilePt: GenericComponentPassthrough;
+export declare const TileContentTextTilePt: GenericComponentPassthrough;
+export declare const TileContentVideoTilePt: GenericComponentPassthrough;
+export declare const TileLabelPt: {
+    Numeric: {
+        root: string;
+    };
+    Text: {
+        root: string;
+    };
+};
+export declare const VideoPt: GenericComponentPassthrough;
+export {};

package/dist/types/index.d.ts

@@ -0,0 +1,8 @@
+export * from './config/defaultPassthrough';
+import 'primeicons/primeicons.css';
+import './assets/css/main.css';
+import './assets/css/theme.css';
+export * from './components/components';
+export * from './components/types';
+import initGlobalComponents from './init';
+export { initGlobalComponents };

package/dist/types/init.d.ts

@@ -0,0 +1,3 @@
+import { App } from 'vue';
+declare const initGlobalComponents: (app: App) => void;
+export default initGlobalComponents;

package/dist/types/pages/index.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/types/router.d.ts

@@ -0,0 +1,5 @@
+export declare const routes: {
+    path: string;
+    component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+}[];
+export declare const router: import("vue-router").Router;

package/dist/types/types.d.ts

@@ -0,0 +1,49 @@
+import { Image } from './components/Image/Image';
+export interface URLRef {
+    link?: string;
+    page?: string;
+}
+export declare enum VariantOptions {
+    'IconTile' = 0,
+    'ImageTile' = 1,
+    'VideoTile' = 2,
+    'ImageStackedAnimatedTile' = 3,
+    'VideoLeft' = 4,
+    'Hero' = 5,
+    'Centered' = 6
+}
+export declare enum MediaOptions {
+    'Image' = "img",
+    'Video' = "iframe"
+}
+export declare enum CTAOptions {
+    'fill' = 0,
+    'outline' = 1,
+    'link' = 2,
+    'logo' = 3
+}
+export interface tileLabel {
+    content: string;
+    type: 'Label' | 'Numeric';
+    textColor?: string;
+    backgroundColor?: string;
+}
+export interface socialMedia {
+    icon: Image;
+    url: URLRef;
+}
+export interface Component {
+    class?: string;
+}
+export interface ComponentPassthrough {
+    headline?: string;
+    subheadline?: string;
+    content?: string;
+    description?: string;
+    start?: string;
+    center?: string;
+    end?: string;
+    container?: string;
+    root?: string;
+    item?: string;
+}

package/package.json

@@ -1,30 +1,32 @@
 {
   "name": "@cooperco/cooper-component-library",
   "private": false,
-  "version": "0.1.1",
+  "version": "0.1.2",
   "type": "module",
   "files": [
-    "dist",
-    "src/components/",
-    "src/assets/",
-    "src/config/"
+    "dist"
   ],
-  "main": "./dist/component-lib.umd.cjs",
-  "module": "./dist/component-lib.js",
+  "main": "./dist/lib/component-lib.umd.cjs",
+  "module": "./dist/lib/component-lib.js",
+  "types": "./dist/types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/component-lib.js",
-      "require": "./dist/component-lib.umd.cjs"
+      "import": "./dist/lib/component-lib.js",
+      "require": "./dist/lib/component-lib.umd.cjs"
     },
-    "./dist/style.css": {
-      "import": "./dist/style.css",
-      "require": "./dist/style.css"
+    "./css/main.css": {
+      "import": "./dist/lib/css/main.css",
+      "require": "./dist/lib/css/main.css"
     },
-    "./components/*": "./dist/components/*",
-    "./assets/*": "./dist/assets/*"
+    "./css/theme.css": {
+      "import": "./dist/lib/css/theme.css",
+      "require": "./dist/lib/css/theme.css"
+    }
   },
   "dependencies": {
     "@primevue/themes": "^4.0.0",
+    "graphql": "^16.9.0",
+    "graphql-tag": "^2.12.6",
     "primeicons": "^7.0.0",
     "primevue": "^3.0.0",
     "tailwind-merge": "^2.4.0",
@@ -65,13 +67,13 @@
     "typescript-eslint": "^7.17.0",
     "unplugin-vue-components": "^0.27.0",
     "vite": "^5.2.0",
+    "vite-plugin-css-injected-by-js": "^3.5.1",
+    "vite-plugin-static-copy": "^1.0.6",
     "vue-eslint-parser": "^9.4.3",
     "vue-router": "^4.4.3",
     "vue-tsc": "^2.0.29"
   },
   "peerDependencies": {
-    "primevue": "^3.0.0",
-    "tailwindcss": "^3.0.0",
     "vue": "^3.0.0"
   },
   "lint-staged": {
@@ -81,8 +83,9 @@
   },
   "scripts": {
     "dev": "vite",
-    "check-types": "vue-tsc --noEmit",
-    "build": "vite build",
+    "check-types": "vue-tsc",
+    "build:types": "vue-tsc --emitDeclarationOnly --outDir dist/types",
+    "build": "pnpm run build:types && vite build",
     "preview": "vite preview",
     "tail": "tailwind-config-viewer -o",
     "storybook": "storybook dev -p 6006",