@kickstartds/ds-agency-premium 1.4.4 → 1.4.6--canary.764.6e5c982.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/components/contact/contact.css +74 -0
- package/dist/components/contact/contact.schema.dereffed.json +108 -0
- package/dist/components/contact/contact.schema.json +94 -0
- package/dist/components/contact/index.d.ts +59 -0
- package/dist/components/contact/index.js +13 -0
- package/dist/components/cta/cta.css +2 -6
- package/dist/components/hero/hero.css +1 -1
- package/dist/components/page-wrapper/tokens.css +1 -1
- package/dist/components/presets.json +31 -0
- package/dist/tokens/themes.css +4 -4
- package/dist/tokens/tokens.css +1 -1
- package/dist/tokens/tokens.js +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
.dsa-contact {
|
|
2
|
+
--dsa-contact--gap: var(--ks-spacing-stack-m) var(--ks-spacing-inline-m);
|
|
3
|
+
--dsa-contact--flex-basis: 150px;
|
|
4
|
+
--dsa-contact__header--gap: 0;
|
|
5
|
+
--dsa-contact__body--gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-m);
|
|
6
|
+
--dsa-contact__title--color: var(--ks-text-color-display);
|
|
7
|
+
--dsa-contact__title--font: var(--ks-font-display-l);
|
|
8
|
+
--dsa-contact__title--font-weight: var(--dsa-topic--font-weight);
|
|
9
|
+
--dsa-contact__subtitle--color: var(--ks-text-color-copy);
|
|
10
|
+
--dsa-contact__subtitle--font: var(--ks-font-copy-m);
|
|
11
|
+
--dsa-contact__subtitle--font-weight: var(--ks-font-weight-regular);
|
|
12
|
+
--dsa-contact__links--gap: 0;
|
|
13
|
+
--dsa-contact__links--color: var(--dsa-link--color);
|
|
14
|
+
--dsa-contact__links--font: var(--ks-font-interface-s);
|
|
15
|
+
--dsa-contact__links__icon--margin-right: var(--ks-spacing-inline-xs);
|
|
16
|
+
--dsa-contact__links__icon--size: 1.5rem;
|
|
17
|
+
--dsa-contact__links__icon--color: var(--dsa-link--color);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.dsa-contact {
|
|
21
|
+
display: flex;
|
|
22
|
+
flex-wrap: wrap;
|
|
23
|
+
gap: var(--dsa-contact--gap);
|
|
24
|
+
}
|
|
25
|
+
.dsa-contact > * {
|
|
26
|
+
flex-basis: var(--dsa-contact--flex-basis);
|
|
27
|
+
flex-grow: 1;
|
|
28
|
+
}
|
|
29
|
+
.dsa-contact__body {
|
|
30
|
+
display: flex;
|
|
31
|
+
flex-direction: column;
|
|
32
|
+
gap: var(--dsa-contact__body--gap);
|
|
33
|
+
}
|
|
34
|
+
.dsa-contact__header {
|
|
35
|
+
display: flex;
|
|
36
|
+
flex-direction: column;
|
|
37
|
+
gap: var(--dsa-contact__header--gap);
|
|
38
|
+
}
|
|
39
|
+
.dsa-contact__title {
|
|
40
|
+
font: var(--dsa-contact__title--font);
|
|
41
|
+
color: var(--dsa-contact__title--color);
|
|
42
|
+
font-weight: var(--dsa-contact__title--font-weight);
|
|
43
|
+
}
|
|
44
|
+
.dsa-contact__subtitle {
|
|
45
|
+
font: var(--dsa-contact__subtitle--font);
|
|
46
|
+
color: var(--dsa-contact__subtitle--color);
|
|
47
|
+
font-weight: var(--dsa-contact__subtitle--font-weight);
|
|
48
|
+
}
|
|
49
|
+
.dsa-contact__image {
|
|
50
|
+
text-align: right;
|
|
51
|
+
}
|
|
52
|
+
.dsa-contact__links {
|
|
53
|
+
display: flex;
|
|
54
|
+
flex-direction: column;
|
|
55
|
+
gap: var(--dsa-contact__links--gap);
|
|
56
|
+
font: var(--dsa-contact__links--font);
|
|
57
|
+
list-style: none;
|
|
58
|
+
padding: 0;
|
|
59
|
+
margin: 0;
|
|
60
|
+
}
|
|
61
|
+
.dsa-contact__links .icon {
|
|
62
|
+
width: var(--dsa-contact__links__icon--size);
|
|
63
|
+
height: var(--dsa-contact__links__icon--size);
|
|
64
|
+
color: var(--dsa-contact__links__icon--color);
|
|
65
|
+
margin-right: var(--dsa-contact__links__icon--margin-right);
|
|
66
|
+
}
|
|
67
|
+
.dsa-contact .c-headline {
|
|
68
|
+
--c-headline--color: var(--dsa-contact__headline--color);
|
|
69
|
+
--c-headline--font: var(--dsa-contact__headline--font);
|
|
70
|
+
--c-headline--font-weight: var(--dsa-contact__headline--font-weight);
|
|
71
|
+
--c-headline__subheadline--color: var(--dsa-contact__headline__subheadline--color);
|
|
72
|
+
--c-headline__subheadline--font: var(--dsa-contact__headline__subheadline--font);
|
|
73
|
+
--c-headline__subheadline--font-weight: var(--dsa-contact__headline__subheadline--font-weight);
|
|
74
|
+
}
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
3
|
+
"$id": "http://schema.mydesignsystem.com/contact.schema.json",
|
|
4
|
+
"title": "Contact",
|
|
5
|
+
"description": "Component used for user interaction",
|
|
6
|
+
"type": "object",
|
|
7
|
+
"properties": {
|
|
8
|
+
"image": {
|
|
9
|
+
"type": "object",
|
|
10
|
+
"properties": {
|
|
11
|
+
"src": {
|
|
12
|
+
"type": "string",
|
|
13
|
+
"format": "image",
|
|
14
|
+
"title": "Image Source",
|
|
15
|
+
"description": "URL of the image to display",
|
|
16
|
+
"examples": [
|
|
17
|
+
"img/people/author-emily.png"
|
|
18
|
+
]
|
|
19
|
+
},
|
|
20
|
+
"alt": {
|
|
21
|
+
"type": "string",
|
|
22
|
+
"title": "Alt Text",
|
|
23
|
+
"description": "Alt text of the image",
|
|
24
|
+
"examples": [
|
|
25
|
+
"Picture of Jane Smith"
|
|
26
|
+
]
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
"additionalProperties": false
|
|
30
|
+
},
|
|
31
|
+
"title": {
|
|
32
|
+
"title": "Title",
|
|
33
|
+
"description": "Name, company name, etc.",
|
|
34
|
+
"type": "string",
|
|
35
|
+
"examples": [
|
|
36
|
+
"Max Mütze"
|
|
37
|
+
]
|
|
38
|
+
},
|
|
39
|
+
"subtitle": {
|
|
40
|
+
"title": "Subtitle",
|
|
41
|
+
"description": "Position, profession, department, location, etc.",
|
|
42
|
+
"type": "string",
|
|
43
|
+
"examples": [
|
|
44
|
+
"Geschäftsführer"
|
|
45
|
+
]
|
|
46
|
+
},
|
|
47
|
+
"links": {
|
|
48
|
+
"type": "array",
|
|
49
|
+
"items": {
|
|
50
|
+
"type": "object",
|
|
51
|
+
"properties": {
|
|
52
|
+
"icon": {
|
|
53
|
+
"type": "string"
|
|
54
|
+
},
|
|
55
|
+
"label": {
|
|
56
|
+
"type": "string"
|
|
57
|
+
},
|
|
58
|
+
"href": {
|
|
59
|
+
"type": "string",
|
|
60
|
+
"format": "uri"
|
|
61
|
+
},
|
|
62
|
+
"newTab": {
|
|
63
|
+
"title": "Open link in new Tab",
|
|
64
|
+
"description": "Open link in new Tab",
|
|
65
|
+
"type": "boolean",
|
|
66
|
+
"default": false
|
|
67
|
+
}
|
|
68
|
+
},
|
|
69
|
+
"additionalProperties": false
|
|
70
|
+
},
|
|
71
|
+
"examples": [
|
|
72
|
+
[
|
|
73
|
+
{
|
|
74
|
+
"icon": "phone",
|
|
75
|
+
"label": "0228 / 688 966 20",
|
|
76
|
+
"href": "tel:+4922868896620"
|
|
77
|
+
},
|
|
78
|
+
{
|
|
79
|
+
"icon": "email",
|
|
80
|
+
"label": "mail@example.com",
|
|
81
|
+
"href": "mailto:mail@example.com"
|
|
82
|
+
}
|
|
83
|
+
]
|
|
84
|
+
]
|
|
85
|
+
},
|
|
86
|
+
"copy": {
|
|
87
|
+
"title": "Copy text",
|
|
88
|
+
"type": "string"
|
|
89
|
+
},
|
|
90
|
+
"className": {
|
|
91
|
+
"title": "Class",
|
|
92
|
+
"description": "Additional css classes attached to the wrapping element",
|
|
93
|
+
"type": "string"
|
|
94
|
+
},
|
|
95
|
+
"component": {
|
|
96
|
+
"title": "`ks-component` attribute",
|
|
97
|
+
"description": "Optional custom component identifier",
|
|
98
|
+
"type": "string"
|
|
99
|
+
},
|
|
100
|
+
"type": {
|
|
101
|
+
"const": "contact"
|
|
102
|
+
}
|
|
103
|
+
},
|
|
104
|
+
"additionalProperties": false,
|
|
105
|
+
"required": [
|
|
106
|
+
"name"
|
|
107
|
+
]
|
|
108
|
+
}
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
3
|
+
"$id": "http://schema.mydesignsystem.com/contact.schema.json",
|
|
4
|
+
"title": "Contact",
|
|
5
|
+
"description": "Component used for user interaction",
|
|
6
|
+
"type": "object",
|
|
7
|
+
"properties": {
|
|
8
|
+
"image": {
|
|
9
|
+
"type": "object",
|
|
10
|
+
"properties": {
|
|
11
|
+
"src": {
|
|
12
|
+
"type": "string",
|
|
13
|
+
"format": "image",
|
|
14
|
+
"title": "Image Source",
|
|
15
|
+
"description": "URL of the image to display",
|
|
16
|
+
"examples": ["img/people/author-emily.png"]
|
|
17
|
+
},
|
|
18
|
+
"alt": {
|
|
19
|
+
"type": "string",
|
|
20
|
+
"title": "Alt Text",
|
|
21
|
+
"description": "Alt text of the image",
|
|
22
|
+
"examples": ["Picture of Jane Smith"]
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
},
|
|
26
|
+
"title": {
|
|
27
|
+
"title": "Title",
|
|
28
|
+
"description": "Name, company name, etc.",
|
|
29
|
+
"type": "string",
|
|
30
|
+
"examples": ["Max Mütze"]
|
|
31
|
+
},
|
|
32
|
+
"subtitle": {
|
|
33
|
+
"title": "Subtitle",
|
|
34
|
+
"description": "Position, profession, department, location, etc.",
|
|
35
|
+
"type": "string",
|
|
36
|
+
"examples": ["Geschäftsführer"]
|
|
37
|
+
},
|
|
38
|
+
"links": {
|
|
39
|
+
"type": "array",
|
|
40
|
+
"items": {
|
|
41
|
+
"type": "object",
|
|
42
|
+
"properties": {
|
|
43
|
+
"icon": {
|
|
44
|
+
"type": "string"
|
|
45
|
+
},
|
|
46
|
+
"label": {
|
|
47
|
+
"type": "string"
|
|
48
|
+
},
|
|
49
|
+
"href": {
|
|
50
|
+
"type": "string",
|
|
51
|
+
"format": "uri"
|
|
52
|
+
},
|
|
53
|
+
"newTab": {
|
|
54
|
+
"title": "Open link in new Tab",
|
|
55
|
+
"description": "Open link in new Tab",
|
|
56
|
+
"type": "boolean",
|
|
57
|
+
"default": false
|
|
58
|
+
}
|
|
59
|
+
},
|
|
60
|
+
"additionalProperties": false
|
|
61
|
+
},
|
|
62
|
+
"examples": [
|
|
63
|
+
[
|
|
64
|
+
{
|
|
65
|
+
"icon": "phone",
|
|
66
|
+
"label": "0228 / 688 966 20",
|
|
67
|
+
"href": "tel:+4922868896620"
|
|
68
|
+
},
|
|
69
|
+
{
|
|
70
|
+
"icon": "email",
|
|
71
|
+
"label": "mail@example.com",
|
|
72
|
+
"href": "mailto:mail@example.com"
|
|
73
|
+
}
|
|
74
|
+
]
|
|
75
|
+
]
|
|
76
|
+
},
|
|
77
|
+
"copy": {
|
|
78
|
+
"title": "Copy text",
|
|
79
|
+
"type": "string"
|
|
80
|
+
},
|
|
81
|
+
"className": {
|
|
82
|
+
"title": "Class",
|
|
83
|
+
"description": "Additional css classes attached to the wrapping element",
|
|
84
|
+
"type": "string"
|
|
85
|
+
},
|
|
86
|
+
"component": {
|
|
87
|
+
"title": "`ks-component` attribute",
|
|
88
|
+
"description": "Optional custom component identifier",
|
|
89
|
+
"type": "string"
|
|
90
|
+
}
|
|
91
|
+
},
|
|
92
|
+
"additionalProperties": false,
|
|
93
|
+
"required": ["name"]
|
|
94
|
+
}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { HTMLAttributes } 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
|
+
* URL of the image to display
|
|
11
|
+
*/
|
|
12
|
+
type ImageSource = string;
|
|
13
|
+
/**
|
|
14
|
+
* Alt text of the image
|
|
15
|
+
*/
|
|
16
|
+
type AltText = string;
|
|
17
|
+
/**
|
|
18
|
+
* Name, company name, etc.
|
|
19
|
+
*/
|
|
20
|
+
type Title = string;
|
|
21
|
+
/**
|
|
22
|
+
* Position, profession, department, location, etc.
|
|
23
|
+
*/
|
|
24
|
+
type Subtitle = string;
|
|
25
|
+
/**
|
|
26
|
+
* Open link in new Tab
|
|
27
|
+
*/
|
|
28
|
+
type OpenLinkInNewTab = boolean;
|
|
29
|
+
type CopyText = string;
|
|
30
|
+
/**
|
|
31
|
+
* Additional css classes attached to the wrapping element
|
|
32
|
+
*/
|
|
33
|
+
type Class = string;
|
|
34
|
+
/**
|
|
35
|
+
* Optional custom component identifier
|
|
36
|
+
*/
|
|
37
|
+
type KsComponentAttribute = string;
|
|
38
|
+
/**
|
|
39
|
+
* Component used for user interaction
|
|
40
|
+
*/
|
|
41
|
+
interface ContactProps {
|
|
42
|
+
image?: {
|
|
43
|
+
src?: ImageSource;
|
|
44
|
+
alt?: AltText;
|
|
45
|
+
};
|
|
46
|
+
title?: Title;
|
|
47
|
+
subtitle?: Subtitle;
|
|
48
|
+
links?: {
|
|
49
|
+
icon?: string;
|
|
50
|
+
label?: string;
|
|
51
|
+
href?: string;
|
|
52
|
+
newTab?: OpenLinkInNewTab;
|
|
53
|
+
}[];
|
|
54
|
+
copy?: CopyText;
|
|
55
|
+
className?: Class;
|
|
56
|
+
component?: KsComponentAttribute;
|
|
57
|
+
}
|
|
58
|
+
declare const Contact: import("react").ForwardRefExoticComponent<ContactProps & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLAnchorElement>>;
|
|
59
|
+
export { Contact };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import "./contact.css";
|
|
2
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import classnames from 'classnames';
|
|
5
|
+
import { Picture } from '@kickstartds/base/lib/picture';
|
|
6
|
+
import { Link } from '@kickstartds/base/lib/link';
|
|
7
|
+
import { Icon } from '@kickstartds/base/lib/icon';
|
|
8
|
+
import { RichText } from '@kickstartds/base/lib/rich-text';
|
|
9
|
+
|
|
10
|
+
const Contact = forwardRef(({ title, subtitle, image, links, copy, className, ...props }, ref) => (jsxs("address", { className: classnames("dsa-contact", className), ref: ref, ...props, children: [image && image.src ? (jsx("div", { className: "dsa-contact__image", children: jsx(Picture, { ...image }) })) : (""), jsxs("div", { className: "dsa-contact__body", children: [title && (jsxs("div", { className: "dsa-contact__header", children: [jsx("span", { className: "dsa-contact__title", children: title }), jsx("span", { className: "dsa-contact__subtitle", children: subtitle })] })), links.length ? (jsx("ul", { className: "dsa-contact__links", children: links.map(({ icon, href, label, newTab }, i) => (jsx("li", { children: jsxs(Link, { className: "dsa-contact__link", href: href, ...(newTab ? { target: "_blank", rel: "noopener" } : {}), children: [jsx(Icon, { icon: icon }), label] }) }, i))) })) : (""), copy && jsx(RichText, { text: copy, className: "dsa-contact__copy" })] })] })));
|
|
11
|
+
Contact.displayName = "Contact";
|
|
12
|
+
|
|
13
|
+
export { Contact };
|
|
@@ -22,12 +22,12 @@
|
|
|
22
22
|
align-items: center;
|
|
23
23
|
padding: 0;
|
|
24
24
|
}
|
|
25
|
-
.dsa-cta.c-storytelling--color-neutral {
|
|
25
|
+
.dsa-cta.c-storytelling.dsa-cta--color-neutral {
|
|
26
26
|
--dsa-cta__copy--color: var(--dsa-cta_color-neutral__copy--color, var(--ks-text-color-default));
|
|
27
27
|
--dsa-cta__headline--color: var(--dsa-cta_color-neutral__headline--color, var(--ks-text-color-default));
|
|
28
28
|
--dsa-cta__subheadline--color: var(--dsa-cta_color-neutral__subheadline--color, var(--ks-text-color-default));
|
|
29
29
|
}
|
|
30
|
-
.dsa-cta.c-storytelling--highlight-text {
|
|
30
|
+
.dsa-cta.c-storytelling.dsa-cta--highlight-text {
|
|
31
31
|
--dsa-cta__copy--font: var(--dsa-cta_highlight-text__copy--font, var(--ks-font-copy-l));
|
|
32
32
|
--dsa-cta__headline--font: var(--dsa-cta_highlight-text__headline--font, var(--dsa-headline_h1--font));
|
|
33
33
|
--dsa-cta__subheadline--font: var(
|
|
@@ -47,10 +47,6 @@
|
|
|
47
47
|
.dsa-cta.c-storytelling.dsa-cta--align-bottom {
|
|
48
48
|
align-items: flex-end;
|
|
49
49
|
}
|
|
50
|
-
.dsa-cta.c-storytelling.dsa-cta--highlight-text .c-storytelling__text {
|
|
51
|
-
font: var(--ks-font-copy-l);
|
|
52
|
-
color: var(--ks-color-fg);
|
|
53
|
-
}
|
|
54
50
|
.dsa-cta.c-storytelling .c-storytelling__box {
|
|
55
51
|
width: 100%;
|
|
56
52
|
padding: var(--dsa-cta--vertical-padding, var(--l-section--space-default)) var(--dsa-cta--horizontal-padding, var(--l-section--content-padding));
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
--c-visual_text--font: var(--dsa-hero__copy--font, var(--dsa-rich-text--font));
|
|
31
31
|
}
|
|
32
32
|
.c-visual.dsa-hero--highlight-text.c-visual {
|
|
33
|
-
--dsa-hero__copy--font: var(--dsa-hero_highlight-
|
|
33
|
+
--dsa-hero__copy--font: var(--dsa-hero_highlight-text__copy--font, var(--ks-font-copy-l));
|
|
34
34
|
}
|
|
35
35
|
.c-visual.dsa-hero--color-neutral.c-visual {
|
|
36
36
|
--dsa-hero__copy--color: var(--dsa-hero_color-neutral__copy--color, var(--ks-text-color-default));
|
|
@@ -641,6 +641,37 @@
|
|
|
641
641
|
},
|
|
642
642
|
"screenshot": "img/screenshots/pages-archetypes--blog-post.png"
|
|
643
643
|
},
|
|
644
|
+
{
|
|
645
|
+
"id": "components-contact--person",
|
|
646
|
+
"group": "Components/Contact",
|
|
647
|
+
"name": "Person",
|
|
648
|
+
"code": "<Contact\n image={{\n alt: 'Picture of Jane Smith',\n src: 'img/people/author-emily.png',\n width: 300\n }}\n links={[\n {\n href: '#',\n icon: 'twitter',\n label: '@jane_smith',\n newTab: false\n },\n {\n href: 'mailto:mail@example.com',\n icon: 'email',\n label: 'jane.smith@example.com',\n newTab: false\n }\n ]}\n name=\"CEO at Company\"\n subtitle=\"Geschäftsführer\"\n title=\"Jane Smith\"\n/>",
|
|
649
|
+
"args": {
|
|
650
|
+
"image": {
|
|
651
|
+
"src": "img/people/author-emily.png",
|
|
652
|
+
"alt": "Picture of Jane Smith",
|
|
653
|
+
"width": 300
|
|
654
|
+
},
|
|
655
|
+
"title": "Jane Smith",
|
|
656
|
+
"subtitle": "Geschäftsführer",
|
|
657
|
+
"links": [
|
|
658
|
+
{
|
|
659
|
+
"icon": "twitter",
|
|
660
|
+
"label": "@jane_smith",
|
|
661
|
+
"href": "#",
|
|
662
|
+
"newTab": false
|
|
663
|
+
},
|
|
664
|
+
{
|
|
665
|
+
"icon": "email",
|
|
666
|
+
"label": "jane.smith@example.com",
|
|
667
|
+
"href": "mailto:mail@example.com",
|
|
668
|
+
"newTab": false
|
|
669
|
+
}
|
|
670
|
+
],
|
|
671
|
+
"name": "CEO at Company"
|
|
672
|
+
},
|
|
673
|
+
"screenshot": "img/screenshots/components-contact--person.png"
|
|
674
|
+
},
|
|
644
675
|
{
|
|
645
676
|
"id": "components-cta--banner",
|
|
646
677
|
"group": "Components/Cta",
|
package/dist/tokens/themes.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 26 Aug 2024 10:28:19 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root [ks-theme=business] {
|
|
6
6
|
--ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
|
|
@@ -2727,7 +2727,7 @@
|
|
|
2727
2727
|
}
|
|
2728
2728
|
/**
|
|
2729
2729
|
* Do not edit directly
|
|
2730
|
-
* Generated on
|
|
2730
|
+
* Generated on Mon, 26 Aug 2024 10:28:23 GMT
|
|
2731
2731
|
*/
|
|
2732
2732
|
:root [ks-theme=google] {
|
|
2733
2733
|
--ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
|
|
@@ -5458,7 +5458,7 @@
|
|
|
5458
5458
|
}
|
|
5459
5459
|
/**
|
|
5460
5460
|
* Do not edit directly
|
|
5461
|
-
* Generated on
|
|
5461
|
+
* Generated on Mon, 26 Aug 2024 10:28:21 GMT
|
|
5462
5462
|
*/
|
|
5463
5463
|
:root [ks-theme=ngo] {
|
|
5464
5464
|
--ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
|
|
@@ -8459,7 +8459,7 @@
|
|
|
8459
8459
|
}
|
|
8460
8460
|
/**
|
|
8461
8461
|
* Do not edit directly
|
|
8462
|
-
* Generated on
|
|
8462
|
+
* Generated on Mon, 26 Aug 2024 10:28:25 GMT
|
|
8463
8463
|
*/
|
|
8464
8464
|
:root [ks-theme=telekom] {
|
|
8465
8465
|
--ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
|
package/dist/tokens/tokens.css
CHANGED
package/dist/tokens/tokens.js
CHANGED