@kickstartds/ds-agency-premium 1.2.19 → 1.2.20
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/components/blog-overview/index.d.ts +36 -1
- package/dist/components/blog-post/index.d.ts +36 -1
- package/dist/components/footer/index.d.ts +37 -1
- package/dist/components/header/index.d.ts +42 -1
- package/dist/components/image-story/index.d.ts +1 -1
- package/dist/components/page-wrapper/index.d.ts +3 -2
- package/dist/components/page-wrapper/index.js +471 -6
- package/dist/components/page-wrapper/tokens.css +1 -1
- package/dist/components/section/index.d.ts +141 -1
- package/dist/tokens/themes.css +11186 -0
- package/dist/tokens/themes.css.d.ts +0 -0
- package/dist/tokens/themes.css.js +1 -0
- package/dist/tokens/tokens.css +1 -1
- package/dist/tokens/tokens.js +1 -1
- package/package.json +3 -3
- package/dist/BlogOverviewProps-f385fc47.d.ts +0 -36
- package/dist/BlogPostProps-0910f130.d.ts +0 -36
- package/dist/FooterProps-b5c16ab5.d.ts +0 -37
- package/dist/HeaderProps-ae331ab2.d.ts +0 -42
- package/dist/SectionProps-93230a76.d.ts +0 -141
- package/dist/components/index/index.d.ts +0 -50
- package/dist/components/index/index.js +0 -1
- package/dist/components/raw-page-wrapper/index.d.ts +0 -3
- package/dist/components/raw-page-wrapper/index.js +0 -492
- package/dist/static/tokens-business.css +0 -2725
- package/dist/static/tokens-google.css +0 -2729
- package/dist/static/tokens-ngo.css +0 -2999
- package/dist/static/tokens-telekom.css +0 -2725
- package/dist/static/tokens.css +0 -2730
- /package/dist/{ImageStoryProps-24e0335c.d.ts → ImageStoryProps-03ff6d21.d.ts} +0 -0
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import "./themes.css";
|
package/dist/tokens/tokens.css
CHANGED
package/dist/tokens/tokens.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kickstartds/ds-agency-premium",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.20",
|
|
4
4
|
"description": "",
|
|
5
5
|
"homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
|
|
6
6
|
"bugs": {
|
|
@@ -40,13 +40,13 @@
|
|
|
40
40
|
"scripts": {
|
|
41
41
|
"build-storybook": "yarn build-tokens && yarn schema && yarn token && storybook build",
|
|
42
42
|
"postbuild-storybook": "yarn presets && yarn playroom:build && mkdir -p dist/components && cp snippets.json dist/components/presets.json",
|
|
43
|
-
"build-tokens": "kickstartDS tokens compile
|
|
43
|
+
"build-tokens-ds-agency": "kickstartDS tokens compile",
|
|
44
44
|
"build-tokens-business": "kickstartDS tokens compile --token-dictionary-path src/token-business/dictionary --sd-config-path sd.config-business.cjs",
|
|
45
45
|
"build-tokens-ngo": "kickstartDS tokens compile --token-dictionary-path src/token-ngo/dictionary --sd-config-path sd.config-ngo.cjs",
|
|
46
46
|
"build-tokens-google": "kickstartDS tokens compile --token-dictionary-path src/token-google/dictionary --sd-config-path sd.config-google.cjs",
|
|
47
47
|
"build-tokens-telekom": "kickstartDS tokens compile --token-dictionary-path src/token-telekom/dictionary --sd-config-path sd.config-telekom.cjs",
|
|
48
|
+
"build-tokens": "run-s build-tokens-* && node scripts/patchThemeTokens.js",
|
|
48
49
|
"chromatic": "chromatic --build-script-name \"build-storybook\" --output-dir \"storybook-static\" --skip \"@(renovate/**|dependabot/**)\" --exit-zero-on-changes --exit-once-uploaded",
|
|
49
|
-
"copyTokensCss": "cp src/token/tokens.css static/tokens.css && cp src/token-business/tokens.css static/tokens-business.css && cp src/token-google/tokens.css static/tokens-google.css && cp src/token-telekom/tokens.css static/tokens-telekom.css && cp src/token-ngo/tokens.css static/tokens-ngo.css",
|
|
50
50
|
"init-tokens": "kickstartDS tokens init",
|
|
51
51
|
"playroom": "run-p watch:* playroom:start",
|
|
52
52
|
"playroom:start": "playroom start",
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* This file was automatically generated by json-schema-to-typescript.
|
|
3
|
-
* DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
|
|
4
|
-
* and run json-schema-to-typescript to regenerate this file.
|
|
5
|
-
*/
|
|
6
|
-
import { BlogTeaserProps } from "./BlogTeaserProps-525f7f9f.js";
|
|
7
|
-
import { CtaProps } from "./CtaProps-93230a76.js";
|
|
8
|
-
import { SeoProps } from "./SeoProps-f2d6dcaa.js";
|
|
9
|
-
/**
|
|
10
|
-
* Collection of posts to list on the page
|
|
11
|
-
*/
|
|
12
|
-
type Posts = BlogTeaserProps[];
|
|
13
|
-
/**
|
|
14
|
-
* Collection of posts to list on the page
|
|
15
|
-
*/
|
|
16
|
-
type Posts1 = BlogTeaserProps[];
|
|
17
|
-
/**
|
|
18
|
-
* Abstracts a blog overview concept into JSON schema
|
|
19
|
-
*/
|
|
20
|
-
interface BlogOverviewProps {
|
|
21
|
-
/**
|
|
22
|
-
* Referenced component BlogTeaserProps
|
|
23
|
-
*/
|
|
24
|
-
latest?: BlogTeaserProps;
|
|
25
|
-
list?: Posts;
|
|
26
|
-
more?: Posts1;
|
|
27
|
-
/**
|
|
28
|
-
* Referenced component CtaProps
|
|
29
|
-
*/
|
|
30
|
-
cta?: CtaProps;
|
|
31
|
-
/**
|
|
32
|
-
* Referenced component SeoProps
|
|
33
|
-
*/
|
|
34
|
-
seo: SeoProps;
|
|
35
|
-
}
|
|
36
|
-
export { Posts, Posts1, BlogOverviewProps };
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* This file was automatically generated by json-schema-to-typescript.
|
|
3
|
-
* DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
|
|
4
|
-
* and run json-schema-to-typescript to regenerate this file.
|
|
5
|
-
*/
|
|
6
|
-
import { BlogHeadProps } from "./BlogHeadProps-f9a49428.js";
|
|
7
|
-
import { BlogAsideProps } from "./BlogAsideProps-e1cbd5d3.js";
|
|
8
|
-
import { CtaProps } from "./CtaProps-93230a76.js";
|
|
9
|
-
import { SeoProps } from "./SeoProps-f2d6dcaa.js";
|
|
10
|
-
/**
|
|
11
|
-
* Body text for the blog post
|
|
12
|
-
*/
|
|
13
|
-
type Text = string;
|
|
14
|
-
/**
|
|
15
|
-
* Abstracts a blog post concept into JSON schema
|
|
16
|
-
*/
|
|
17
|
-
interface BlogPostProps {
|
|
18
|
-
/**
|
|
19
|
-
* Referenced component BlogHeadProps
|
|
20
|
-
*/
|
|
21
|
-
head?: BlogHeadProps;
|
|
22
|
-
/**
|
|
23
|
-
* Referenced component BlogAsideProps
|
|
24
|
-
*/
|
|
25
|
-
aside?: BlogAsideProps;
|
|
26
|
-
content?: Text;
|
|
27
|
-
/**
|
|
28
|
-
* Referenced component CtaProps
|
|
29
|
-
*/
|
|
30
|
-
cta?: CtaProps;
|
|
31
|
-
/**
|
|
32
|
-
* Referenced component SeoProps
|
|
33
|
-
*/
|
|
34
|
-
seo: SeoProps;
|
|
35
|
-
}
|
|
36
|
-
export { Text, BlogPostProps };
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* This file was automatically generated by json-schema-to-typescript.
|
|
3
|
-
* DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
|
|
4
|
-
* and run json-schema-to-typescript to regenerate this file.
|
|
5
|
-
*/
|
|
6
|
-
/**
|
|
7
|
-
* Picture source
|
|
8
|
-
*/
|
|
9
|
-
type Source = string;
|
|
10
|
-
/**
|
|
11
|
-
* Alt text to display for picture
|
|
12
|
-
*/
|
|
13
|
-
type AltText = string;
|
|
14
|
-
/**
|
|
15
|
-
* Width of the picture
|
|
16
|
-
*/
|
|
17
|
-
type Width = number;
|
|
18
|
-
/**
|
|
19
|
-
* Height of the picture
|
|
20
|
-
*/
|
|
21
|
-
type Height = number;
|
|
22
|
-
interface FooterProps {
|
|
23
|
-
logo: Logo;
|
|
24
|
-
logoHref?: string;
|
|
25
|
-
navItems?: {
|
|
26
|
-
href: string;
|
|
27
|
-
label: string;
|
|
28
|
-
target?: string;
|
|
29
|
-
}[];
|
|
30
|
-
}
|
|
31
|
-
interface Logo {
|
|
32
|
-
src?: Source;
|
|
33
|
-
alt?: AltText;
|
|
34
|
-
width?: Width;
|
|
35
|
-
height?: Height;
|
|
36
|
-
}
|
|
37
|
-
export { Source, AltText, Width, Height, FooterProps, Logo };
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* This file was automatically generated by json-schema-to-typescript.
|
|
3
|
-
* DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
|
|
4
|
-
* and run json-schema-to-typescript to regenerate this file.
|
|
5
|
-
*/
|
|
6
|
-
/**
|
|
7
|
-
* Picture source
|
|
8
|
-
*/
|
|
9
|
-
type Source = string;
|
|
10
|
-
/**
|
|
11
|
-
* Alt text to display for picture
|
|
12
|
-
*/
|
|
13
|
-
type AltText = string;
|
|
14
|
-
/**
|
|
15
|
-
* Width of the picture
|
|
16
|
-
*/
|
|
17
|
-
type Width = number;
|
|
18
|
-
/**
|
|
19
|
-
* Height of the picture
|
|
20
|
-
*/
|
|
21
|
-
type Height = number;
|
|
22
|
-
/**
|
|
23
|
-
* Make the header float over the first Section
|
|
24
|
-
*/
|
|
25
|
-
type Floating = boolean;
|
|
26
|
-
interface HeaderProps {
|
|
27
|
-
logo: Logo;
|
|
28
|
-
logoHref?: string;
|
|
29
|
-
floating?: Floating;
|
|
30
|
-
navItems?: {
|
|
31
|
-
href: string;
|
|
32
|
-
label: string;
|
|
33
|
-
active?: boolean;
|
|
34
|
-
}[];
|
|
35
|
-
}
|
|
36
|
-
interface Logo {
|
|
37
|
-
src?: Source;
|
|
38
|
-
alt?: AltText;
|
|
39
|
-
width?: Width;
|
|
40
|
-
height?: Height;
|
|
41
|
-
}
|
|
42
|
-
export { Source, AltText, Width, Height, Floating, HeaderProps, Logo };
|
|
@@ -1,141 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* This file was automatically generated by json-schema-to-typescript.
|
|
3
|
-
* DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
|
|
4
|
-
* and run json-schema-to-typescript to regenerate this file.
|
|
5
|
-
*/
|
|
6
|
-
import { CtaProps } from "./CtaProps-93230a76.js";
|
|
7
|
-
import { FaqProps } from "./FaqProps-ad618cd5.js";
|
|
8
|
-
import { FeaturesProps } from "./FeaturesProps-b05859d6.js";
|
|
9
|
-
import { GalleryProps } from "./GalleryProps-76e7de44.js";
|
|
10
|
-
import { HeroProps } from "./HeroProps-cf82a16d.js";
|
|
11
|
-
import { ImageStoryProps } from "./ImageStoryProps-24e0335c.js";
|
|
12
|
-
import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
|
|
13
|
-
import { LogosProps } from "./LogosProps-a8efd101.js";
|
|
14
|
-
import { MosaicProps } from "./MosaicProps-aacb9422.js";
|
|
15
|
-
import { SliderProps } from "./SliderProps-8cae490d.js";
|
|
16
|
-
import { StatsProps } from "./StatsProps-17b0743a.js";
|
|
17
|
-
import { TeaserCardProps } from "./TeaserCardProps-b9c28e78.js";
|
|
18
|
-
import { TestimonialsProps } from "./TestimonialsProps-72bb9288.js";
|
|
19
|
-
import { TextProps } from "./TextProps-a23170d2.js";
|
|
20
|
-
import { VideoCurtainProps } from "./VideoCurtainProps-6c625a69.js";
|
|
21
|
-
import { ButtonProps } from "./ButtonProps-03ff6d21.js";
|
|
22
|
-
/**
|
|
23
|
-
* Width of section to use
|
|
24
|
-
*/
|
|
25
|
-
type Width = "full" | "max" | "wide" | "default" | "narrow";
|
|
26
|
-
/**
|
|
27
|
-
* Style of background
|
|
28
|
-
*/
|
|
29
|
-
type Style = "stagelights" | "horizontalGradient" | "verticalGradient" | "accentTransition" | "boldTransition" | "symmetricGlow" | "anchorGlow";
|
|
30
|
-
/**
|
|
31
|
-
* Color of background
|
|
32
|
-
*/
|
|
33
|
-
type Style1 = "default" | "accent" | "bold";
|
|
34
|
-
/**
|
|
35
|
-
* Show spotlight behind cursor
|
|
36
|
-
*/
|
|
37
|
-
type Spotlight = boolean;
|
|
38
|
-
/**
|
|
39
|
-
* Amount of spacing before the section
|
|
40
|
-
*/
|
|
41
|
-
type SpaceBefore = "default" | "small" | "none";
|
|
42
|
-
/**
|
|
43
|
-
* Amount of spacing after the section
|
|
44
|
-
*/
|
|
45
|
-
type SpaceAfter = "default" | "small" | "none";
|
|
46
|
-
/**
|
|
47
|
-
* Whether to invert the section
|
|
48
|
-
*/
|
|
49
|
-
type Inverted = boolean;
|
|
50
|
-
/**
|
|
51
|
-
* Reserve additional spacing for a floating header
|
|
52
|
-
*/
|
|
53
|
-
type HeaderSpacing = boolean;
|
|
54
|
-
/**
|
|
55
|
-
* Headline Text for the section
|
|
56
|
-
*/
|
|
57
|
-
type Headline = string;
|
|
58
|
-
/**
|
|
59
|
-
* Make the headline larger
|
|
60
|
-
*/
|
|
61
|
-
type LargeHeadline = boolean;
|
|
62
|
-
/**
|
|
63
|
-
* Width of headline to use
|
|
64
|
-
*/
|
|
65
|
-
type HeadlineWidth = "unset" | "narrow" | "default" | "wide";
|
|
66
|
-
/**
|
|
67
|
-
* Choose the text alignment for the headline
|
|
68
|
-
*/
|
|
69
|
-
type HeadlineTextAlignment = "left" | "center" | "right";
|
|
70
|
-
/**
|
|
71
|
-
* Choose an alignment for positioning the headline
|
|
72
|
-
*/
|
|
73
|
-
type HeadlineAlignment = "left" | "center" | "right";
|
|
74
|
-
/**
|
|
75
|
-
* Subheadline for the section
|
|
76
|
-
*/
|
|
77
|
-
type Subheadline = string;
|
|
78
|
-
/**
|
|
79
|
-
* Switch the order of headline and subheadline
|
|
80
|
-
*/
|
|
81
|
-
type SwitchHeadlineOrder = boolean;
|
|
82
|
-
/**
|
|
83
|
-
* Width of content to use
|
|
84
|
-
*/
|
|
85
|
-
type ContentWidth = "unset" | "narrow" | "default" | "wide";
|
|
86
|
-
/**
|
|
87
|
-
* Choose an alignment for the content
|
|
88
|
-
*/
|
|
89
|
-
type ContentAlignment = "left" | "center" | "right";
|
|
90
|
-
/**
|
|
91
|
-
* Size of gutter to use
|
|
92
|
-
*/
|
|
93
|
-
type Gutter = "large" | "default" | "small" | "none";
|
|
94
|
-
/**
|
|
95
|
-
* Layout mode used for section contents
|
|
96
|
-
*/
|
|
97
|
-
type Mode = "default" | "tile" | "list" | "slider";
|
|
98
|
-
/**
|
|
99
|
-
* Set min-width for the tiles in the grid
|
|
100
|
-
*/
|
|
101
|
-
type TileWidth = "smallest" | "default" | "medium" | "large" | "largest";
|
|
102
|
-
/**
|
|
103
|
-
* Allowed components for content
|
|
104
|
-
*/
|
|
105
|
-
type Content = (CtaProps | FaqProps | FeaturesProps | GalleryProps | HeroProps | ImageStoryProps | ImageTextProps | LogosProps | MosaicProps | SliderProps | StatsProps | TeaserCardProps | TestimonialsProps | TextProps | VideoCurtainProps)[];
|
|
106
|
-
/**
|
|
107
|
-
* Buttons of the Button Group
|
|
108
|
-
*/
|
|
109
|
-
type Buttons = ButtonProps[];
|
|
110
|
-
/**
|
|
111
|
-
* Component used to layout components into pages
|
|
112
|
-
*/
|
|
113
|
-
interface SectionProps {
|
|
114
|
-
width?: Width;
|
|
115
|
-
style?: Style;
|
|
116
|
-
backgroundColor?: Style1;
|
|
117
|
-
spotlight?: Spotlight;
|
|
118
|
-
spaceBefore?: SpaceBefore;
|
|
119
|
-
spaceAfter?: SpaceAfter;
|
|
120
|
-
inverted?: Inverted;
|
|
121
|
-
headerSpacing?: HeaderSpacing;
|
|
122
|
-
headline?: {
|
|
123
|
-
text?: Headline;
|
|
124
|
-
large?: LargeHeadline;
|
|
125
|
-
width?: HeadlineWidth;
|
|
126
|
-
textAlign?: HeadlineTextAlignment;
|
|
127
|
-
align?: HeadlineAlignment;
|
|
128
|
-
sub?: Subheadline;
|
|
129
|
-
switchOrder?: SwitchHeadlineOrder;
|
|
130
|
-
};
|
|
131
|
-
content?: {
|
|
132
|
-
width?: ContentWidth;
|
|
133
|
-
align?: ContentAlignment;
|
|
134
|
-
gutter?: Gutter;
|
|
135
|
-
mode?: Mode;
|
|
136
|
-
tileWidth?: TileWidth;
|
|
137
|
-
};
|
|
138
|
-
components?: Content;
|
|
139
|
-
buttons?: Buttons;
|
|
140
|
-
}
|
|
141
|
-
export { Width, Style, Style1, Spotlight, SpaceBefore, SpaceAfter, Inverted, HeaderSpacing, Headline, LargeHeadline, HeadlineWidth, HeadlineTextAlignment, HeadlineAlignment, Subheadline, SwitchHeadlineOrder, ContentWidth, ContentAlignment, Gutter, Mode, TileWidth, Content, Buttons, SectionProps };
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
/* eslint-disable */
|
|
2
|
-
/**
|
|
3
|
-
* This file was automatically generated by json-schema-to-typescript.
|
|
4
|
-
* DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
|
|
5
|
-
* and run json-schema-to-typescript to regenerate this file.
|
|
6
|
-
*/
|
|
7
|
-
import { SectionProps } from "../../SectionProps-93230a76.js";
|
|
8
|
-
import { SeoProps } from "../../SeoProps-f2d6dcaa.js";
|
|
9
|
-
/* eslint-disable */
|
|
10
|
-
/**
|
|
11
|
-
* This file was automatically generated by json-schema-to-typescript.
|
|
12
|
-
* DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
|
|
13
|
-
* and run json-schema-to-typescript to regenerate this file.
|
|
14
|
-
*/
|
|
15
|
-
import { HeaderProps } from "../../HeaderProps-ae331ab2.js";
|
|
16
|
-
import { FooterProps } from "../../FooterProps-b5c16ab5.js";
|
|
17
|
-
/**
|
|
18
|
-
* Collection of sections (with their contents) to render on the page
|
|
19
|
-
*/
|
|
20
|
-
type Sections = SectionProps[];
|
|
21
|
-
/**
|
|
22
|
-
* Abstracts a page concept into JSON schema
|
|
23
|
-
*/
|
|
24
|
-
interface PageProps {
|
|
25
|
-
section?: Sections;
|
|
26
|
-
/**
|
|
27
|
-
* Referenced component SeoProps
|
|
28
|
-
*/
|
|
29
|
-
seo: SeoProps;
|
|
30
|
-
}
|
|
31
|
-
/**
|
|
32
|
-
* Abstracts global settings made for a website into JSON Schema
|
|
33
|
-
*/
|
|
34
|
-
interface SettingsProps {
|
|
35
|
-
/**
|
|
36
|
-
* Referenced component HeaderProps
|
|
37
|
-
*/
|
|
38
|
-
header: HeaderProps;
|
|
39
|
-
/**
|
|
40
|
-
* Referenced component FooterProps
|
|
41
|
-
*/
|
|
42
|
-
footer: FooterProps;
|
|
43
|
-
/**
|
|
44
|
-
* Referenced component SeoProps
|
|
45
|
-
*/
|
|
46
|
-
seo: SeoProps;
|
|
47
|
-
}
|
|
48
|
-
export * from "../../BlogPostProps-0910f130.js";
|
|
49
|
-
export * from "../../BlogOverviewProps-f385fc47.js";
|
|
50
|
-
export { Sections, PageProps, SettingsProps };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|