@kickstartds/ds-agency-premium 1.2.1--canary.2.117.0 → 1.2.2
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/{FeaturesProps-9123fa89.d.ts → FeaturesProps-32f5bc0d.d.ts} +3 -3
- package/dist/{LogosProps-8af8b3c7.d.ts → LogosProps-a8efd101.d.ts} +3 -3
- package/dist/{StatsProps-afa48599.d.ts → StatsProps-17b0743a.d.ts} +3 -3
- package/dist/{TestimonialsProps-d27ae4b4.d.ts → TestimonialsProps-4b94faa8.d.ts} +3 -3
- package/dist/components/features/features.schema.dereffed.json +2 -2
- package/dist/components/features/features.schema.json +2 -2
- package/dist/components/features/index.d.ts +1 -1
- package/dist/components/features/index.js +3 -3
- package/dist/components/logos/index.d.ts +1 -1
- package/dist/components/logos/index.js +2 -2
- package/dist/components/logos/logos.schema.dereffed.json +2 -2
- package/dist/components/logos/logos.schema.json +2 -2
- package/dist/components/page/page.schema.dereffed.json +8 -8
- package/dist/components/page-wrapper/tokens.css +1 -1
- package/dist/components/section/index.d.ts +4 -4
- package/dist/components/section/section.schema.dereffed.json +8 -8
- package/dist/components/stats/index.d.ts +1 -1
- package/dist/components/stats/index.js +4 -4
- package/dist/components/stats/stats.schema.dereffed.json +2 -2
- package/dist/components/stats/stats.schema.json +2 -2
- package/dist/components/testimonials/index.d.ts +1 -1
- package/dist/components/testimonials/index.js +4 -4
- package/dist/components/testimonials/testimonials.schema.dereffed.json +2 -2
- package/dist/components/testimonials/testimonials.schema.json +2 -2
- package/dist/tokens/themes.css +3 -3
- package/dist/tokens/tokens.css +1 -1
- package/dist/tokens/tokens.js +1 -1
- package/package.json +1 -1
|
@@ -17,7 +17,7 @@ type CTAToggle = boolean;
|
|
|
17
17
|
* @minItems 1
|
|
18
18
|
* @maxItems 8
|
|
19
19
|
*/
|
|
20
|
-
type
|
|
20
|
+
type Items = [
|
|
21
21
|
{
|
|
22
22
|
icon?: Icon;
|
|
23
23
|
title: Title;
|
|
@@ -272,7 +272,7 @@ interface FeaturesProps {
|
|
|
272
272
|
toggle?: CTAToggle;
|
|
273
273
|
style?: "button" | "link" | "intext";
|
|
274
274
|
};
|
|
275
|
-
|
|
275
|
+
items?: Items;
|
|
276
276
|
}
|
|
277
277
|
/**
|
|
278
278
|
* The call to action
|
|
@@ -281,4 +281,4 @@ interface CallToAction {
|
|
|
281
281
|
target?: CallToActionTarget;
|
|
282
282
|
label?: LinkLabel;
|
|
283
283
|
}
|
|
284
|
-
export { Layout, CTAToggle,
|
|
284
|
+
export { Layout, CTAToggle, Items, Icon, Title, Text, CallToActionTarget, LinkLabel, FeaturesProps, CallToAction };
|
|
@@ -13,7 +13,7 @@ type LogoTagline = string;
|
|
|
13
13
|
* @minItems 1
|
|
14
14
|
* @maxItems 20
|
|
15
15
|
*/
|
|
16
|
-
type
|
|
16
|
+
type Items = [
|
|
17
17
|
{
|
|
18
18
|
src: URL;
|
|
19
19
|
alt?: Caption;
|
|
@@ -911,7 +911,7 @@ type LinkLabel = string;
|
|
|
911
911
|
*/
|
|
912
912
|
interface LogosProps {
|
|
913
913
|
tagline?: LogoTagline;
|
|
914
|
-
|
|
914
|
+
items?: Items;
|
|
915
915
|
align?: Alignment;
|
|
916
916
|
logosPerRow?: LogosPerRow;
|
|
917
917
|
cta?: CallToAction;
|
|
@@ -926,4 +926,4 @@ interface CallToAction {
|
|
|
926
926
|
label: LinkLabel;
|
|
927
927
|
style: "button" | "text";
|
|
928
928
|
}
|
|
929
|
-
export { LogoTagline,
|
|
929
|
+
export { LogoTagline, Items, URL, Caption, Alignment, LogosPerRow, CTAToggle, CallToActionText, CallToActionLink, LinkLabel, LogosProps, CallToAction };
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
* @minItems 1
|
|
10
10
|
* @maxItems 4
|
|
11
11
|
*/
|
|
12
|
-
type
|
|
12
|
+
type Items = [Stat] | [Stat, Stat] | [Stat, Stat, Stat] | [Stat, Stat, Stat, Stat];
|
|
13
13
|
/**
|
|
14
14
|
* The number of the stat
|
|
15
15
|
*/
|
|
@@ -30,7 +30,7 @@ type Icon = string;
|
|
|
30
30
|
* Component used to display stats with a number upcounter
|
|
31
31
|
*/
|
|
32
32
|
interface StatsProps {
|
|
33
|
-
|
|
33
|
+
items?: Items;
|
|
34
34
|
}
|
|
35
35
|
interface Stat {
|
|
36
36
|
number: Number;
|
|
@@ -38,4 +38,4 @@ interface Stat {
|
|
|
38
38
|
title: Title;
|
|
39
39
|
icon?: Icon;
|
|
40
40
|
}
|
|
41
|
-
export {
|
|
41
|
+
export { Items, Number, Description, Title, Icon, StatsProps, Stat };
|
|
@@ -34,7 +34,7 @@ type Rating = number;
|
|
|
34
34
|
/**
|
|
35
35
|
* Add testimonials featuring an image, a quote, a source and a rating
|
|
36
36
|
*/
|
|
37
|
-
type
|
|
37
|
+
type Items = {
|
|
38
38
|
quote: Quote1;
|
|
39
39
|
name: Name;
|
|
40
40
|
title?: Title;
|
|
@@ -49,6 +49,6 @@ type Testimonials = {
|
|
|
49
49
|
*/
|
|
50
50
|
interface TestimonialsProps {
|
|
51
51
|
layout?: Quote;
|
|
52
|
-
|
|
52
|
+
items?: Items;
|
|
53
53
|
}
|
|
54
|
-
export { Quote, Quote1, Name, Title, Source, AltText, Rating,
|
|
54
|
+
export { Quote, Quote1, Name, Title, Source, AltText, Rating, Items, TestimonialsProps };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { HTMLAttributes, FC } from "react";
|
|
2
|
-
import { FeaturesProps } from "../../FeaturesProps-
|
|
2
|
+
import { FeaturesProps } from "../../FeaturesProps-32f5bc0d.js";
|
|
3
3
|
declare const Features: FC<FeaturesProps & HTMLAttributes<HTMLDivElement>>;
|
|
4
4
|
export { Features };
|
|
@@ -11,12 +11,12 @@ import '@kickstartds/base/lib/link';
|
|
|
11
11
|
const Features = ({ layout = "largeTiles", ctas = {
|
|
12
12
|
style: "link",
|
|
13
13
|
toggle: true,
|
|
14
|
-
}, style = "intext",
|
|
14
|
+
}, style = "intext", items = [], ...props }) => {
|
|
15
15
|
return (jsx("div", { className: classnames(`c-features c-features--${layout === "largeTiles"
|
|
16
16
|
? "large-tiles"
|
|
17
17
|
: layout === "smallTiles"
|
|
18
18
|
? "small-tiles"
|
|
19
|
-
: `${layout}`}`), ...props, children:
|
|
19
|
+
: `${layout}`}`), ...props, children: items.map((item, index) => (jsx(Feature, { title: item.title, text: item.text, style: style === "intext"
|
|
20
20
|
? "intext"
|
|
21
21
|
: style === "stack"
|
|
22
22
|
? "stack"
|
|
@@ -26,7 +26,7 @@ const Features = ({ layout = "largeTiles", ctas = {
|
|
|
26
26
|
? "besideLarge"
|
|
27
27
|
: style === "besideSmall"
|
|
28
28
|
? "besideSmall"
|
|
29
|
-
: undefined, icon:
|
|
29
|
+
: undefined, icon: item?.icon, ctaLabel: item?.cta?.label, ctaTarget: item?.cta?.target, ctaToggle: ctas?.toggle, ctaStyle: ctas?.style }, index))) }));
|
|
30
30
|
};
|
|
31
31
|
|
|
32
32
|
export { Features };
|
|
@@ -5,8 +5,8 @@ import { LogoTiles } from '@kickstartds/content/lib/logo-tiles';
|
|
|
5
5
|
import { Button } from '@kickstartds/base/lib/button';
|
|
6
6
|
import { Link } from '@kickstartds/base/lib/link';
|
|
7
7
|
|
|
8
|
-
const Logos = ({
|
|
9
|
-
return (jsx(Fragment, { children: jsxs("div", { className: classnames(`c-logos c-logos--align-${align}`), children: [jsx("div", { className: "c-logos__tagline", children: tagline }), jsx(LogoTiles, { className: classnames(`c-logo-tiles--cols-${logosPerRow}`), logos:
|
|
8
|
+
const Logos = ({ items = [], tagline, align, cta, logosPerRow = "6", }) => {
|
|
9
|
+
return (jsx(Fragment, { children: jsxs("div", { className: classnames(`c-logos c-logos--align-${align}`), children: [jsx("div", { className: "c-logos__tagline", children: tagline }), jsx(LogoTiles, { className: classnames(`c-logo-tiles--cols-${logosPerRow}`), logos: items }), cta?.toggle ? (jsxs("div", { className: "c-logos__cta", children: [jsxs("div", { className: "c-logos__cta__text", children: [cta?.text, cta?.style === "text" ? (jsxs(Fragment, { children: [" ", jsx(Link, { className: "c-logos__cta__link", href: cta.link, children: cta.label })] })) : ("")] }), cta?.style === "button" ? (jsx(Button, { href: cta.link, label: cta.label })) : ("")] })) : ("")] }) }));
|
|
10
10
|
};
|
|
11
11
|
|
|
12
12
|
export { Logos };
|
|
@@ -11,9 +11,9 @@
|
|
|
11
11
|
"description": "A short tagline atop the logos",
|
|
12
12
|
"examples": ["Your Success, Our Commitment"]
|
|
13
13
|
},
|
|
14
|
-
"
|
|
14
|
+
"items": {
|
|
15
15
|
"type": "array",
|
|
16
|
-
"title": "
|
|
16
|
+
"title": "Items",
|
|
17
17
|
"description": "The logos to display",
|
|
18
18
|
"items": {
|
|
19
19
|
"type": "object",
|
|
@@ -490,9 +490,9 @@
|
|
|
490
490
|
},
|
|
491
491
|
"additionalProperties": false
|
|
492
492
|
},
|
|
493
|
-
"
|
|
493
|
+
"items": {
|
|
494
494
|
"type": "array",
|
|
495
|
-
"title": "
|
|
495
|
+
"title": "Items",
|
|
496
496
|
"description": "The features to display",
|
|
497
497
|
"items": {
|
|
498
498
|
"type": "object",
|
|
@@ -1058,9 +1058,9 @@
|
|
|
1058
1058
|
"Your Success, Our Commitment"
|
|
1059
1059
|
]
|
|
1060
1060
|
},
|
|
1061
|
-
"
|
|
1061
|
+
"items": {
|
|
1062
1062
|
"type": "array",
|
|
1063
|
-
"title": "
|
|
1063
|
+
"title": "Items",
|
|
1064
1064
|
"description": "The logos to display",
|
|
1065
1065
|
"items": {
|
|
1066
1066
|
"type": "object",
|
|
@@ -1381,9 +1381,9 @@
|
|
|
1381
1381
|
"description": "Component used to display stats with a number upcounter",
|
|
1382
1382
|
"type": "object",
|
|
1383
1383
|
"properties": {
|
|
1384
|
-
"
|
|
1384
|
+
"items": {
|
|
1385
|
+
"title": "Items",
|
|
1385
1386
|
"type": "array",
|
|
1386
|
-
"title": "Stats",
|
|
1387
1387
|
"description": "The stats to display with a number upcounter",
|
|
1388
1388
|
"items": {
|
|
1389
1389
|
"type": "object",
|
|
@@ -1542,9 +1542,9 @@
|
|
|
1542
1542
|
],
|
|
1543
1543
|
"default": "slider"
|
|
1544
1544
|
},
|
|
1545
|
-
"
|
|
1545
|
+
"items": {
|
|
1546
1546
|
"type": "array",
|
|
1547
|
-
"title": "
|
|
1547
|
+
"title": "Items",
|
|
1548
1548
|
"description": "Add testimonials featuring an image, a quote, a source and a rating",
|
|
1549
1549
|
"items": {
|
|
1550
1550
|
"type": "object",
|
|
@@ -8,18 +8,18 @@ import { HTMLAttributes, FC, PropsWithChildren } from "react";
|
|
|
8
8
|
*/
|
|
9
9
|
import { CtaProps } from "../../CtaProps-93230a76.js";
|
|
10
10
|
import { FaqProps } from "../../FaqProps-ad618cd5.js";
|
|
11
|
-
import { FeaturesProps } from "../../FeaturesProps-
|
|
11
|
+
import { FeaturesProps } from "../../FeaturesProps-32f5bc0d.js";
|
|
12
12
|
import { GalleryProps } from "../../GalleryProps-76e7de44.js";
|
|
13
13
|
import { HeroProps } from "../../HeroProps-cf82a16d.js";
|
|
14
14
|
import { ImageStoryProps } from "../../ImageStoryProps-03ff6d21.js";
|
|
15
15
|
import { ImageTextProps } from "../../ImageTextProps-9286cca4.js";
|
|
16
|
-
import { LogosProps } from "../../LogosProps-
|
|
16
|
+
import { LogosProps } from "../../LogosProps-a8efd101.js";
|
|
17
17
|
import { MosaicProps } from "../../MosaicProps-aacb9422.js";
|
|
18
18
|
import { SliderProps } from "../../SliderProps-8cae490d.js";
|
|
19
19
|
import { SplitProps } from "../../SplitProps-89ef39c4.js";
|
|
20
|
-
import { StatsProps } from "../../StatsProps-
|
|
20
|
+
import { StatsProps } from "../../StatsProps-17b0743a.js";
|
|
21
21
|
import { TeaserCardProps } from "../../TeaserCardProps-95b399e9.js";
|
|
22
|
-
import { TestimonialsProps } from "../../TestimonialsProps-
|
|
22
|
+
import { TestimonialsProps } from "../../TestimonialsProps-4b94faa8.js";
|
|
23
23
|
import { TextProps } from "../../TextProps-a23170d2.js";
|
|
24
24
|
import { VideoCurtainProps } from "../../VideoCurtainProps-6c625a69.js";
|
|
25
25
|
import { ButtonProps } from "../../ButtonProps-03ff6d21.js";
|
|
@@ -476,9 +476,9 @@
|
|
|
476
476
|
},
|
|
477
477
|
"additionalProperties": false
|
|
478
478
|
},
|
|
479
|
-
"
|
|
479
|
+
"items": {
|
|
480
480
|
"type": "array",
|
|
481
|
-
"title": "
|
|
481
|
+
"title": "Items",
|
|
482
482
|
"description": "The features to display",
|
|
483
483
|
"items": {
|
|
484
484
|
"type": "object",
|
|
@@ -1044,9 +1044,9 @@
|
|
|
1044
1044
|
"Your Success, Our Commitment"
|
|
1045
1045
|
]
|
|
1046
1046
|
},
|
|
1047
|
-
"
|
|
1047
|
+
"items": {
|
|
1048
1048
|
"type": "array",
|
|
1049
|
-
"title": "
|
|
1049
|
+
"title": "Items",
|
|
1050
1050
|
"description": "The logos to display",
|
|
1051
1051
|
"items": {
|
|
1052
1052
|
"type": "object",
|
|
@@ -1367,9 +1367,9 @@
|
|
|
1367
1367
|
"description": "Component used to display stats with a number upcounter",
|
|
1368
1368
|
"type": "object",
|
|
1369
1369
|
"properties": {
|
|
1370
|
-
"
|
|
1370
|
+
"items": {
|
|
1371
|
+
"title": "Items",
|
|
1371
1372
|
"type": "array",
|
|
1372
|
-
"title": "Stats",
|
|
1373
1373
|
"description": "The stats to display with a number upcounter",
|
|
1374
1374
|
"items": {
|
|
1375
1375
|
"type": "object",
|
|
@@ -1528,9 +1528,9 @@
|
|
|
1528
1528
|
],
|
|
1529
1529
|
"default": "slider"
|
|
1530
1530
|
},
|
|
1531
|
-
"
|
|
1531
|
+
"items": {
|
|
1532
1532
|
"type": "array",
|
|
1533
|
-
"title": "
|
|
1533
|
+
"title": "Items",
|
|
1534
1534
|
"description": "Add testimonials featuring an image, a quote, a source and a rating",
|
|
1535
1535
|
"items": {
|
|
1536
1536
|
"type": "object",
|
|
@@ -2,10 +2,10 @@ import "./stats.css";
|
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { CountUp } from '@kickstartds/content/lib/count-up';
|
|
4
4
|
|
|
5
|
-
const Stats = ({
|
|
6
|
-
return (jsx("div", { className: "c-stats", children:
|
|
7
|
-
icon:
|
|
8
|
-
}, text:
|
|
5
|
+
const Stats = ({ items = [], }) => {
|
|
6
|
+
return (jsx("div", { className: "c-stats", children: items.map((item, index) => (jsx(CountUp, { className: "c-stats__item", to: item.number, icon: {
|
|
7
|
+
icon: item?.icon,
|
|
8
|
+
}, text: item?.description, topic: item.title }, index))) }));
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
export { Stats };
|
|
@@ -5,9 +5,9 @@
|
|
|
5
5
|
"description": "Component used to display stats with a number upcounter",
|
|
6
6
|
"type": "object",
|
|
7
7
|
"properties": {
|
|
8
|
-
"
|
|
8
|
+
"items": {
|
|
9
|
+
"title": "Items",
|
|
9
10
|
"type": "array",
|
|
10
|
-
"title": "Stats",
|
|
11
11
|
"description": "The stats to display with a number upcounter",
|
|
12
12
|
"items": {
|
|
13
13
|
"type": "object",
|
|
@@ -5,9 +5,9 @@
|
|
|
5
5
|
"description": "Component used to display stats with a number upcounter",
|
|
6
6
|
"type": "object",
|
|
7
7
|
"properties": {
|
|
8
|
-
"
|
|
8
|
+
"items": {
|
|
9
|
+
"title": "Items",
|
|
9
10
|
"type": "array",
|
|
10
|
-
"title": "Stats",
|
|
11
11
|
"description": "The stats to display with a number upcounter",
|
|
12
12
|
"items": {
|
|
13
13
|
"type": "object",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { HTMLAttributes, FC, PropsWithChildren } from "react";
|
|
2
|
-
import { TestimonialsProps } from "../../TestimonialsProps-
|
|
2
|
+
import { TestimonialsProps } from "../../TestimonialsProps-4b94faa8.js";
|
|
3
3
|
import { SliderProps } from "../../SliderProps-8cae490d.js";
|
|
4
4
|
interface ConditionalSliderProps extends SliderProps {
|
|
5
5
|
layout: "slider" | "list" | "alternating";
|
|
@@ -12,11 +12,11 @@ const ConditionalSlider = ({ layout, children, arrows, nav, ...props }) => {
|
|
|
12
12
|
return (jsx("div", { className: "c-testimonials c-testimonials--list", ...props, children: children }));
|
|
13
13
|
}
|
|
14
14
|
};
|
|
15
|
-
const Testimonials = ({
|
|
16
|
-
return (jsx(ConditionalSlider, { layout: layout, arrows: true, nav: true, ...props, children:
|
|
15
|
+
const Testimonials = ({ items, layout = "slider", ...props }) => {
|
|
16
|
+
return (jsx(ConditionalSlider, { layout: layout, arrows: true, nav: true, ...props, children: items.map((item, index) => (jsx(Quote, { className: layout === "alternating" && index % 2 === 1
|
|
17
17
|
? "c-quote--reverse"
|
|
18
|
-
: "", text:
|
|
19
|
-
(
|
|
18
|
+
: "", text: item.quote, source: item.name, byline: item.title, image: item.image.src, renderSource: () => (jsxs(Fragment, { children: [item?.rating &&
|
|
19
|
+
(item?.rating ? (jsx("div", { children: [...Array(item?.rating)].map((_, index) => (jsx("span", { children: "\u2605" }, index))) })) : ("")), jsx("div", { className: "c-quote__source", children: item.name })] })) }, index))) }));
|
|
20
20
|
};
|
|
21
21
|
|
|
22
22
|
export { ConditionalSlider, Testimonials };
|
|
@@ -16,9 +16,9 @@
|
|
|
16
16
|
],
|
|
17
17
|
"default": "slider"
|
|
18
18
|
},
|
|
19
|
-
"
|
|
19
|
+
"items": {
|
|
20
20
|
"type": "array",
|
|
21
|
-
"title": "
|
|
21
|
+
"title": "Items",
|
|
22
22
|
"description": "Add testimonials featuring an image, a quote, a source and a rating",
|
|
23
23
|
"items": {
|
|
24
24
|
"type": "object",
|
|
@@ -12,9 +12,9 @@
|
|
|
12
12
|
"enum": ["slider", "list", "alternating"],
|
|
13
13
|
"default": "slider"
|
|
14
14
|
},
|
|
15
|
-
"
|
|
15
|
+
"items": {
|
|
16
16
|
"type": "array",
|
|
17
|
-
"title": "
|
|
17
|
+
"title": "Items",
|
|
18
18
|
"description": "Add testimonials featuring an image, a quote, a source and a rating",
|
|
19
19
|
"items": {
|
|
20
20
|
"type": "object",
|
package/dist/tokens/themes.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Mon, 22 Jan 2024
|
|
3
|
+
* Generated on Mon, 22 Jan 2024 14:05:07 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root [ks-theme=google] {
|
|
6
6
|
--ks-background-color-accent-base: var(--ks-color-bg-inverted-alpha-9-base);
|
|
@@ -1555,7 +1555,7 @@
|
|
|
1555
1555
|
}
|
|
1556
1556
|
/**
|
|
1557
1557
|
* Do not edit directly
|
|
1558
|
-
* Generated on Mon, 22 Jan 2024
|
|
1558
|
+
* Generated on Mon, 22 Jan 2024 14:05:05 GMT
|
|
1559
1559
|
*/
|
|
1560
1560
|
:root [ks-theme=lughausen] {
|
|
1561
1561
|
--ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
|
|
@@ -3106,7 +3106,7 @@
|
|
|
3106
3106
|
}
|
|
3107
3107
|
/**
|
|
3108
3108
|
* Do not edit directly
|
|
3109
|
-
* Generated on Mon, 22 Jan 2024
|
|
3109
|
+
* Generated on Mon, 22 Jan 2024 14:05:09 GMT
|
|
3110
3110
|
*/
|
|
3111
3111
|
:root [ks-theme=telekom] {
|
|
3112
3112
|
--ks-background-color-accent-base: var(--ks-color-bg-inverted-alpha-9-base);
|
package/dist/tokens/tokens.css
CHANGED
package/dist/tokens/tokens.js
CHANGED