@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.
Files changed (37) hide show
  1. package/dist/PageIntroProps-f13f3e7c.d.ts +14 -0
  2. package/dist/components/blog-overview/blog-overview.schema.dereffed.json +631 -0
  3. package/dist/components/blog-overview/blog-overview.schema.json +35 -0
  4. package/dist/components/blog-post/blog-post.schema.dereffed.json +406 -0
  5. package/dist/components/blog-post/blog-post.schema.json +28 -0
  6. package/dist/components/headline/index.d.ts +48 -1
  7. package/dist/components/page/page.schema.dereffed.json +700 -705
  8. package/dist/components/page/page.schema.json +3 -40
  9. package/dist/components/page-intro/index.d.ts +1 -14
  10. package/dist/components/page-wrapper/index.d.ts +2 -3
  11. package/dist/components/page-wrapper/index.js +6 -471
  12. package/dist/components/page-wrapper/tokens.css +1 -1
  13. package/dist/components/raw-page-wrapper/index.d.ts +3 -0
  14. package/dist/components/raw-page-wrapper/index.js +492 -0
  15. package/dist/components/section/index.d.ts +7 -6
  16. package/dist/components/section/section.schema.dereffed.json +664 -662
  17. package/dist/components/section/section.schema.json +16 -13
  18. package/dist/components/seo/seo.schema.dereffed.json +42 -0
  19. package/dist/components/seo/seo.schema.json +36 -0
  20. package/dist/components/settings/settings.schema.dereffed.json +426 -0
  21. package/dist/components/settings/settings.schema.json +19 -0
  22. package/dist/static/tokens-google.css +1553 -0
  23. package/dist/static/tokens-lughausen.css +1549 -0
  24. package/dist/static/tokens-telekom.css +1549 -0
  25. package/dist/static/tokens.css +1554 -0
  26. package/dist/tokens/tokens.css +1 -1
  27. package/dist/tokens/tokens.js +1 -1
  28. package/package.json +3 -6
  29. package/dist/HeadlineProps-d413a2cc.d.ts +0 -48
  30. package/dist/components/component-teaser/component-teaser.schema.dereffed.json +0 -43
  31. package/dist/components/component-teaser/component-teaser.schema.json +0 -40
  32. package/dist/components/teaser-component/component-teaser.css +0 -33
  33. package/dist/components/teaser-component/index.d.ts +0 -41
  34. package/dist/components/teaser-component/index.js +0 -18
  35. package/dist/tokens/themes.css +0 -4657
  36. package/dist/tokens/themes.css.d.ts +0 -0
  37. package/dist/tokens/themes.css.js +0 -1
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 18 Jan 2024 17:03:19 GMT
3
+ * Generated on Thu, 18 Jan 2024 17:39:05 GMT
4
4
  */
5
5
 
6
6
  :root, [ks-theme] {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 18 Jan 2024 17:03:20 GMT
3
+ * Generated on Thu, 18 Jan 2024 17:39:06 GMT
4
4
  */
5
5
 
6
6
  export const KsBackgroundColorAccentBase = "#100e36";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kickstartds/ds-agency-premium",
3
- "version": "1.0.7--canary.2.66.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-ds-agency": "kickstartDS tokens compile",
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 };