@explorer-1/vue 0.2.3 → 0.2.5

package/dist/src/components/BlockCardGrid/BlockCardGrid.stories.d.ts

@@ -0,0 +1,60 @@
+import { default as BlockCardGrid } from './BlockCardGrid.vue';
+declare namespace _default {
+    export let title: string;
+    export { BlockCardGrid as component };
+    export let tags: string[];
+    export let excludeStories: RegExp;
+}
+export default _default;
+export const BlockCardGridData: ({
+    label: string;
+    title: string;
+    description: string;
+    image: {
+        alt: string;
+        src: {
+            height: number;
+            url: string;
+            width: number;
+        };
+        srcSet: string;
+    };
+    link: {
+        page: null;
+        externalLink: string;
+    };
+} | {
+    label: string;
+    title: string;
+    description: string;
+    image: {
+        alt: string;
+        src: {
+            height: number;
+            url: string;
+            width: number;
+        };
+        srcSet: string;
+    };
+    link: {
+        page: {
+            url: string;
+        };
+        externalLink: string;
+    };
+} | {
+    label: string;
+    title: string;
+    description: string;
+    image: null;
+    link: {
+        page: null;
+        externalLink: string;
+    };
+})[];
+export namespace BaseStory {
+    let name: string;
+    namespace args {
+        export { BlockCardGridData as cards };
+    }
+}

package/dist/src/components/BlockCardGrid/BlockCardGrid.vue.d.ts

@@ -0,0 +1,33 @@
+import { PropType } from 'vue';
+import { ImageObject, LinkObject } from '../../interfaces';
+
+interface CardGridItem {
+    title: string;
+    label: string;
+    description: string;
+    image: Partial<ImageObject>;
+    link?: LinkObject;
+}
+declare const _default: import('vue').DefineComponent<{
+    compact: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    cards: {
+        type: PropType<CardGridItem[]>;
+        default: undefined;
+    };
+}, unknown, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    compact: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    cards: {
+        type: PropType<CardGridItem[]>;
+        default: undefined;
+    };
+}>>, {
+    compact: boolean;
+    cards: CardGridItem[];
+}, {}>;
+export default _default;

package/dist/src/components/{BlockCard/BlockCard.stories.d.ts → BlockCardGridItem/BlockCardGridItem.stories.d.ts}

