@cooperco/cooper-component-library 0.1.3 → 0.1.5
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/lib/component-lib.js +2390 -1959
- package/dist/lib/component-lib.umd.cjs +24 -24
- package/dist/lib/css/main.css +34 -8
- package/dist/lib/css/theme.css +22 -0
- package/dist/lib/style.css +1 -1
- package/dist/types/components/Accordion/Accordion.d.ts +2 -0
- package/dist/types/components/Accordion/Accordion.vue.d.ts +3 -0
- package/dist/types/components/CTA/CTA.d.ts +5 -3
- package/dist/types/components/CarouselModule/CarouselModule.d.ts +1 -0
- package/dist/types/components/CarouselModule/CarouselModule.vue.d.ts +3 -0
- package/dist/types/components/ContainerCollectionModule/ContainerCollectionModule.d.ts +1 -0
- package/dist/types/components/ContainerCollectionModule/ContainerCollectionModule.vue.d.ts +15 -1
- package/dist/types/components/ContainerModule/ContainerModule.d.ts +1 -0
- package/dist/types/components/ContainerModule/ContainerModule.vue.d.ts +3 -0
- package/dist/types/components/ContentModule/ContentModule.d.ts +3 -1
- package/dist/types/components/ContentModule/ContentModule.vue.d.ts +2 -0
- package/dist/types/components/LogoCollectionModule/LogoCollectionModule.d.ts +1 -0
- package/dist/types/components/LogoCollectionModule/LogoCollectionModule.vue.d.ts +15 -1
- package/dist/types/components/NavigationElement/NavigationElement.d.ts +2 -2
- package/dist/types/components/SplitModule/SplitModule.d.ts +1 -0
- package/dist/types/components/SplitModule/SplitModule.vue.d.ts +15 -1
- package/dist/types/components/TileCollectionModule/TileCollectionModule.d.ts +4 -0
- package/dist/types/components/TileCollectionModule/TileCollectionModule.vue.d.ts +18 -1
- package/dist/types/components/TileContent/TileContent.d.ts +3 -1
- package/dist/types/components/TileContent/TileContentIconTile.vue.d.ts +18 -1
- package/dist/types/components/TileContent/TileContentImageTile.vue.d.ts +18 -1
- package/dist/types/components/TileContent/TileContentTextTile.vue.d.ts +18 -1
- package/dist/types/components/TileContent/TileContentVideoTile.vue.d.ts +18 -1
- package/dist/types/components/TileLabel/TileLabel.d.ts +1 -0
- package/dist/types/config/colorPalettes.d.ts +59 -0
- package/dist/types/types.d.ts +6 -4
- package/package.json +1 -1
|
@@ -2,12 +2,15 @@ import { type Accordion } from './Accordion';
|
|
|
2
2
|
declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Accordion>, {
|
|
3
3
|
iconDefault: string;
|
|
4
4
|
iconActive: string;
|
|
5
|
+
isProvider: boolean;
|
|
5
6
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Accordion>, {
|
|
6
7
|
iconDefault: string;
|
|
7
8
|
iconActive: string;
|
|
9
|
+
isProvider: boolean;
|
|
8
10
|
}>>>, {
|
|
9
11
|
iconActive: string;
|
|
10
12
|
iconDefault: string;
|
|
13
|
+
isProvider: boolean;
|
|
11
14
|
}, {}>;
|
|
12
15
|
export default _default;
|
|
13
16
|
type __VLS_WithDefaults<P, D> = {
|
|
@@ -1,19 +1,21 @@
|
|
|
1
|
-
import { Component,
|
|
1
|
+
import { Component, linkRef } from '../../types';
|
|
2
2
|
import { Image } from '../Image/Image';
|
|
3
3
|
export interface CTAPassthrough {
|
|
4
4
|
logo?: string;
|
|
5
5
|
headline?: string;
|
|
6
|
+
root?: string;
|
|
6
7
|
}
|
|
7
8
|
export interface CTA extends Component {
|
|
8
9
|
__typename?: 'CTA';
|
|
9
10
|
title: string;
|
|
10
|
-
|
|
11
|
+
linkRef: linkRef;
|
|
11
12
|
color?: string;
|
|
12
13
|
textColor?: string;
|
|
13
14
|
buttonType: 'fill' | 'outline' | 'link' | 'logo';
|
|
14
15
|
logo?: Image | string;
|
|
15
16
|
pt?: CTAPassthrough;
|
|
16
|
-
ariaLabel
|
|
17
|
+
ariaLabel?: string;
|
|
17
18
|
anchor?: string;
|
|
18
19
|
target?: string;
|
|
20
|
+
size?: 'sm' | 'lg' | 'xl' | 'xxl';
|
|
19
21
|
}
|
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
import { Carousel as CarouselType } from './CarouselModule';
|
|
2
2
|
declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<CarouselType>, {
|
|
3
3
|
variant: string;
|
|
4
|
+
isProvider: boolean;
|
|
4
5
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<CarouselType>, {
|
|
5
6
|
variant: string;
|
|
7
|
+
isProvider: boolean;
|
|
6
8
|
}>>>, {
|
|
9
|
+
isProvider: boolean;
|
|
7
10
|
variant: "Hero" | "Default";
|
|
8
11
|
}, {}>;
|
|
9
12
|
export default _default;
|
|
@@ -1,6 +1,20 @@
|
|
|
1
1
|
import { ContainerCollectionModule } from './ContainerCollectionModule';
|
|
2
|
-
declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<ContainerCollectionModule>, {
|
|
2
|
+
declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<ContainerCollectionModule>, {
|
|
3
|
+
isProvider: boolean;
|
|
4
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ContainerCollectionModule>, {
|
|
5
|
+
isProvider: boolean;
|
|
6
|
+
}>>>, {
|
|
7
|
+
isProvider: boolean;
|
|
8
|
+
}, {}>;
|
|
3
9
|
export default _default;
|
|
10
|
+
type __VLS_WithDefaults<P, D> = {
|
|
11
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
12
|
+
default: D[K];
|
|
13
|
+
}> : P[K];
|
|
14
|
+
};
|
|
15
|
+
type __VLS_Prettify<T> = {
|
|
16
|
+
[K in keyof T]: T[K];
|
|
17
|
+
} & {};
|
|
4
18
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
5
19
|
type __VLS_TypePropsToOption<T> = {
|
|
6
20
|
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
@@ -2,11 +2,14 @@ import { ContainerModule as ContainerModuleType } from './ContainerModule';
|
|
|
2
2
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<ContainerModuleType>, {
|
|
3
3
|
isChild: boolean;
|
|
4
4
|
variant: string;
|
|
5
|
+
isProvider: boolean;
|
|
5
6
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ContainerModuleType>, {
|
|
6
7
|
isChild: boolean;
|
|
7
8
|
variant: string;
|
|
9
|
+
isProvider: boolean;
|
|
8
10
|
}>>>, {
|
|
9
11
|
isChild: boolean;
|
|
12
|
+
isProvider: boolean;
|
|
10
13
|
variant: "Centered" | "Hero";
|
|
11
14
|
}, {}>, {
|
|
12
15
|
default?(_: {}): any;
|
|
@@ -10,7 +10,8 @@ export interface ContentModulePassthrough extends ComponentPassthrough {
|
|
|
10
10
|
export declare enum ContentModuleAligmentEnum {
|
|
11
11
|
Left = "left",
|
|
12
12
|
Center = "center",
|
|
13
|
-
Right = "right"
|
|
13
|
+
Right = "right",
|
|
14
|
+
Inline = "inline"
|
|
14
15
|
}
|
|
15
16
|
export interface ContentModule extends Component {
|
|
16
17
|
__typename?: 'ContentModule';
|
|
@@ -25,4 +26,5 @@ export interface ContentModule extends Component {
|
|
|
25
26
|
isHero?: boolean;
|
|
26
27
|
alignment?: ContentModuleAligmentEnum;
|
|
27
28
|
isChild?: boolean;
|
|
29
|
+
isProvider?: boolean;
|
|
28
30
|
}
|
|
@@ -2,9 +2,11 @@ import { ContentModule, ContentModuleAligmentEnum } from './ContentModule';
|
|
|
2
2
|
declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<ContentModule>, {
|
|
3
3
|
isHero: boolean;
|
|
4
4
|
alignment: ContentModuleAligmentEnum;
|
|
5
|
+
mobileAlignment: ContentModuleAligmentEnum;
|
|
5
6
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ContentModule>, {
|
|
6
7
|
isHero: boolean;
|
|
7
8
|
alignment: ContentModuleAligmentEnum;
|
|
9
|
+
mobileAlignment: ContentModuleAligmentEnum;
|
|
8
10
|
}>>>, {
|
|
9
11
|
isHero: boolean;
|
|
10
12
|
alignment: ContentModuleAligmentEnum;
|
|
@@ -1,6 +1,20 @@
|
|
|
1
1
|
import { LogoCollectionModule } from './LogoCollectionModule';
|
|
2
|
-
declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<LogoCollectionModule>, {
|
|
2
|
+
declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<LogoCollectionModule>, {
|
|
3
|
+
isProvider: boolean;
|
|
4
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<LogoCollectionModule>, {
|
|
5
|
+
isProvider: boolean;
|
|
6
|
+
}>>>, {
|
|
7
|
+
isProvider: boolean;
|
|
8
|
+
}, {}>;
|
|
3
9
|
export default _default;
|
|
10
|
+
type __VLS_WithDefaults<P, D> = {
|
|
11
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
12
|
+
default: D[K];
|
|
13
|
+
}> : P[K];
|
|
14
|
+
};
|
|
15
|
+
type __VLS_Prettify<T> = {
|
|
16
|
+
[K in keyof T]: T[K];
|
|
17
|
+
} & {};
|
|
4
18
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
5
19
|
type __VLS_TypePropsToOption<T> = {
|
|
6
20
|
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { Component, ComponentPassthrough,
|
|
1
|
+
import { Component, ComponentPassthrough, linkRef } from '../../types';
|
|
2
2
|
export interface NavigationElementPt extends ComponentPassthrough {
|
|
3
3
|
icon?: string;
|
|
4
4
|
}
|
|
5
5
|
export interface NavigationElement extends Component {
|
|
6
6
|
elementType?: 'header' | 'footer';
|
|
7
7
|
title?: string;
|
|
8
|
-
linkRef?:
|
|
8
|
+
linkRef?: linkRef;
|
|
9
9
|
htmlRef?: string;
|
|
10
10
|
subNavigation?: NavigationElement[];
|
|
11
11
|
isChild?: boolean;
|
|
@@ -1,6 +1,20 @@
|
|
|
1
1
|
import { SplitModule } from './SplitModule';
|
|
2
|
-
declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<SplitModule>, {
|
|
2
|
+
declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<SplitModule>, {
|
|
3
|
+
isProvider: boolean;
|
|
4
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<SplitModule>, {
|
|
5
|
+
isProvider: boolean;
|
|
6
|
+
}>>>, {
|
|
7
|
+
isProvider: boolean;
|
|
8
|
+
}, {}>;
|
|
3
9
|
export default _default;
|
|
10
|
+
type __VLS_WithDefaults<P, D> = {
|
|
11
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
12
|
+
default: D[K];
|
|
13
|
+
}> : P[K];
|
|
14
|
+
};
|
|
15
|
+
type __VLS_Prettify<T> = {
|
|
16
|
+
[K in keyof T]: T[K];
|
|
17
|
+
} & {};
|
|
4
18
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
5
19
|
type __VLS_TypePropsToOption<T> = {
|
|
6
20
|
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { Component, ComponentPassthrough } from '../../types';
|
|
2
|
+
import { CTA } from '../CTA/CTA';
|
|
2
3
|
import { TileContent } from '../TileContent/TileContent';
|
|
3
4
|
import { TileLabelType } from '../TileLabel/TileLabel';
|
|
4
5
|
export interface TileCollection extends Component {
|
|
@@ -9,6 +10,9 @@ export interface TileCollection extends Component {
|
|
|
9
10
|
textColor?: string;
|
|
10
11
|
backgroundColor?: string;
|
|
11
12
|
tileLabelType?: TileLabelType;
|
|
13
|
+
ctas?: CTA[];
|
|
14
|
+
cols?: number;
|
|
12
15
|
variant: 'IconTile' | 'ImageTile' | 'VideoTile' | 'ImageStackedAnimatedTile' | 'TextTile';
|
|
13
16
|
pt?: ComponentPassthrough;
|
|
17
|
+
isProvider?: boolean;
|
|
14
18
|
}
|
|
@@ -1,6 +1,23 @@
|
|
|
1
1
|
import { TileCollection } from './TileCollectionModule';
|
|
2
|
-
declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<TileCollection>, {
|
|
2
|
+
declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<TileCollection>, {
|
|
3
|
+
isProvider: boolean;
|
|
4
|
+
cols: number;
|
|
5
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<TileCollection>, {
|
|
6
|
+
isProvider: boolean;
|
|
7
|
+
cols: number;
|
|
8
|
+
}>>>, {
|
|
9
|
+
isProvider: boolean;
|
|
10
|
+
cols: number;
|
|
11
|
+
}, {}>;
|
|
3
12
|
export default _default;
|
|
13
|
+
type __VLS_WithDefaults<P, D> = {
|
|
14
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
15
|
+
default: D[K];
|
|
16
|
+
}> : P[K];
|
|
17
|
+
};
|
|
18
|
+
type __VLS_Prettify<T> = {
|
|
19
|
+
[K in keyof T]: T[K];
|
|
20
|
+
} & {};
|
|
4
21
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
5
22
|
type __VLS_TypePropsToOption<T> = {
|
|
6
23
|
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
@@ -31,10 +31,10 @@ export interface TileContent extends Component {
|
|
|
31
31
|
tileLabel?: TileLabel;
|
|
32
32
|
tileLabelType?: TileLabelType;
|
|
33
33
|
alignment?: 'left' | 'center' | 'right';
|
|
34
|
-
isImageStacked?: boolean;
|
|
35
34
|
pt?: TileContentPassthrough;
|
|
36
35
|
listItems?: string[];
|
|
37
36
|
footer?: string;
|
|
37
|
+
isProvider?: boolean;
|
|
38
38
|
}
|
|
39
39
|
export interface TileContentTextTile extends Omit<TileContent, '__typename'> {
|
|
40
40
|
__typename?: 'TileContentTextTile';
|
|
@@ -51,3 +51,5 @@ export interface TileContentVideoTile extends Omit<TileContent, '__typename'> {
|
|
|
51
51
|
export interface TileContentImageStackedAnimatedTile extends Omit<TileContent, '__typename'> {
|
|
52
52
|
__typename?: 'TileContentImageStackedAnimatedTile';
|
|
53
53
|
}
|
|
54
|
+
export declare const getCtaBackgroundColor: (ctaDef: CTA, tileBg: string) => string | null | undefined;
|
|
55
|
+
export declare const getCtaTextColor: (ctaDef: CTA, tileBg: string) => string | undefined;
|
|
@@ -1,6 +1,23 @@
|
|
|
1
1
|
import { TileContentIconTile } from './TileContent';
|
|
2
|
-
declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<TileContentIconTile>, {
|
|
2
|
+
declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<TileContentIconTile>, {
|
|
3
|
+
isProvider: boolean;
|
|
4
|
+
alignment: string;
|
|
5
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<TileContentIconTile>, {
|
|
6
|
+
isProvider: boolean;
|
|
7
|
+
alignment: string;
|
|
8
|
+
}>>>, {
|
|
9
|
+
isProvider: boolean;
|
|
10
|
+
alignment: "left" | "center" | "right";
|
|
11
|
+
}, {}>;
|
|
3
12
|
export default _default;
|
|
13
|
+
type __VLS_WithDefaults<P, D> = {
|
|
14
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
15
|
+
default: D[K];
|
|
16
|
+
}> : P[K];
|
|
17
|
+
};
|
|
18
|
+
type __VLS_Prettify<T> = {
|
|
19
|
+
[K in keyof T]: T[K];
|
|
20
|
+
} & {};
|
|
4
21
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
5
22
|
type __VLS_TypePropsToOption<T> = {
|
|
6
23
|
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
@@ -1,6 +1,23 @@
|
|
|
1
1
|
import { TileContentImageTile } from './TileContent';
|
|
2
|
-
declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<TileContentImageTile>, {
|
|
2
|
+
declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<TileContentImageTile>, {
|
|
3
|
+
isProvider: boolean;
|
|
4
|
+
alignment: string;
|
|
5
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<TileContentImageTile>, {
|
|
6
|
+
isProvider: boolean;
|
|
7
|
+
alignment: string;
|
|
8
|
+
}>>>, {
|
|
9
|
+
isProvider: boolean;
|
|
10
|
+
alignment: "left" | "center" | "right";
|
|
11
|
+
}, {}>;
|
|
3
12
|
export default _default;
|
|
13
|
+
type __VLS_WithDefaults<P, D> = {
|
|
14
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
15
|
+
default: D[K];
|
|
16
|
+
}> : P[K];
|
|
17
|
+
};
|
|
18
|
+
type __VLS_Prettify<T> = {
|
|
19
|
+
[K in keyof T]: T[K];
|
|
20
|
+
} & {};
|
|
4
21
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
5
22
|
type __VLS_TypePropsToOption<T> = {
|
|
6
23
|
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
@@ -1,6 +1,23 @@
|
|
|
1
1
|
import { TileContentTextTile } from './TileContent';
|
|
2
|
-
declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<TileContentTextTile>, {
|
|
2
|
+
declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<TileContentTextTile>, {
|
|
3
|
+
isProvider: boolean;
|
|
4
|
+
alignment: string;
|
|
5
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<TileContentTextTile>, {
|
|
6
|
+
isProvider: boolean;
|
|
7
|
+
alignment: string;
|
|
8
|
+
}>>>, {
|
|
9
|
+
isProvider: boolean;
|
|
10
|
+
alignment: "left" | "center" | "right";
|
|
11
|
+
}, {}>;
|
|
3
12
|
export default _default;
|
|
13
|
+
type __VLS_WithDefaults<P, D> = {
|
|
14
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
15
|
+
default: D[K];
|
|
16
|
+
}> : P[K];
|
|
17
|
+
};
|
|
18
|
+
type __VLS_Prettify<T> = {
|
|
19
|
+
[K in keyof T]: T[K];
|
|
20
|
+
} & {};
|
|
4
21
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
5
22
|
type __VLS_TypePropsToOption<T> = {
|
|
6
23
|
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
@@ -1,6 +1,23 @@
|
|
|
1
1
|
import { TileContentVideoTile } from './TileContent';
|
|
2
|
-
declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<TileContentVideoTile>, {
|
|
2
|
+
declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<TileContentVideoTile>, {
|
|
3
|
+
isProvider: boolean;
|
|
4
|
+
alignment: string;
|
|
5
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<TileContentVideoTile>, {
|
|
6
|
+
isProvider: boolean;
|
|
7
|
+
alignment: string;
|
|
8
|
+
}>>>, {
|
|
9
|
+
isProvider: boolean;
|
|
10
|
+
alignment: "left" | "center" | "right";
|
|
11
|
+
}, {}>;
|
|
3
12
|
export default _default;
|
|
13
|
+
type __VLS_WithDefaults<P, D> = {
|
|
14
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
15
|
+
default: D[K];
|
|
16
|
+
}> : P[K];
|
|
17
|
+
};
|
|
18
|
+
type __VLS_Prettify<T> = {
|
|
19
|
+
[K in keyof T]: T[K];
|
|
20
|
+
} & {};
|
|
4
21
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
5
22
|
type __VLS_TypePropsToOption<T> = {
|
|
6
23
|
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
interface PaletteElements {
|
|
2
|
+
bg?: string;
|
|
3
|
+
copy?: string;
|
|
4
|
+
border?: string;
|
|
5
|
+
}
|
|
6
|
+
interface TileLabel {
|
|
7
|
+
Numeric: PaletteElements;
|
|
8
|
+
Text: PaletteElements;
|
|
9
|
+
}
|
|
10
|
+
interface Tile {
|
|
11
|
+
headline: string;
|
|
12
|
+
copy: string;
|
|
13
|
+
bg: string;
|
|
14
|
+
label: TileLabel;
|
|
15
|
+
}
|
|
16
|
+
interface CtaPalette {
|
|
17
|
+
fill: PaletteElements;
|
|
18
|
+
outline: PaletteElements;
|
|
19
|
+
logo: PaletteElements;
|
|
20
|
+
link: PaletteElements;
|
|
21
|
+
}
|
|
22
|
+
interface ColorPalette {
|
|
23
|
+
headline: string;
|
|
24
|
+
subheadline: string;
|
|
25
|
+
copy: string;
|
|
26
|
+
copyAccent: string;
|
|
27
|
+
bullet: string;
|
|
28
|
+
cta: CtaPalette;
|
|
29
|
+
uiElement: PaletteElements;
|
|
30
|
+
interactive?: PaletteElements;
|
|
31
|
+
tile: Tile;
|
|
32
|
+
label: TileLabel;
|
|
33
|
+
}
|
|
34
|
+
export declare const COLOR_PALETTES: {
|
|
35
|
+
[key: string]: ColorPalette;
|
|
36
|
+
};
|
|
37
|
+
/**
|
|
38
|
+
* This function will either provide its background color (if it's a provider) or
|
|
39
|
+
* will consume (inject) a parent's background color to determine the color palette
|
|
40
|
+
* that should be used.
|
|
41
|
+
*
|
|
42
|
+
* The `backgroundColor` in the `props` object will be used over the parent's backgroundColor.
|
|
43
|
+
* That means you can give a child its own palette, separate from the parent.
|
|
44
|
+
*
|
|
45
|
+
* `isProvider` just means that the component calling this function should provide its
|
|
46
|
+
* backgroundColor to any children.
|
|
47
|
+
*
|
|
48
|
+
* Many of the main container modules (ContainerModule, SplitModule, TileCollection, etc)
|
|
49
|
+
* are defaulted to being a provider. Make sure to pass `false` to the `is-provider` prop
|
|
50
|
+
* if any child is a provider.
|
|
51
|
+
*
|
|
52
|
+
* @param props Props from the component
|
|
53
|
+
* @returns
|
|
54
|
+
*/
|
|
55
|
+
export declare const withColorPalette: (props: any) => {
|
|
56
|
+
backgroundColor: string;
|
|
57
|
+
palette: ColorPalette;
|
|
58
|
+
};
|
|
59
|
+
export {};
|
package/dist/types/types.d.ts
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import { Image } from './components/Image/Image';
|
|
2
|
-
export interface
|
|
3
|
-
|
|
4
|
-
page?:
|
|
2
|
+
export interface linkRef {
|
|
3
|
+
externalUrl?: string;
|
|
4
|
+
page?: {
|
|
5
|
+
slug: string;
|
|
6
|
+
};
|
|
5
7
|
}
|
|
6
8
|
export declare enum VariantOptions {
|
|
7
9
|
'IconTile' = 0,
|
|
@@ -30,7 +32,7 @@ export interface tileLabel {
|
|
|
30
32
|
}
|
|
31
33
|
export interface socialMedia {
|
|
32
34
|
icon: Image;
|
|
33
|
-
url:
|
|
35
|
+
url: linkRef;
|
|
34
36
|
}
|
|
35
37
|
export interface Component {
|
|
36
38
|
class?: string;
|