@kickstartds/ds-agency-premium 1.0.7--canary.2.66.0 → 1.0.8--canary.74.1ba3a97.0
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/PageIntroProps-f13f3e7c.d.ts +14 -0
- package/dist/components/blog-overview/blog-overview.schema.dereffed.json +631 -0
- package/dist/components/blog-overview/blog-overview.schema.json +35 -0
- package/dist/components/blog-post/blog-post.schema.dereffed.json +406 -0
- package/dist/components/blog-post/blog-post.schema.json +28 -0
- package/dist/components/headline/index.d.ts +48 -1
- package/dist/components/page/page.schema.dereffed.json +700 -705
- package/dist/components/page/page.schema.json +3 -40
- package/dist/components/page-intro/index.d.ts +1 -14
- package/dist/components/page-wrapper/index.d.ts +2 -3
- package/dist/components/page-wrapper/index.js +6 -471
- package/dist/components/page-wrapper/tokens.css +1 -1
- package/dist/components/raw-page-wrapper/index.d.ts +3 -0
- package/dist/components/raw-page-wrapper/index.js +492 -0
- package/dist/components/section/index.d.ts +7 -6
- package/dist/components/section/section.schema.dereffed.json +664 -662
- package/dist/components/section/section.schema.json +16 -13
- package/dist/components/seo/seo.schema.dereffed.json +42 -0
- package/dist/components/seo/seo.schema.json +36 -0
- package/dist/components/settings/settings.schema.dereffed.json +426 -0
- package/dist/components/settings/settings.schema.json +19 -0
- package/dist/static/tokens-google.css +1553 -0
- package/dist/static/tokens-lughausen.css +1549 -0
- package/dist/static/tokens-telekom.css +1549 -0
- package/dist/static/tokens.css +1554 -0
- package/dist/tokens/tokens.css +1 -1
- package/dist/tokens/tokens.js +1 -1
- package/package.json +3 -6
- package/dist/HeadlineProps-d413a2cc.d.ts +0 -48
- package/dist/components/component-teaser/component-teaser.schema.dereffed.json +0 -43
- package/dist/components/component-teaser/component-teaser.schema.json +0 -40
- package/dist/components/teaser-component/component-teaser.css +0 -33
- package/dist/components/teaser-component/index.d.ts +0 -41
- package/dist/components/teaser-component/index.js +0 -18
- package/dist/tokens/themes.css +0 -4657
- package/dist/tokens/themes.css.d.ts +0 -0
- package/dist/tokens/themes.css.js +0 -1
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.0.
|
|
3
|
+
"version": "1.0.8--canary.74.1ba3a97.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
|
|
6
6
|
"bugs": {
|
|
@@ -40,12 +40,9 @@
|
|
|
40
40
|
"scripts": {
|
|
41
41
|
"build-storybook": "yarn build-tokens && yarn schema && yarn token && storybook build",
|
|
42
42
|
"postbuild-storybook": "yarn playroom:snippets && yarn playroom:build",
|
|
43
|
-
"build-tokens
|
|
44
|
-
"build-tokens-lughausen": "kickstartDS tokens compile --token-dictionary-path src/token-lughausen/dictionary --sd-config-path sd.config-lughausen.cjs",
|
|
45
|
-
"build-tokens-google": "kickstartDS tokens compile --token-dictionary-path src/token-google/dictionary --sd-config-path sd.config-google.cjs",
|
|
46
|
-
"build-tokens-telekom": "kickstartDS tokens compile --token-dictionary-path src/token-telekom/dictionary --sd-config-path sd.config-telekom.cjs",
|
|
47
|
-
"build-tokens": "run-s build-tokens-* && node scripts/patchThemeTokens.js",
|
|
43
|
+
"build-tokens": "kickstartDS tokens compile && kickstartDS tokens compile --token-dictionary-path src/token-lughausen/dictionary --sd-config-path sd.config-lughausen.cjs && yarn copyTokensCss",
|
|
48
44
|
"chromatic": "chromatic --build-script-name \"build-storybook\" --output-dir \"storybook-static\" --skip \"@(renovate/**|dependabot/**)\" --exit-zero-on-changes --exit-once-uploaded",
|
|
45
|
+
"copyTokensCss": "cp src/token/tokens.css static/tokens.css && cp src/token-lughausen/tokens.css static/tokens-lughausen.css && cp src/token-google/tokens.css static/tokens-google.css && cp src/token-telekom/tokens.css static/tokens-telekom.css",
|
|
49
46
|
"init-tokens": "kickstartDS tokens init",
|
|
50
47
|
"playroom": "run-p watch:* playroom:start",
|
|
51
48
|
"playroom:snippets": "rimraf tmp && node scripts/generatePlayroomSnippets.js",
|
|
@@ -1,48 +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
|
-
* Text content of headline
|
|
8
|
-
*/
|
|
9
|
-
type Text = string;
|
|
10
|
-
/**
|
|
11
|
-
* Subheadline content
|
|
12
|
-
*/
|
|
13
|
-
type Sub = string;
|
|
14
|
-
/**
|
|
15
|
-
* Switch order of headline and subheadline
|
|
16
|
-
*/
|
|
17
|
-
type SwitchOrder = boolean;
|
|
18
|
-
type SectionAlignment = "left" | "center" | "right";
|
|
19
|
-
/**
|
|
20
|
-
* Level of headline to use
|
|
21
|
-
*/
|
|
22
|
-
type Level = "h1" | "h2" | "h3" | "h4" | "p";
|
|
23
|
-
/**
|
|
24
|
-
* Style of headline to show
|
|
25
|
-
*/
|
|
26
|
-
type Style = "h1" | "h2" | "h3" | "h4" | "p";
|
|
27
|
-
/**
|
|
28
|
-
* Whether to display space after headline
|
|
29
|
-
*/
|
|
30
|
-
type SpaceAfter = "minimum" | "small" | "large";
|
|
31
|
-
/**
|
|
32
|
-
* Set a custom class name
|
|
33
|
-
*/
|
|
34
|
-
type ClassName = string;
|
|
35
|
-
/**
|
|
36
|
-
* Component used for headlines
|
|
37
|
-
*/
|
|
38
|
-
interface HeadlineProps {
|
|
39
|
-
text: Text;
|
|
40
|
-
sub?: Sub;
|
|
41
|
-
switchOrder?: SwitchOrder;
|
|
42
|
-
align?: SectionAlignment;
|
|
43
|
-
level: Level;
|
|
44
|
-
style?: Style;
|
|
45
|
-
spaceAfter?: SpaceAfter;
|
|
46
|
-
className?: ClassName;
|
|
47
|
-
}
|
|
48
|
-
export { Text, Sub, SwitchOrder, SectionAlignment, Level, Style, SpaceAfter, ClassName, HeadlineProps };
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
3
|
-
"$id": "http://schema.mydesignsystem.com/component-teaser.schema.json",
|
|
4
|
-
"title": "Component Teaser",
|
|
5
|
-
"description": "Component used to tease content",
|
|
6
|
-
"type": "object",
|
|
7
|
-
"properties": {
|
|
8
|
-
"title": {
|
|
9
|
-
"type": "string",
|
|
10
|
-
"title": "Headline",
|
|
11
|
-
"description": "Headline for the teaser card",
|
|
12
|
-
"format": "markdown"
|
|
13
|
-
},
|
|
14
|
-
"text": {
|
|
15
|
-
"type": "string",
|
|
16
|
-
"title": "Text",
|
|
17
|
-
"description": "Body text for the teaser card",
|
|
18
|
-
"format": "markdown"
|
|
19
|
-
},
|
|
20
|
-
"label": {
|
|
21
|
-
"type": "string",
|
|
22
|
-
"title": "Label",
|
|
23
|
-
"description": "Label for the Teaser Card"
|
|
24
|
-
},
|
|
25
|
-
"target": {
|
|
26
|
-
"type": "string",
|
|
27
|
-
"title": "Target",
|
|
28
|
-
"description": "Target that should be linked",
|
|
29
|
-
"format": "uri"
|
|
30
|
-
},
|
|
31
|
-
"image": {
|
|
32
|
-
"type": "string",
|
|
33
|
-
"title": "Image",
|
|
34
|
-
"description": "Image to display as cover",
|
|
35
|
-
"format": "uri"
|
|
36
|
-
},
|
|
37
|
-
"type": {
|
|
38
|
-
"const": "component-teaser"
|
|
39
|
-
}
|
|
40
|
-
},
|
|
41
|
-
"additionalProperties": false,
|
|
42
|
-
"required": []
|
|
43
|
-
}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
3
|
-
"$id": "http://schema.mydesignsystem.com/component-teaser.schema.json",
|
|
4
|
-
"title": "Component Teaser",
|
|
5
|
-
"description": "Component used to tease content",
|
|
6
|
-
"type": "object",
|
|
7
|
-
"properties": {
|
|
8
|
-
"title": {
|
|
9
|
-
"type": "string",
|
|
10
|
-
"title": "Headline",
|
|
11
|
-
"description": "Headline for the teaser card",
|
|
12
|
-
"format": "markdown"
|
|
13
|
-
},
|
|
14
|
-
"text": {
|
|
15
|
-
"type": "string",
|
|
16
|
-
"title": "Text",
|
|
17
|
-
"description": "Body text for the teaser card",
|
|
18
|
-
"format": "markdown"
|
|
19
|
-
},
|
|
20
|
-
"label": {
|
|
21
|
-
"type": "string",
|
|
22
|
-
"title": "Label",
|
|
23
|
-
"description": "Label for the Teaser Card"
|
|
24
|
-
},
|
|
25
|
-
"target": {
|
|
26
|
-
"type": "string",
|
|
27
|
-
"title": "Target",
|
|
28
|
-
"description": "Target that should be linked",
|
|
29
|
-
"format": "uri"
|
|
30
|
-
},
|
|
31
|
-
"image": {
|
|
32
|
-
"type": "string",
|
|
33
|
-
"title": "Image",
|
|
34
|
-
"description": "Image to display as cover",
|
|
35
|
-
"format": "uri"
|
|
36
|
-
}
|
|
37
|
-
},
|
|
38
|
-
"additionalProperties": false,
|
|
39
|
-
"required": []
|
|
40
|
-
}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
:root .c-teaser.c-component-teaser {
|
|
2
|
-
--g-topic--font: var(--ks-font-copy-l);
|
|
3
|
-
--g-topic--font-weight: var(--ks-font-weight-semi-bold);
|
|
4
|
-
--c-teaser_text--spacing: 0.25em;
|
|
5
|
-
--c-rich-text--font: var(--ks-font-copy-s);
|
|
6
|
-
--c-teaser--background: var(--ks-color-fg-alpha-9);
|
|
7
|
-
--c-teaser--color: var(--ks-color-fg-to-bg-3);
|
|
8
|
-
--c-teaser--border: 1px solid var(--ks-color-fg-alpha-8);
|
|
9
|
-
--c-teaser--border-radius: var(--ks-border-radius-card);
|
|
10
|
-
--c-teaser--shadow-hover: 0 1px 11px var(--ks-color-fg-alpha-6);
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.c-teaser.c-component-teaser {
|
|
14
|
-
position: relative;
|
|
15
|
-
overflow: visible;
|
|
16
|
-
}
|
|
17
|
-
.c-teaser.c-component-teaser img {
|
|
18
|
-
border-radius: var(--c-teaser--border-radius) var(--c-teaser--border-radius) 0 0;
|
|
19
|
-
}
|
|
20
|
-
.c-teaser.c-component-teaser--label .c-teaser__label {
|
|
21
|
-
border-radius: var(--ks-border-radius-pill);
|
|
22
|
-
pointer-events: initial;
|
|
23
|
-
padding: 0.5em 1em;
|
|
24
|
-
transform: translate(0.5em, -50%);
|
|
25
|
-
font: var(--ks-font-interface-m);
|
|
26
|
-
text-align: center;
|
|
27
|
-
font-weight: var(--ks-font-weight-semi-bold);
|
|
28
|
-
color: var(--ks-color-fg-base);
|
|
29
|
-
position: absolute;
|
|
30
|
-
background: var(--ks-color-primary-inverted);
|
|
31
|
-
top: 0;
|
|
32
|
-
right: 0;
|
|
33
|
-
}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { HTMLAttributes, FC, PropsWithChildren } from "react";
|
|
3
|
-
/* eslint-disable */
|
|
4
|
-
/**
|
|
5
|
-
* This file was automatically generated by json-schema-to-typescript.
|
|
6
|
-
* DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
|
|
7
|
-
* and run json-schema-to-typescript to regenerate this file.
|
|
8
|
-
*/
|
|
9
|
-
/**
|
|
10
|
-
* Headline for the teaser card
|
|
11
|
-
*/
|
|
12
|
-
type Headline = string;
|
|
13
|
-
/**
|
|
14
|
-
* Body text for the teaser card
|
|
15
|
-
*/
|
|
16
|
-
type Text = string;
|
|
17
|
-
/**
|
|
18
|
-
* Label for the Teaser Card
|
|
19
|
-
*/
|
|
20
|
-
type Label = string;
|
|
21
|
-
/**
|
|
22
|
-
* Target that should be linked
|
|
23
|
-
*/
|
|
24
|
-
type Target = string;
|
|
25
|
-
/**
|
|
26
|
-
* Image to display as cover
|
|
27
|
-
*/
|
|
28
|
-
type Image = string;
|
|
29
|
-
/**
|
|
30
|
-
* Component used to tease content
|
|
31
|
-
*/
|
|
32
|
-
interface ComponentTeaserProps {
|
|
33
|
-
title?: Headline;
|
|
34
|
-
text?: Text;
|
|
35
|
-
label?: Label;
|
|
36
|
-
target?: Target;
|
|
37
|
-
image?: Image;
|
|
38
|
-
}
|
|
39
|
-
declare const ComponentTeaser: import("react").ForwardRefExoticComponent<ComponentTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
40
|
-
declare const TeaserBoxProvider: FC<PropsWithChildren>;
|
|
41
|
-
export { ComponentTeaser, TeaserBoxProvider };
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import "./component-teaser.css";
|
|
2
|
-
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
3
|
-
import { forwardRef } from 'react';
|
|
4
|
-
import classnames from 'classnames';
|
|
5
|
-
import { TeaserBoxContextDefault, TeaserBoxContext } from '@kickstartds/base/lib/teaser-box';
|
|
6
|
-
|
|
7
|
-
const ComponentTeaser = forwardRef(({ title, text, target, image, label, ...props }, ref) => {
|
|
8
|
-
return (jsx(TeaserBoxContextDefault, { ...props, className: classnames(`c-component-teaser`, label && `c-component-teaser--label`), ratio: "16:6", topic: title, text: text,
|
|
9
|
-
// @ts-expect-error
|
|
10
|
-
renderTopic: () => (jsxs(Fragment, { children: [label ? jsx("span", { className: "c-teaser__label", children: label }) : "", title] })), link: {
|
|
11
|
-
hidden: true,
|
|
12
|
-
label: "Read more",
|
|
13
|
-
target: target,
|
|
14
|
-
}, image: image, ref: ref }));
|
|
15
|
-
});
|
|
16
|
-
const TeaserBoxProvider = (props) => (jsx(TeaserBoxContext.Provider, { ...props, value: ComponentTeaser }));
|
|
17
|
-
|
|
18
|
-
export { ComponentTeaser, TeaserBoxProvider };
|