@kickstartds/ds-agency-premium 1.2.10--canary.168.f4de958.0 → 1.2.10--canary.175.799b9aa.0

package/dist/BlogAsideProps-e1cbd5d3.d.ts

@@ -0,0 +1,74 @@
+/**
+ * This file was automatically generated by json-schema-to-typescript.
+ * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
+ * and run json-schema-to-typescript to regenerate this file.
+ */
+/**
+ * The name of the author
+ */
+type Name = string;
+/**
+ * The byline of the author
+ */
+type Byline = string;
+/**
+ * The image URL of the author
+ */
+type Image = string;
+/**
+ * The Twitter name of the author
+ */
+type Twitter = string;
+/**
+ * The Email of the author
+ */
+type Email = string;
+/**
+ * The icon name for the social link
+ */
+type Icon = string;
+/**
+ * The href for the social link
+ */
+type Href = string;
+/**
+ * The title for the social link
+ */
+type Title = string;
+/**
+ * The social sharing links for the blog post
+ */
+type SocialSharing = {
+    icon: Icon;
+    href: Href;
+    title: Title;
+}[];
+/**
+ * The reading time for the blog post
+ */
+type ReadingTime = string;
+/**
+ * The date when the blog post was published
+ */
+type PublishedDate = string;
+/**
+ * Meta info for a singular blog entry
+ */
+interface BlogAsideProps {
+    author: Author;
+    socialSharing?: SocialSharing;
+    readingTime?: ReadingTime;
+    date: PublishedDate;
+    className?: string;
+}
+/**
+ * The author of the blog post
+ */
+interface Author {
+    name: Name;
+    byline?: Byline;
+    image?: Image;
+    twitter?: Twitter;
+    email?: Email;
+}
+export { Name, Byline, Image, Twitter, Email, Icon, Href, Title, SocialSharing, ReadingTime, PublishedDate, BlogAsideProps, Author };

package/dist/BlogHeadProps-f9a49428.d.ts

@@ -0,0 +1,31 @@
+/**
+ * This file was automatically generated by json-schema-to-typescript.
+ * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
+ * and run json-schema-to-typescript to regenerate this file.
+ */
+/**
+ * The date when the blog post was published
+ */
+type PublishedDate = string;
+/**
+ * The tags associated with the blog post
+ */
+type Tags = string[];
+/**
+ * The headline of the blog post
+ */
+type Headline = string;
+/**
+ * The source of the cover image for the blog post
+ */
+type CoverImage = string;
+/**
+ * Intro portion of a singular blog entry
+ */
+interface BlogHeadProps {
+    date?: PublishedDate;
+    tags?: Tags;
+    headline: Headline;
+    image?: CoverImage;
+}
+export { PublishedDate, Tags, Headline, CoverImage, BlogHeadProps };

package/dist/BlogTeaserProps-525f7f9f.d.ts

@@ -0,0 +1,79 @@
+/**
+ * This file was automatically generated by json-schema-to-typescript.
+ * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
+ * and run json-schema-to-typescript to regenerate this file.
+ */
+/**
+ * The date of the blog post
+ */
+type Date = string;
+/**
+ * The tags for the blog post
+ */
+type Tags = string[];
+/**
+ * The headline of the blog post
+ */
+type Headline = string;
+/**
+ * The teaser text of the blog post
+ */
+type TeaserText = string;
+/**
+ * The preview image for the blog post
+ */
+type Image = string;
+/**
+ * The blog entry URL to link
+ */
+type URL = string;
+/**
+ * The label to use for the link
+ */
+type Label = string;
+/**
+ * Time to read for the blog post
+ */
+type ReadingTime = string;
+/**
+ * The name of the author
+ */
+type Name = string;
+/**
+ * The title of the author
+ */
+type Title = string;
+/**
+ * The image URL of the author
+ */
+type Image1 = string;
+/**
+ * Display a blog teaser with date, tags, headline, teaser text and author
+ */
+interface BlogTeaserProps {
+    date?: Date;
+    tags?: Tags;
+    headline: Headline;
+    teaserText: TeaserText;
+    image?: Image;
+    link?: Link;
+    readingTime?: ReadingTime;
+    author?: Author;
+    className?: string;
+}
+/**
+ * URL and label for the blog post linked
+ */
+interface Link {
+    url: URL;
+    label?: Label;
+}
+/**
+ * The author of the blog post
+ */
+interface Author {
+    name: Name;
+    title?: Title;
+    image?: Image1;
+}
+export { Date, Tags, Headline, TeaserText, Image, URL, Label, ReadingTime, Name, Title, Image1, BlogTeaserProps, Link, Author };

