@cooperco/cooper-component-library 0.1.90 → 0.1.91
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cms/0078-add-feature-variant-to-container-module.cjs +37 -0
- package/dist/cms/contentful/migrations/scripts/0078-add-feature-variant-to-container-module.cjs +37 -0
- package/dist/cms/migrations/scripts/0078-add-feature-variant-to-container-module.cjs +37 -0
- package/dist/cms/scripts/0078-add-feature-variant-to-container-module.cjs +37 -0
- package/dist/lib/assets/full-mobile.svg +373 -0
- package/dist/lib/assets/full.svg +371 -0
- package/dist/lib/component-lib.js +1113 -1021
- package/dist/lib/component-lib.umd.cjs +19 -19
- package/dist/lib/style.css +1 -1
- package/dist/types/src/components/ContainerModule/ContainerModule.d.ts +1 -1
- package/dist/types/src/components/ContainerModule/ContainerModule.vue.d.ts +1 -1
- package/dist/types/src/components/ContentModule/ContentModule.d.ts +5 -0
- package/dist/types/src/components/ContentModule/ContentModule.vue.d.ts +1 -0
- package/dist/types/src/components/TileContent/TileContentIconTile.vue.d.ts +1 -1
- package/dist/types/src/components/TileContent/TileContentImageTile.vue.d.ts +1 -1
- package/dist/types/src/components/TileContent/TileContentTextTile.vue.d.ts +1 -1
- package/dist/types/src/components/TileContent/TileContentVideoTile.vue.d.ts +1 -1
- package/dist/types/src/config/defaultPassthrough/types.d.ts +1 -0
- package/dist/types/src/types.d.ts +75 -1
- package/package.json +1 -1
|
@@ -21,7 +21,7 @@ export interface ContainerModule extends Component {
|
|
|
21
21
|
backgroundColor?: string;
|
|
22
22
|
backgroundImage?: Image;
|
|
23
23
|
backgroundImageClass?: string;
|
|
24
|
-
variant?: 'Centered' | 'Hero';
|
|
24
|
+
variant?: 'Centered' | 'Hero' | 'Feature';
|
|
25
25
|
isChild?: boolean;
|
|
26
26
|
pt?: ContainerModulePassthrough;
|
|
27
27
|
mobileImagePosition?: 'Top' | 'Bottom';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ContainerModule as ContainerModuleType } from './ContainerModule';
|
|
2
2
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<ContainerModuleType, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ContainerModuleType> & Readonly<{}>, {
|
|
3
3
|
isChild: boolean;
|
|
4
|
-
variant: "Centered" | "Hero";
|
|
4
|
+
variant: "Centered" | "Hero" | "Feature";
|
|
5
5
|
mobileImagePosition: "Top" | "Bottom";
|
|
6
6
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
|
|
7
7
|
default?(_: {}): any;
|
|
@@ -38,4 +38,9 @@ export interface ContentModule extends Component {
|
|
|
38
38
|
useChildHeadline?: boolean;
|
|
39
39
|
parentHasBackgroundImage?: boolean;
|
|
40
40
|
parentBackgroundColor?: string;
|
|
41
|
+
/**
|
|
42
|
+
* When true, the ContentModule is rendering inside a Feature variant ContainerModule.
|
|
43
|
+
* Headline keeps mobile sizing (27px) at md, only stepping up at lg+.
|
|
44
|
+
*/
|
|
45
|
+
isFeature?: boolean;
|
|
41
46
|
}
|
|
@@ -3,5 +3,6 @@ declare const _default: import("vue").DefineComponent<ContentModule, {}, {}, {},
|
|
|
3
3
|
isHero: boolean;
|
|
4
4
|
alignment: contentModuleAlignmentEnum;
|
|
5
5
|
parentHasBackgroundImage: boolean;
|
|
6
|
+
isFeature: boolean;
|
|
6
7
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
7
8
|
export default _default;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { TileContentIconTile } from './TileContent';
|
|
2
2
|
declare const _default: import("vue").DefineComponent<TileContentIconTile, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TileContentIconTile> & Readonly<{}>, {
|
|
3
|
-
alignment: "left" | "
|
|
3
|
+
alignment: "left" | "right" | "center";
|
|
4
4
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
5
5
|
export default _default;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { TileContentImageTile } from './TileContent';
|
|
2
2
|
declare const _default: import("vue").DefineComponent<TileContentImageTile, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TileContentImageTile> & Readonly<{}>, {
|
|
3
|
-
alignment: "left" | "
|
|
3
|
+
alignment: "left" | "right" | "center";
|
|
4
4
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
5
5
|
export default _default;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { TileContentTextTile } from './TileContent';
|
|
2
2
|
declare const _default: import("vue").DefineComponent<TileContentTextTile, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TileContentTextTile> & Readonly<{}>, {
|
|
3
|
-
alignment: "left" | "
|
|
3
|
+
alignment: "left" | "right" | "center";
|
|
4
4
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
5
5
|
export default _default;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { TileContentVideoTile } from './TileContent';
|
|
2
2
|
declare const _default: import("vue").DefineComponent<TileContentVideoTile, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TileContentVideoTile> & Readonly<{}>, {
|
|
3
|
-
alignment: "left" | "
|
|
3
|
+
alignment: "left" | "right" | "center";
|
|
4
4
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
5
5
|
export default _default;
|
|
@@ -19,6 +19,7 @@ export interface AccordionPtVariants {
|
|
|
19
19
|
export interface ContainerModulePtVariants {
|
|
20
20
|
Hero: ContainerModulePassthrough;
|
|
21
21
|
Centered: ContainerModulePassthrough;
|
|
22
|
+
Feature: ContainerModulePassthrough;
|
|
22
23
|
}
|
|
23
24
|
export interface CTAPtVariants {
|
|
24
25
|
fill: CTAPassthrough;
|
|
@@ -22,8 +22,82 @@ export declare enum VariantOptions {
|
|
|
22
22
|
'ImageStackedAnimatedTile' = 3,
|
|
23
23
|
'VideoLeft' = 4,
|
|
24
24
|
'Hero' = 5,
|
|
25
|
-
'Centered' = 6
|
|
25
|
+
'Centered' = 6,
|
|
26
|
+
'Feature' = 7
|
|
26
27
|
}
|
|
28
|
+
export declare const ContainerVariant: {
|
|
29
|
+
readonly Centered: "Centered";
|
|
30
|
+
readonly Hero: "Hero";
|
|
31
|
+
readonly Feature: "Feature";
|
|
32
|
+
};
|
|
33
|
+
export declare const ModuleTypeName: {
|
|
34
|
+
readonly Accordion: "Accordion";
|
|
35
|
+
readonly Image: "Image";
|
|
36
|
+
readonly Testimonial: "Testimonial";
|
|
37
|
+
readonly TileLabel: "TileLabel";
|
|
38
|
+
readonly Video: "Video";
|
|
39
|
+
readonly TileCollectionModule: "TileCollectionModule";
|
|
40
|
+
readonly ContainerModule: "ContainerModule";
|
|
41
|
+
readonly TileContent: "TileContent";
|
|
42
|
+
readonly ContentModule: "ContentModule";
|
|
43
|
+
readonly FormModule: "FormModule";
|
|
44
|
+
readonly CarouselModule: "CarouselModule";
|
|
45
|
+
readonly TestimonialModule: "TestimonialModule";
|
|
46
|
+
readonly LogoCollectionModule: "LogoCollectionModule";
|
|
47
|
+
readonly ProductModule: "ProductModule";
|
|
48
|
+
readonly CardsModule: "CardsModule";
|
|
49
|
+
readonly ChartModule: "ChartModule";
|
|
50
|
+
};
|
|
51
|
+
export declare const TileCollectionVariant: {
|
|
52
|
+
readonly Icon: "IconTile";
|
|
53
|
+
readonly Image: "ImageTile";
|
|
54
|
+
readonly Video: "VideoTile";
|
|
55
|
+
readonly Text: "TextTile";
|
|
56
|
+
readonly 'Image Stacked Animated': "ImageStackedAnimatedTile";
|
|
57
|
+
readonly Multiple: "Multiple";
|
|
58
|
+
};
|
|
59
|
+
export declare const TileContentVariant: {
|
|
60
|
+
readonly Icon: "TileContentIconTile";
|
|
61
|
+
readonly Image: "TileContentImageTile";
|
|
62
|
+
readonly Video: "TileContentVideoTile";
|
|
63
|
+
readonly Text: "TileContentTextTile";
|
|
64
|
+
readonly 'Image Stacked Animated': "TileContentImageStackedAnimatedTile";
|
|
65
|
+
readonly Multiple: "TileContentMultiple";
|
|
66
|
+
};
|
|
67
|
+
export declare const AccordionStyle: {
|
|
68
|
+
readonly List: "List";
|
|
69
|
+
readonly Tile: "Tile";
|
|
70
|
+
};
|
|
71
|
+
export declare const CtaType: {
|
|
72
|
+
readonly Fill: "fill";
|
|
73
|
+
readonly Outline: "outline";
|
|
74
|
+
readonly Link: "link";
|
|
75
|
+
readonly Logo: "logo";
|
|
76
|
+
};
|
|
77
|
+
export declare const TileContentAlignment: {
|
|
78
|
+
readonly Left: "left";
|
|
79
|
+
readonly Right: "right";
|
|
80
|
+
readonly Center: "center";
|
|
81
|
+
};
|
|
82
|
+
export declare const TileContentTextPosition: {
|
|
83
|
+
readonly Top: "top";
|
|
84
|
+
readonly Center: "center";
|
|
85
|
+
readonly Bottom: "bottom";
|
|
86
|
+
};
|
|
87
|
+
export declare const ContentModuleAlignment: {
|
|
88
|
+
readonly Left: "left";
|
|
89
|
+
readonly Center: "center";
|
|
90
|
+
readonly Right: "right";
|
|
91
|
+
readonly Inline: "inline";
|
|
92
|
+
};
|
|
93
|
+
export declare const ContainerModuleMobileImagePosition: {
|
|
94
|
+
readonly Top: "Top";
|
|
95
|
+
readonly Bottom: "Bottom";
|
|
96
|
+
};
|
|
97
|
+
export declare const CarouselVariant: {
|
|
98
|
+
readonly Hero: "Hero";
|
|
99
|
+
readonly Default: "Default";
|
|
100
|
+
};
|
|
27
101
|
export declare enum MediaOptions {
|
|
28
102
|
'Image' = "img",
|
|
29
103
|
'Video' = "iframe"
|