@kickstartds/ds-agency-premium 1.0.6 → 1.0.7
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/page-wrapper/tokens.css +1 -1
- package/dist/static/tokens-lughausen.css +1 -1
- package/dist/static/tokens.css +1 -1
- package/dist/tokens/tokens.css +1 -1
- package/dist/tokens/tokens.js +1 -1
- package/package.json +1 -1
- 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/static/tokens.css
CHANGED
package/dist/tokens/tokens.css
CHANGED
package/dist/tokens/tokens.js
CHANGED
package/package.json
CHANGED
|
@@ -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 };
|