package/dist/FeatureProps-f8a75850.d.ts

@@ -0,0 +1,52 @@
+/**
+ * This file was automatically generated by json-schema-to-typescript.
+ * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
+ * and run json-schema-to-typescript to regenerate this file.
+ */
+/**
+ * The icon for the feature
+ */
+type Icon = string;
+/**
+ * The title of the feature
+ */
+type Title = string;
+/**
+ * The description of the feature
+ */
+type Text = string;
+/**
+ * The CTA target
+ */
+type CallToActionTarget = string;
+/**
+ * The text label displayed on the link
+ */
+type LinkLabel = string;
+/**
+ * Activate/disable the CTAs
+ */
+type CallToActionToggle = boolean;
+/**
+ * Partial Component used to display a feature
+ */
+interface FeatureProps {
+    icon?: Icon;
+    title: Title;
+    text?: Text;
+    style?: "intext" | "stack" | "centered" | "besideLarge" | "besideSmall";
+    cta?: CallToAction;
+}
+/**
+ * The call to action
+ */
+interface CallToAction {
+    target?: CallToActionTarget;
+    label?: LinkLabel;
+    toggle?: CallToActionToggle;
+    /**
+     * Choose the style of the CTA
+     */
+    style?: "button" | "link" | "intext";
+}
+export { Icon, Title, Text, CallToActionTarget, LinkLabel, CallToActionToggle, FeatureProps, CallToAction };

package/dist/FeaturesProps-b05859d6.d.ts

@@ -0,0 +1,34 @@
+/**
+ * This file was automatically generated by json-schema-to-typescript.
+ * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
+ * and run json-schema-to-typescript to regenerate this file.
+ */
+import { FeatureProps } from "./FeatureProps-f8a75850.js";
+/**
+ * The layout variant to use for the features
+ */
+type Layout = "largeTiles" | "smallTiles" | "list";
+/**
+ * Activate/disable the CTAs
+ */
+type CTAToggle = boolean;
+/**
+ * The features to display
+ *
+ * @minItems 1
+ * @maxItems 8
+ */
+type Features = [FeatureProps] | [FeatureProps, FeatureProps] | [FeatureProps, FeatureProps, FeatureProps] | [FeatureProps, FeatureProps, FeatureProps, FeatureProps] | [FeatureProps, FeatureProps, FeatureProps, FeatureProps, FeatureProps] | [FeatureProps, FeatureProps, FeatureProps, FeatureProps, FeatureProps, FeatureProps] | [FeatureProps, FeatureProps, FeatureProps, FeatureProps, FeatureProps, FeatureProps, FeatureProps] | [FeatureProps, FeatureProps, FeatureProps, FeatureProps, FeatureProps, FeatureProps, FeatureProps, FeatureProps];
+/**
+ * Component used to display a set of features
+ */
+interface FeaturesProps {
+    layout?: Layout;
+    style?: "intext" | "stack" | "centered" | "besideLarge" | "besideSmall";
+    ctas?: {
+        toggle?: CTAToggle;
+        style?: "button" | "link" | "intext";
+    };
+    feature?: Features;
+}
+export { Layout, CTAToggle, Features, FeaturesProps };

package/dist/SeoProps-f2d6dcaa.d.ts

@@ -0,0 +1,36 @@
+/**
+ * This file was automatically generated by json-schema-to-typescript.
+ * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
+ * and run json-schema-to-typescript to regenerate this file.
+ */
+/**
+ * Title used for the page
+ */
+type Title = string;
+/**
+ * Description used for the page
+ */
+type Description = string;
+/**
+ * Keywords used for the page
+ */
+type Keywords = string;
+/**
+ * Preview image used for the page
+ */
+type PreviewImage = string;
+/**
+ * Card preview image (larger, e.g. Twitter) used for the page
+ */
+type CardPreviewImage = string;
+/**
+ * Abstracts SEO settings for a website into JSON schema
+ */
+interface SeoProps {
+    title: Title;
+    description?: Description;
+    keywords?: Keywords;
+    image?: PreviewImage;
+    cardImage?: CardPreviewImage;
+}
+export { Title, Description, Keywords, PreviewImage, CardPreviewImage, SeoProps };

package/dist/{TeaserCardProps-3fce7be4.d.ts → TeaserCardProps-b9c28e78.d.ts}

