@cooperco/cooper-component-library 0.1.101 → 0.1.103

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

@@ -44,4 +44,10 @@ export interface ContentModule extends Component {
      * Headline keeps mobile sizing (27px) at md, only stepping up at lg+.
      */
     isFeature?: boolean;
+    /**
+     * Table highlight option for tables in bodyCopy.
+     * When 'Row' is selected, the first row is highlighted and bolded.
+     * When 'Column' is selected, the first column is highlighted and bolded.
+     */
+    tableHighlight?: 'Row' | 'Column';
 }

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@cooperco/cooper-component-library",
 	"private": false,
-	"version": "0.1.101",
+	"version": "0.1.103",
 	"type": "module",
 	"files": [
 		"dist"

package/dist/cms/0058-update-cta.js

@@ -1,16 +0,0 @@
-module.exports = {
-	/** @type { import('contentful-migration').MigrationFunction } */
-	up: function (migration) {
-		const cta = migration.editContentType('cta')
-
-		cta.createField('highlighted', {
-			name: 'Highlighted',
-			type: 'Boolean',
-			defaultValue: false,
-		})
-	},
-	down: function (migration) {
-		const cta = migration.editContentType('cta')
-		cta.deleteField('highlighted')
-	},
-}

package/dist/cms/0059-update-navigation-element.js

@@ -1,23 +0,0 @@
-module.exports = {
-	/** @type { import('contentful-migration').MigrationFunction } */
-	up: function (migration) {
-		const navigationElement = migration.editContentType('navigationElement')
-
-		navigationElement.createField('highlighted', {
-			name: 'Highlighted',
-			type: 'Boolean',
-			defaultValue: false,
-		})
-
-		navigationElement.createField('expandedMobile', {
-			name: 'Expanded Mobile',
-			type: 'Boolean',
-			defaultValue: false,
-		})
-	},
-	down: function (migration) {
-		const navigationElement = migration.editContentType('navigationElement')
-		navigationElement.deleteField('highlighted')
-		navigationElement.deleteField('expandedMobile')
-	},
-}

package/dist/cms/0060-update-testimonial-module.js

@@ -1,24 +0,0 @@
-module.exports = {
-	// @ts-check
-	/** @type { import('contentful-migration').MigrationFunction } */
-	up: async function (migration) {
-		const testimonialModule = migration.editContentType('testimonialModule')
-
-		testimonialModule.createField('mediaPosition', {
-			name: 'Media Position',
-			type: 'Symbol',
-			defaultValue: {
-				'en-US': 'Left',
-			},
-			validations: [
-				{
-					in: ['Left', 'Right'],
-				},
-			],
-		})
-	},
-	down: async function (migration) {
-		const testimonialModule = migration.editContentType('testimonialModule')
-		testimonialModule.deleteField('mediaPosition')
-	},
-}

package/dist/cms/0076-rename-image-to-media-tile-content.cjs

@@ -1,34 +0,0 @@
-module.exports = {
-	// @ts-check
-	/** @type { import('contentful-migration').MigrationFunction } */
-	up: function (migration) {
-		const tileContent = migration.editContentType('tileContent')
-
-
-		// Create the new media field with support for both image and video
-		tileContent.editField('image', {
-			name: 'Media',
-			type: 'Link',
-			linkType: 'Entry',
-			required: false,
-			validations: [{ linkContentType: ['image', 'video'] }],
-		})
-
-	},
-
-	// @ts-check
-	/** @type { import('contentful-migration').MigrationFunction } */
-	down: async function (migration) {
-		const tileContent = migration.editContentType('tileContent')
-
-		
-		// Restore the old image field
-		tileContent.editField('image', {
-			name: 'Image',
-			type: 'Link',
-			linkType: 'Entry',
-			required: false,
-			validations: [{ linkContentType: ['image'] }],
-		})
-	},
-}

package/dist/cms/0077-add-feature-variant-to-container-module.cjs

@@ -1,37 +0,0 @@
-module.exports = {
-	// @ts-check
-	/** @type { import('contentful-migration').MigrationFunction } */
-	up: function (migration) {
-		const containerModule = migration.editContentType('containerModule')
-		containerModule.editField('variant').items({
-			type: 'Symbol',
-			validations: [
-				{
-					in: ['Hero', 'Centered', 'Feature'],
-				},
-			],
-		})
-		containerModule.changeFieldControl('variant', 'builtin', 'checkbox', {
-			helpText:
-				'Determines layout style. Hero: full-bleed page hero with h1. Centered: standard centered layout. Feature: 50/50 split with flush image, stacks at tablet.',
-		})
-	},
-
-	// @ts-check
-	/** @type { import('contentful-migration').MigrationFunction } */
-	down: async function (migration) {
-		const containerModule = migration.editContentType('containerModule')
-		containerModule.editField('variant').items({
-			type: 'Symbol',
-			validations: [
-				{
-					in: ['Hero', 'Centered'],
-				},
-			],
-		})
-		containerModule.changeFieldControl('variant', 'builtin', 'checkbox', {
-			helpText:
-				'Determines Text size and alignment will be top left unless centered is selected as well',
-		})
-	},
-}

package/dist/cms/contentful/graphql/queries/accordion.query.d.ts

@@ -1,2 +0,0 @@
-import type { DocumentNode } from 'graphql';
-export declare const getAccordion: DocumentNode;

package/dist/cms/contentful/graphql/queries/accordion.query.js

@@ -1,19 +0,0 @@
-import { gql } from 'graphql-tag';
-import { accordionItemFragment } from './fragments.js';
-export const getAccordion = gql `
-	${accordionItemFragment}
-	query accordionQuery($id: String!, $preview: Boolean = false) {
-		accordion(id: $id, preview: $preview) {
-			__typename
-			headline
-			accordionType
-			loadMoreButtonTitle
-			startOpen
-			accordionItemCollection {
-				items {
-					...accordionItemFragment
-				}
-			}
-		}
-	}
-`;

package/dist/cms/contentful/graphql/queries/carousel.query.d.ts

@@ -1,2 +0,0 @@
-import type { DocumentNode } from 'graphql';
-export declare const getCarousel: DocumentNode;

package/dist/cms/contentful/graphql/queries/carousel.query.js

@@ -1,32 +0,0 @@
-import { gql } from 'graphql-tag';
-export const getCarousel = gql `
-	query carouselQuery($id: String!, $preview: Boolean = false) {
-		carouselModule(id: $id, preview: $preview) {
-			headline
-			backgroundColor
-			variant
-			carouselItemsCollection {
-				items {
-					... on TestimonialModule {
-						sys {
-							id
-						}
-						__typename
-					}
-					... on TileContent {
-						sys {
-							id
-						}
-						__typename
-					}
-					... on ContainerModule {
-						sys {
-							id
-						}
-						__typename
-					}
-				}
-			}
-		}
-	}
-`;

package/dist/cms/contentful/graphql/queries/containerModule.query.d.ts

@@ -1,2 +0,0 @@
-import type { DocumentNode } from 'graphql';
-export declare const getContainerModule: DocumentNode;

package/dist/cms/contentful/graphql/queries/containerModule.query.js

@@ -1,140 +0,0 @@
-import { gql } from 'graphql-tag';
-import { imageFragment, videoFragment } from './fragments.js';
-export const getContainerModule = gql `
-	${imageFragment}
-	${videoFragment}
-	query containerModuleQuery($id: String!, $preview: Boolean = false) {
-		containerModule(id: $id, preview: $preview) {
-			headline {
-				json
-				links {
-					entries {
-						inline {
-							sys {
-								id
-							}
-						}
-					}
-				}
-			}
-			fullWidthContent {
-				... on Accordion {
-					sys {
-						id
-					}
-					__typename
-				}
-				... on TileContent {
-					sys {
-						id
-					}
-					__typename
-				}
-				... on ContentModule {
-					sys {
-						id
-					}
-					__typename
-				}
-			}
-			leftContent {
-				... on Accordion {
-					sys {
-						id
-					}
-					__typename
-				}
-				... on TileContent {
-					sys {
-						id
-					}
-					__typename
-				}
-				... on ContentModule {
-					sys {
-						id
-					}
-					__typename
-					bodyCopy {
-						json
-						links {
-							entries {
-								inline {
-									sys {
-										id
-									}
-								}
-							}
-						}
-					}
-					backgroundColor
-				}
-				... on Image {
-					sys {
-						id
-					}
-					__typename
-				}
-				... on Video {
-					sys {
-						id
-					}
-					__typename
-				}
-			}
-			rightContent {
-				... on Accordion {
-					sys {
-						id
-					}
-					__typename
-				}
-				... on TileContent {
-					sys {
-						id
-					}
-					__typename
-				}
-				... on ContentModule {
-					sys {
-						id
-					}
-					__typename
-				}
-				... on Image {
-					sys {
-						id
-					}
-					__typename
-				}
-				... on Video {
-					sys {
-						id
-					}
-					__typename
-				}
-			}
-			backgroundImage {
-				...imageFragment
-			}
-			backgroundColor
-			variant
-			mobileImagePosition
-			testimonialTile {
-				entryName
-				headline
-				quote
-				author
-				details
-				media {
-					... on Image {
-						...imageFragment
-					}
-					... on Video {
-						...videoFragment
-					}
-				}
-			}
-		}
-	}
-`;

package/dist/cms/contentful/graphql/queries/contentModule.query.d.ts

@@ -1,2 +0,0 @@
-import type { DocumentNode } from 'graphql';
-export declare const getContentModule: DocumentNode;

package/dist/cms/contentful/graphql/queries/contentModule.query.js

@@ -1,49 +0,0 @@
-import { gql } from 'graphql-tag';
-import { imageFragment, ctaFragment } from './fragments.js';
-export const getContentModule = gql `
-	${imageFragment}
-	${ctaFragment}
-	query contentModuleQuery($id: String!, $preview: Boolean = false) {
-		contentModule(id: $id, preview: $preview) {
-			alignment
-			logo {
-				...imageFragment
-			}
-			subHeadline
-			headline {
-				json
-				links {
-					entries {
-						inline {
-							sys {
-								id
-							}
-							... on HighlightedText {
-								text
-							}
-						}
-					}
-				}
-			}
-			bodyCopy {
-				json
-				links {
-					entries {
-						inline {
-							sys {
-								id
-							}
-						}
-					}
-				}
-			}
-			ctasCollection(limit: 6) {
-				items {
-					...ctaFragment
-				}
-			}
-			backgroundColor
-			alignment
-		}
-	}
-`;

package/dist/cms/contentful/graphql/queries/cta.query.d.ts

@@ -1,2 +0,0 @@
-import type { DocumentNode } from 'graphql';
-export declare const getCTA: DocumentNode;

package/dist/cms/contentful/graphql/queries/cta.query.js

@@ -1,10 +0,0 @@
-import { gql } from 'graphql-tag';
-import { ctaFragment } from './fragments.js';
-export const getCTA = gql `
-	${ctaFragment}
-	query ctaQuery($id: String!, $preview: Boolean = false) {
-		cta(id: $id, preview: $preview) {
-			...ctaFragment
-		}
-	}
-`;

package/dist/cms/contentful/graphql/queries/footer.query.d.ts

@@ -1,2 +0,0 @@
-import type { DocumentNode } from 'graphql';
-export declare const getFooter: DocumentNode;

package/dist/cms/contentful/graphql/queries/footer.query.js

@@ -1,44 +0,0 @@
-import { gql } from 'graphql-tag';
-import { socialMediaFragment, imageFragment, linkFragment, } from './fragments.js';
-export const getFooter = gql `
-	${socialMediaFragment}
-	${imageFragment}
-	${linkFragment}
-	query footerQuery($id: String!, $preview: Boolean = false) {
-		footer(id: $id, preview: $preview) {
-			backgroundColor
-			logo {
-				...imageFragment
-			}
-			socialMediaCollection(limit: 10) {
-				items {
-					...socialMediaFragment
-				}
-			}
-			navigationElementsCollection(limit: 10) {
-				items {
-					sys {
-						id
-					}
-				}
-			}
-			copyright
-			copyrightLinksCollection {
-				items {
-					sys {
-						id
-					}
-					link {
-						...linkFragment
-					}
-				}
-			}
-			copyrightLogosCollection {
-				items {
-					...imageFragment
-				}
-			}
-			legalText
-		}
-	}
-`;

package/dist/cms/contentful/graphql/queries/fragments.d.ts

@@ -1,11 +0,0 @@
-import type { DocumentNode } from 'graphql';
-export declare const imageFragment: DocumentNode;
-export declare const videoFragment: DocumentNode;
-export declare const metaDataFragment: DocumentNode;
-export declare const accordionItemFragment: DocumentNode;
-export declare const linkFragment: DocumentNode;
-export declare const ctaFragment: DocumentNode;
-export declare const tileLabelFragment: DocumentNode;
-export declare const tileContentFragment: DocumentNode;
-export declare const socialMediaFragment: DocumentNode;
-export declare const navigationElementFragment: DocumentNode;

package/dist/cms/contentful/graphql/queries/fragments.js

@@ -1,172 +0,0 @@
-import { gql } from 'graphql-tag';
-export const imageFragment = gql `
-	fragment imageFragment on Image {
-		__typename
-		entryName
-		altTag
-		media {
-			url
-			title
-			description
-		}
-		mobileMedia {
-			url
-			title
-			description
-		}
-	}
-`;
-export const videoFragment = gql `
-	fragment videoFragment on Video {
-		__typename
-		entryName
-		url
-		thumbnail {
-			...imageFragment
-		}
-	}
-`;
-export const metaDataFragment = gql `
-	${imageFragment}
-	fragment metaDataFragment on PageMetadata {
-		entryName
-		title
-		description
-		keywords
-		socialImage {
-			...imageFragment
-		}
-	}
-`;
-export const accordionItemFragment = gql `
-	${imageFragment}
-	fragment accordionItemFragment on AccordionItem {
-		headline
-		bodyCopy {
-			json
-			links {
-				entries {
-					inline {
-						sys {
-							id
-						}
-					}
-				}
-			}
-		}
-		icon {
-			...imageFragment
-		}
-		color
-	}
-`;
-export const linkFragment = gql `
-	fragment linkFragment on Link {
-		ariaDescription
-		page {
-			sys {
-				id
-			}
-			slug
-		}
-		anchor
-		externalUrl
-		target
-		ariaLabel
-	}
-`;
-export const ctaFragment = gql `
-	${linkFragment}
-	${imageFragment}
-	fragment ctaFragment on Cta {
-		title
-		link {
-			...linkFragment
-		}
-		type
-		logo {
-			...imageFragment
-		}
-		ariaLabel
-		ariaDescription
-		target
-		anchor
-		size
-	}
-`;
-export const tileLabelFragment = gql `
-	fragment tileLabelFragment on TileLabel {
-		entryName
-		copy
-		color
-	}
-`;
-export const tileContentFragment = gql `
-	${imageFragment}
-	${ctaFragment}
-	${tileLabelFragment}
-	fragment tileContentFragment on TileContent {
-		subheadline
-		headline
-		bodyCopy {
-			json
-			links {
-				entries {
-					inline {
-						sys {
-							id
-						}
-						... on HighlightedText {
-							text
-						}
-					}
-				}
-			}
-		}
-		image {
-			...imageFragment
-		}
-		backgroundColor
-		ctasCollection(limit: 6) {
-			items {
-				...ctaFragment
-			}
-		}
-		tileLabel {
-			...tileLabelFragment
-		}
-		alignment
-		variant
-	}
-`;
-export const socialMediaFragment = gql `
-	${imageFragment}
-	${linkFragment}
-	fragment socialMediaFragment on SocialMedia {
-		link {
-			...linkFragment
-		}
-		icon {
-			...imageFragment
-		}
-	}
-`;
-export const navigationElementFragment = gql `
-	${linkFragment}
-	fragment navigationElementFragment on NavigationElement {
-		title
-		link {
-			...linkFragment
-		}
-		subNavigationElementsCollection(limit: 10) {
-			items {
-				... on NavigationElement {
-					title
-					link {
-						...linkFragment
-					}
-				}
-			}
-		}
-	}
-`;

package/dist/cms/contentful/graphql/queries/header.query.d.ts

@@ -1,2 +0,0 @@
-import type { DocumentNode } from 'graphql';
-export declare const getHeader: DocumentNode;