@@ -1,7 +1,8 @@
-import { default as BlockCard } from './BlockCard.vue';
+import { default as BlockCardGridItem } from './BlockCardGridItem.vue';
 declare namespace _default {
     export let title: string;
-    export { BlockCard as component };
+    export { BlockCardGridItem as component };
+    export let tags: string[];
     export let decorators: (() => {
         template: string;
     })[];
@@ -14,10 +15,10 @@ declare namespace _default {
 }
 export default _default;
 export namespace BlockCardData {
-    export let type: string;
+    export let label: string;
     let title_1: string;
     export { title_1 as title };
-    export let text: string;
+    export let description: string;
     export namespace image {
         let alt: string;
         namespace src {
@@ -27,8 +28,21 @@ export namespace BlockCardData {
         }
         let srcSet: string;
     }
+    export namespace link {
+        namespace page {
+            let url_1: string;
+            export { url_1 as url };
+        }
+        let externalLink: null;
+    }
 }
 export namespace BaseStory {
     export let name: string;
     export { BlockCardData as args };
 }
+export namespace NoLink {
+    namespace args {
+        let link_1: undefined;
+        export { link_1 as link };
+    }
+}

package/dist/src/components/{BlockCardGroup/BlockCardGroup.vue.d.ts → BlockCardGridItem/BlockCardGridItem.vue.d.ts}

@@ -1,21 +1,19 @@
 import { PropType } from 'vue';
-import { ImageObject } from '../../interfaces';
+import { LinkObject } from './../../interfaces';
 
-interface Fact {
-    title: string;
-    type: string;
-    description: string;
-    image: Partial<ImageObject>;
-}
 declare const _default: import('vue').DefineComponent<{
-    facts: {
-        type: PropType<Fact[]>;
+    link: {
+        type: PropType<LinkObject>;
         required: false;
+        default: undefined;
     };
 }, unknown, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    facts: {
-        type: PropType<Fact[]>;
+    link: {
+        type: PropType<LinkObject>;
         required: false;
+        default: undefined;
     };
-}>>, {}, {}>;
+}>>, {
+    link: LinkObject;
+}, {}>;
 export default _default;

package/dist/src/components/{BlockCard/BlockCard.vue.d.ts → BlockCardGridItem/BlockCardGridItemElement.vue.d.ts}

@@ -1,51 +1,57 @@
+import { PropType } from 'vue';
+import { LinkObject } from './../../interfaces';
+
 declare const _default: import('vue').DefineComponent<{
-    type: {
+    label: {
         type: StringConstructor;
-        required: false;
-        default: string;
+        default: undefined;
     };
     title: {
         type: StringConstructor;
         required: false;
         default: undefined;
     };
-    text: {
+    description: {
         type: StringConstructor;
-        required: false;
         default: undefined;
     };
     image: {
         type: ObjectConstructor;
-        required: false;
+        default: undefined;
+    };
+    link: {
+        type: PropType<LinkObject>;
         default: undefined;
     };
 }, unknown, unknown, {
     theSrcSet(): any;
 }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    type: {
+    label: {
         type: StringConstructor;
-        required: false;
-        default: string;
+        default: undefined;
     };
     title: {
         type: StringConstructor;
         required: false;
         default: undefined;
     };
-    text: {
+    description: {
         type: StringConstructor;
-        required: false;
         default: undefined;
     };
     image: {
         type: ObjectConstructor;
-        required: false;
+        default: undefined;
+    };
+    link: {
+        type: PropType<LinkObject>;
         default: undefined;
     };
 }>>, {
+    label: string;
+    link: LinkObject;
     title: string;
     image: Record<string, any>;
-    text: string;
-    type: string;
+    description: string;
 }, {}>;
 export default _default;

package/dist/src/components/BlockCircleImageCard/BlockCircleImageCard.stories.d.ts

@@ -3,6 +3,7 @@ import { default as IconExternal } from './../Icons/IconExternal.vue';
 declare namespace _default {
     export let title: string;
     export { BlockCircleImageCard as component };
+    export let tags: string[];
     export let decorators: (() => {
         template: string;
     })[];

package/dist/src/components/BlockHeading/BlockHeading.vue.d.ts

@@ -3,10 +3,33 @@ declare const _default: import('vue').DefineComponent<{
         type: ObjectConstructor;
         required: false;
     };
-}, unknown, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    index: {
+        type: NumberConstructor;
+        required: false;
+        default: undefined;
+    };
+    generateId: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, unknown, unknown, {
+    getId(): string | undefined;
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     data: {
         type: ObjectConstructor;
         required: false;
     };
-}>>, {}, {}>;
+    index: {
+        type: NumberConstructor;
+        required: false;
+        default: undefined;
+    };
+    generateId: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    index: number;
+    generateId: boolean;
+}, {}>;
 export default _default;

package/dist/src/components/BlockLinkCard/BlockLinkCard.stories.d.ts

@@ -2,6 +2,7 @@ import { default as BlockLinkCard } from './BlockLinkCard.vue';
 declare namespace _default {
     export let title: string;
     export { BlockLinkCard as component };
+    export let tags: string[];
     export let excludeStories: RegExp;
     export let decorators: (() => {
         template: string;

package/dist/src/components/BlockLinkTile/BlockLinkTile.stories.d.ts

@@ -5,6 +5,7 @@ declare namespace _default {
     export let decorators: (() => {
         template: string;
     })[];
+    export let tags: string[];
     export namespace argTypes {
         namespace headingLevel {
             let description: string;

package/dist/src/components/BlockListCards/BlockListCards.stories.d.ts

@@ -7,6 +7,7 @@ declare namespace _default {
 export default _default;
 export namespace BlockListCardsData {
     let blockType: string;
+    let field: string;
     let items: ({
         description: string;
         heading: string;

package/dist/src/components/BlockStreamfield/BlockStreamfield.stories.d.ts

@@ -216,6 +216,7 @@ export namespace BlockStreamfieldData {
         }[];
     } | {
         blockType: string;
+        field: string;
         items: ({
             description: string;
             heading: string;
@@ -321,6 +322,7 @@ export namespace BlockStreamfieldData {
         value?: undefined;
         showTitle?: undefined;
         items?: undefined;
+        field?: undefined;
     } | {
         blockType: string;
         value: string;
@@ -328,6 +330,7 @@ export namespace BlockStreamfieldData {
         level?: undefined;
         showTitle?: undefined;
         items?: undefined;
+        field?: undefined;
     } | {
         blockType: string;
         heading: string;
@@ -335,6 +338,7 @@ export namespace BlockStreamfieldData {
         value?: undefined;
         showTitle?: undefined;
         items?: undefined;
+        field?: undefined;
     } | {
         heading: string;
         introduction: string;
@@ -368,6 +372,7 @@ export namespace BlockStreamfieldData {
         level?: undefined;
         showTitle?: undefined;
         items?: undefined;
+        field?: undefined;
     } | {
         blockType: string;
         showTitle: boolean;
@@ -390,6 +395,7 @@ export namespace BlockStreamfieldData {
         value?: undefined;
         heading?: undefined;
         level?: undefined;
+        field?: undefined;
     } | {
         blockType: string;
         embed: {
@@ -402,6 +408,60 @@ export namespace BlockStreamfieldData {
         level?: undefined;
         showTitle?: undefined;
         items?: undefined;
+        field?: undefined;
+    } | {
+        blockType: string;
+        field: string;
+        items: ({
+            label: string;
+            title: string;
+            description: string;
+            image: {
+                alt: string;
+                src: {
+                    height: number;
+                    url: string;
+                    width: number;
+                };
+                srcSet: string;
+            };
+            link: {
+                page: null;
+                externalLink: string;
+            };
+        } | {
+            label: string;
+            title: string;
+            description: string;
+            image: {
+                alt: string;
+                src: {
+                    height: number;
+                    url: string;
+                    width: number;
+                };
+                srcSet: string;
+            };
+            link: {
+                page: {
+                    url: string;
+                };
+                externalLink: string;
+            };
+        } | {
+            label: string;
+            title: string;
+            description: string;
+            image: null;
+            link: {
+                page: null;
+                externalLink: string;
+            };
+        })[];
+        value?: undefined;
+        heading?: undefined;
+        level?: undefined;
+        showTitle?: undefined;
     })[];
     export { body_1 as body };
 }

package/dist/src/components/BlockStreamfield/BlockStreamfield.vue.d.ts

@@ -1,12 +1,11 @@
 import { PropType } from 'vue';
-import { ImageObject } from '../../interfaces';
+import { BlockData, ImageObject } from '../../interfaces';
 
 interface Variants {
     [name: string]: string;
 }
 export declare const variants: Variants;
-export interface StreamfieldBlockData {
-    blockType: string;
+export interface StreamfieldBlockData extends BlockData {
     id: string;
     fullBleed: boolean;
     heading: string;

package/dist/src/components/DetailHeadline/DetailHeadline.stories.d.ts

@@ -1,14 +1,37 @@
-import { default as DetailHeadline } from './DetailHeadline.vue';
+import { default as DetailHeadline, pillColorVariants } from './DetailHeadline.vue';
 declare namespace _default {
     export let title: string;
     export { DetailHeadline as component };
     export let excludeStories: RegExp;
+    export namespace argTypes {
+        namespace ariaLabel {
+            let type: string;
+            let description: string;
+        }
+        namespace pillColor {
+            let type_1: string;
+            export { type_1 as type };
+            let description_1: string;
+            export { description_1 as description };
+            export namespace control {
+                let type_2: string;
+                export { type_2 as type };
+            }
+            export { pillColorVariants as options };
+            export namespace table {
+                namespace defaultValue {
+                    let summary: string;
+                }
+            }
+        }
+    }
 }
 export default _default;
 export namespace DetailHeadlineData {
     let title_1: string;
     export { title_1 as title };
     export let publicationDate: string;
+    export let readTime: string;
     export namespace author {
         let name: string;
         let organization: string;
@@ -46,3 +69,9 @@ export namespace NoAuthor {
     }
     export { args_1 as args };
 }
+export namespace Pill {
+    export namespace args_2 {
+        let pill: boolean;
+    }
+    export { args_2 as args };
+}

package/dist/src/components/DetailHeadline/DetailHeadline.vue.d.ts

@@ -1,6 +1,7 @@
 import { PropType } from 'vue';
 import { Topic, AuthorObject } from './../../interfaces';
 
+export declare const pillColorVariants: string[];
 declare const _default: import('vue').DefineComponent<{
     title: {
         type: StringConstructor;
@@ -22,6 +23,11 @@ declare const _default: import('vue').DefineComponent<{
         required: false;
         default: undefined;
     };
+    readTime: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
     topics: {
         type: PropType<Topic[]>;
         required: false;
@@ -37,16 +43,30 @@ declare const _default: import('vue').DefineComponent<{
         required: false;
         default: undefined;
     };
+    pill: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    pillColor: {
+        type: StringConstructor;
+        default: string;
+        validator: (prop: string) => boolean;
+    };
     schema: {
         type: BooleanConstructor;
         default: boolean;
     };
 }, unknown, unknown, {
+    hasTag(): boolean;
+    hasEyebrow(): boolean;
+    hasByline(): boolean;
+    hasData(): boolean;
     pubDatetime(): string | undefined;
     authors(): {
         name: string;
         organization: string;
     }[] | undefined;
+    pillLabel(): string | undefined;
     themeStore: () => import('pinia').Store<"theme", import('../../store/theme').State, {
         isEdu(state: {
             theme: import('./../../interfaces').Explorer1Theme | null;
@@ -75,6 +95,11 @@ declare const _default: import('vue').DefineComponent<{
         required: false;
         default: undefined;
     };
+    readTime: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
     topics: {
         type: PropType<Topic[]>;
         required: false;
@@ -90,6 +115,15 @@ declare const _default: import('vue').DefineComponent<{
         required: false;
         default: undefined;
     };
+    pill: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    pillColor: {
+        type: StringConstructor;
+        default: string;
+        validator: (prop: string) => boolean;
+    };
     schema: {
         type: BooleanConstructor;
         default: boolean;
@@ -100,8 +134,11 @@ declare const _default: import('vue').DefineComponent<{
     author: AuthorObject | AuthorObject[];
     publicationDate: string;
     publicationTime: string;
+    readTime: string;
     topics: Topic[];
     labelLink: string;
+    pill: boolean;
+    pillColor: string;
     schema: boolean;
 }, {}>;
 export default _default;

package/dist/src/components/LayoutHelper/LayoutHelper.vue.d.ts

@@ -9,6 +9,10 @@ declare const _default: import('vue').DefineComponent<{
         default: string;
         validator: (prop: string) => boolean;
     };
+    fullBleed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, unknown, unknown, {
     theWidth(): string;
 }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -18,7 +22,12 @@ declare const _default: import('vue').DefineComponent<{
         default: string;
         validator: (prop: string) => boolean;
     };
+    fullBleed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     indent: string;
+    fullBleed: boolean;
 }, {}>;
 export default _default;

package/dist/src/components/NavDesktop/NavDesktop.stories.d.ts

@@ -283,6 +283,7 @@ export namespace BaseStory {
                     updateHighlightPrimary(value: boolean): void;
                     updateGlobalChildren(value: any): void;
                     updateSecondary(value: any): void;
+                    updateSecondaryNavIsJumpMenu(value: boolean): void;
                 }>;
             }, {
                 getUrlKey(item: import("../../utils/mixins").LinkObject): string | null;
@@ -395,6 +396,7 @@ export namespace NavInverted {
                     updateHighlightPrimary(value: boolean): void;
                     updateGlobalChildren(value: any): void;
                     updateSecondary(value: any): void;
+                    updateSecondaryNavIsJumpMenu(value: boolean): void;
                 }>;
             }, {
                 getUrlKey(item: import("../../utils/mixins").LinkObject): string | null;
@@ -502,6 +504,7 @@ export namespace Dropdown {
                     updateHighlightPrimary(value: boolean): void;
                     updateGlobalChildren(value: any): void;
                     updateSecondary(value: any): void;
+                    updateSecondaryNavIsJumpMenu(value: boolean): void;
                 }>;
             }, {
                 toggleDropdown(): void;

package/dist/src/components/NavDesktop/NavDesktop.vue.d.ts

@@ -43,6 +43,7 @@ declare const _default: import('vue').DefineComponent<{
         updateHighlightPrimary(value: boolean): void;
         updateGlobalChildren(value: any): void;
         updateSecondary(value: any): void;
+        updateSecondaryNavIsJumpMenu(value: boolean): void;
     }>;
 }, {
     getUrlKey(item: LinkObject): string | null;

package/dist/src/components/NavDesktop/NavDesktopDropdown.vue.d.ts

@@ -13,6 +13,7 @@ declare const _default: import('vue').DefineComponent<{
         updateHighlightPrimary(value: boolean): void;
         updateGlobalChildren(value: any): void;
         updateSecondary(value: any): void;
+        updateSecondaryNavIsJumpMenu(value: boolean): void;
     }>;
 }, {
     toggleDropdown(): void;

package/dist/src/components/NavDesktopEdu/NavDesktopEdu.stories.d.ts

@@ -233,6 +233,7 @@ export namespace BaseStory {
                     updateHighlightPrimary(value: boolean): void;
                     updateGlobalChildren(value: any): void;
                     updateSecondary(value: any): void;
+                    updateSecondaryNavIsJumpMenu(value: boolean): void;
                 }>;
             }, {
                 getUrlKey(item: import("../../utils/mixins").LinkObject): string | null;