@@ -24,7 +24,7 @@ type Target = string;
  */
 type Label1 = string;
 /**
- * Toggle chevron icon
+ * Toggle arrow icon
  */
 type Icon = boolean;
 /**

package/dist/components/blog-aside/blog-aside.css

@@ -1,9 +1,37 @@
-.c-post-aside {
+.dsa-blog-aside {
+  --dsa-blog-aside__title--color: var(--dsa-headline--color);
+  --dsa-blog-aside__title--font: var(--dsa-headline_h3--font);
+  --dsa-blog-aside__copy--color: var(--dsa-rich-text--color);
+  --dsa-blog-aside__copy--font: var(--dsa-rich-text--font);
+  --dsa-blog-aside__links--color: var(--dsa-link--color);
+  --dsa-blog-aside__divider--color: var(--ks-border-color-accent);
+}
+
+.dsa-blog-aside {
   --c-post-aside--gap: var(--ks-spacing-stack-s);
 }
-.c-post-aside .c-headline__headline {
-  --c-headline--font: var(--ks-font-display-m);
+.dsa-blog-aside .c-post-meta {
+  --c-post-meta--gap: var(--ks-spacing-m);
+  --c-post-meta_item--gap: var(--ks-spacing-xs);
+  --c-post-meta_item--font: var(--dsa-post-aside__meta__item--font, var(--ks-font-interface-s));
+  --c-post-meta_item--color: var(--dsa-post-aside__meta__item--color, var(--ks-text-color-interface));
+  --c-post-meta_item--icon-size: var(--dsa-post-aside__meta__item__icon--size, 1.2em);
+}
+.dsa-blog-aside .c-contact__copy {
+  --c-rich-text-font: var(--dsa-post-aside__copy--font, var(--dsa-rich-text--font, var(--ks-font-copy-m)));
+  --c-rich-text-color: var(--dsa-post-aside__copy--color, var(--dsa-rich-text--color, var(--ks-text-color-default)));
+}
+.dsa-blog-aside .dsa-headline .dsa-headline__headline {
+  font: var(--dsa-post-aside__title--font, var(--dsa-headline_h3--font, var(--ks-font-display-l)));
+  font-weight: var(--dsa-headline--font-weight);
+  color: var(--dsa-post-aside__title--color, var(--dsa-headline--color, var(--ks-text-color-display)));
+}
+.dsa-blog-aside .c-contact__links {
+  color: var(--dsa-post-aside__links--color, var(--dsa-link--color));
+}
+.dsa-blog-aside .c-contact__links .icon {
+  color: inherit;
 }
-.c-post-aside .c-contact__links .icon {
-  color: var(--g-link--color);
+.dsa-blog-aside .c-divider {
+  --c-divider--background: var(--dsa-post-aside__divider--color, var(--ks-border-color-accent));
 }

package/dist/components/blog-aside/blog-aside.schema.dereffed.json

@@ -30,7 +30,7 @@
           "title": "Image",
           "description": "The image URL of the author",
           "type": "string",
-          "format": "uri",
+          "format": "image",
           "examples": [
             "img/people/author-emily.png"
           ]
@@ -39,7 +39,6 @@
           "title": "Twitter",
           "description": "The Twitter name of the author",
           "type": "string",
-          "format": "uri",
           "examples": [
             "johndoe"
           ]
@@ -48,7 +47,7 @@
           "title": "Email",
           "description": "The Email of the author",
           "type": "string",
-          "format": "email",
+          "pattern": "^[A-Za-z0-9_!#$%&'*+/=?`{|}~^.-]+@[A-Za-z0-9.-]+$",
           "examples": [
             "johndoe@example.com"
           ]
@@ -118,6 +117,9 @@
         "12/30/2022"
       ]
     },
+    "className": {
+      "type": "string"
+    },
     "type": {
       "const": "blog-aside"
     }

package/dist/components/blog-aside/blog-aside.schema.json

@@ -26,21 +26,20 @@
           "title": "Image",
           "description": "The image URL of the author",
           "type": "string",
-          "format": "uri",
+          "format": "image",
           "examples": ["img/people/author-emily.png"]
         },
         "twitter": {
           "title": "Twitter",
           "description": "The Twitter name of the author",
           "type": "string",
-          "format": "uri",
           "examples": ["johndoe"]
         },
         "email": {
           "title": "Email",
           "description": "The Email of the author",
           "type": "string",
-          "format": "email",
+          "pattern": "^[A-Za-z0-9_!#$%&'*+/=?`{|}~^.-]+@[A-Za-z0-9.-]+$",
           "examples": ["johndoe@example.com"]
         }
       },
@@ -92,6 +91,9 @@
       "type": "string",
       "format": "date",
       "examples": ["12/30/2022"]
+    },
+    "className": {
+      "type": "string"
     }
   },
   "additionalProperties": false,

package/dist/components/blog-aside/index.d.ts

@@ -1,76 +1,6 @@
-import { HTMLAttributes, FC } from "react";
-/* eslint-disable */
-/**
- * This file was automatically generated by json-schema-to-typescript.
- * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
- * and run json-schema-to-typescript to regenerate this file.
- */
-/**
- * The name of the author
- */
-type Name = string;
-/**
- * The byline of the author
- */
-type Byline = string;
-/**
- * The image URL of the author
- */
-type Image = string;
-/**
- * The Twitter name of the author
- */
-type Twitter = string;
-/**
- * The Email of the author
- */
-type Email = string;
-/**
- * The icon name for the social link
- */
-type Icon = string;
-/**
- * The href for the social link
- */
-type Href = string;
-/**
- * The title for the social link
- */
-type Title = string;
-/**
- * The social sharing links for the blog post
- */
-type SocialSharing = {
-    icon: Icon;
-    href: Href;
-    title: Title;
-}[];
-/**
- * The reading time for the blog post
- */
-type ReadingTime = string;
-/**
- * The date when the blog post was published
- */
-type PublishedDate = string;
-/**
- * Meta info for a singular blog entry
- */
-interface BlogAsideProps {
-    author: Author;
-    socialSharing?: SocialSharing;
-    readingTime?: ReadingTime;
-    date: PublishedDate;
-}
-/**
- * The author of the blog post
- */
-interface Author {
-    name: Name;
-    byline?: Byline;
-    image?: Image;
-    twitter?: Twitter;
-    email?: Email;
-}
-declare const BlogAside: FC<BlogAsideProps & HTMLAttributes<HTMLElement>>;
-export { BlogAside };
+/// <reference types="react" />
+import { BlogAsideProps } from "../../BlogAsideProps-e1cbd5d3.js";
+declare const BlogAsideContextDefault: import("react").ForwardRefExoticComponent<BlogAsideProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const BlogAsideContext: import("react").Context<import("react").ForwardRefExoticComponent<BlogAsideProps & import("react").RefAttributes<HTMLDivElement>>>;
+declare const BlogAside: import("react").ForwardRefExoticComponent<BlogAsideProps & import("react").RefAttributes<HTMLDivElement>>;
+export { BlogAsideContextDefault, BlogAsideContext, BlogAside };

package/dist/components/blog-aside/index.js

@@ -1,8 +1,10 @@
 import "./blog-aside.css";
 import { jsx } from 'react/jsx-runtime';
+import classnames from 'classnames';
+import { forwardRef, createContext, useContext } from 'react';
 import { PostAside } from '@kickstartds/blog/lib/post-aside';
 
-const BlogAside = ({ author, socialSharing, readingTime, date, }) => {
+const BlogAsideContextDefault = forwardRef(({ author, socialSharing, readingTime, date, className }, ref) => {
     const socialLinks = socialSharing?.map((link) => {
         return {
             icon: link.icon,
@@ -22,24 +24,24 @@ const BlogAside = ({ author, socialSharing, readingTime, date, }) => {
             text: readingTime,
         });
     const authorLinks = [];
-    if (author.twitter)
+    if (author?.twitter)
         authorLinks.push({
             href: `https://twitter.com/${author.twitter}`,
             icon: "twitter",
             newTab: true,
             label: `@${author.twitter}`,
         });
-    if (author.email)
+    if (author?.email)
         authorLinks.push({
             href: `mailto:${author.email}`,
             icon: "email",
             newTab: false,
             label: author.email,
         });
-    return (jsx(PostAside, { author: {
-            title: author.name,
-            image: author.image && { src: author.image },
-            copy: author.byline,
+    return (jsx(PostAside, { className: classnames(className, "dsa-blog-aside"), author: {
+            title: author?.name,
+            image: author?.image && { src: author.image },
+            copy: author?.byline,
             links: authorLinks,
         }, shareBar: {
             headline: {
@@ -49,7 +51,12 @@ const BlogAside = ({ author, socialSharing, readingTime, date, }) => {
             links: socialLinks,
         }, meta: {
             items: metaItems,
-        } }));
-};
+        }, ref: ref }));
+});
+const BlogAsideContext = createContext(BlogAsideContextDefault);
+const BlogAside = forwardRef((props, ref) => {
+    const Component = useContext(BlogAsideContext);
+    return jsx(Component, { ...props, ref: ref });
+});
 
-export { BlogAside };
+export { BlogAside, BlogAsideContext, BlogAsideContextDefault };

package/dist/components/blog-head/blog-head.css

@@ -1,3 +1,23 @@
-.c-post-head__image {
-  margin-bottom: var(--ks-spacing-stack-m);
+.dsa-blog-head {
+  --dsa-blog-head__date--font: var(--ks-font-interface-xs);
+  --dsa-blog-head__date--font-weight: var(--ks-font-weight-bold);
+  --dsa-blog-head__date--color: var(--ks-text-color-interface);
+  --dsa-blog-head__headline--font: var(--dsa-headline_h2--font);
+  --dsa-blog-head__headline--font-weight: var(--dsa-headline--font-weight);
+  --dsa-blog-head__headline--color: var(--dsa-headline--color);
+  --dsa-blog-head--margin-bottom: var(--ks-spacing-stack-m);
+}
+
+.dsa-post-head.c-post-head {
+  --c-post-head_date--font: var(--dsa-blog-head__date--font, var(--ks-font-interface-xs));
+  --c-post-head_date--font-weight: var(--dsa-blog-head__date--font-weight, var(--ks-font-weight-bold));
+  --c-post-head_date--color: var(--dsa-blog-head__date--color, var(--ks-text-color-interface));
+}
+.dsa-post-head.c-post-head .dsa-headline__headline {
+  font: var(--dsa-blog-head__headline--font, var(--dsa-headline_h2--font, var(--ks-font-display-l)));
+  font-weight: var(--dsa-blog-head__headline--font-weight, var(--dsa-headline--font-weight, var(--ks-font-weight-medium)));
+  color: var(--dsa-blog-head__headline--color, var(--dsa-headline--color, var(--ks-text-color-display)));
+}
+.dsa-post-head.c-post-head .c-post-head__image {
+  margin-bottom: var(--dsa-blog-head--margin-bottom, var(--ks-spacing-stack-m));
 }

package/dist/components/blog-head/blog-head.schema.dereffed.json

@@ -30,6 +30,7 @@
       "title": "Headline",
       "description": "The headline of the blog post",
       "type": "string",
+      "format": "markdown",
       "examples": [
         "This is a blog post headline"
       ]
@@ -38,7 +39,7 @@
       "title": "Cover Image",
       "description": "The source of the cover image for the blog post",
       "type": "string",
-      "format": "uri",
+      "format": "image",
       "examples": [
         "img/close-up-young-business-team-working.png"
       ]

package/dist/components/blog-head/blog-head.schema.json

@@ -25,13 +25,14 @@
       "title": "Headline",
       "description": "The headline of the blog post",
       "type": "string",
+      "format": "markdown",
       "examples": ["This is a blog post headline"]
     },
     "image": {
       "title": "Cover Image",
       "description": "The source of the cover image for the blog post",
       "type": "string",
-      "format": "uri",
+      "format": "image",
       "examples": ["img/close-up-young-business-team-working.png"]
     }
   },

package/dist/components/blog-head/index.d.ts

@@ -1,34 +1,6 @@
-import { HTMLAttributes, FC } from "react";
-/* eslint-disable */
-/**
- * This file was automatically generated by json-schema-to-typescript.
- * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
- * and run json-schema-to-typescript to regenerate this file.
- */
-/**
- * The date when the blog post was published
- */
-type PublishedDate = string;
-/**
- * The tags associated with the blog post
- */
-type Tags = string[];
-/**
- * The headline of the blog post
- */
-type Headline = string;
-/**
- * The source of the cover image for the blog post
- */
-type CoverImage = string;
-/**
- * Intro portion of a singular blog entry
- */
-interface BlogHeadProps {
-    date?: PublishedDate;
-    tags?: Tags;
-    headline: Headline;
-    image?: CoverImage;
-}
-declare const BlogHead: FC<BlogHeadProps & HTMLAttributes<HTMLElement>>;
-export { BlogHead };
+/// <reference types="react" />
+import { BlogHeadProps } from "../../BlogHeadProps-f9a49428.js";
+declare const BlogHeadContextDefault: import("react").ForwardRefExoticComponent<BlogHeadProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const BlogHeadContext: import("react").Context<import("react").ForwardRefExoticComponent<BlogHeadProps & import("react").RefAttributes<HTMLDivElement>>>;
+declare const BlogHead: import("react").ForwardRefExoticComponent<BlogHeadProps & import("react").RefAttributes<HTMLDivElement>>;
+export { BlogHeadContextDefault, BlogHeadContext, BlogHead };