@kickstartds/ds-agency-premium 1.6.68--canary.44.1652.0 → 1.6.68--canary.45.1657.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/blog-post/index.d.ts +1 -1
- package/dist/components/downloads/downloads.css +92 -0
- package/dist/components/downloads/downloads.schema.dereffed.json +63 -0
- package/dist/components/downloads/downloads.schema.json +52 -0
- package/dist/components/downloads/index.d.ts +49 -0
- package/dist/components/downloads/index.js +24 -0
- package/dist/components/event/event.css +47 -0
- package/dist/components/event/event.schema.dereffed.json +128 -0
- package/dist/components/event/event.schema.json +114 -0
- package/dist/components/event/index.d.ts +99 -0
- package/dist/components/event/index.js +25 -0
- package/dist/components/index/index.d.ts +1 -1
- package/dist/components/page-wrapper/index.js +26 -0
- package/dist/components/page-wrapper/tokens.css +1 -1
- package/dist/components/presets.json +96 -0
- package/dist/tokens/IconSprite.js +26 -0
- package/dist/tokens/icon-sprite.html +10 -0
- package/dist/tokens/themes.css +4 -4
- package/dist/tokens/tokens.css +1 -1
- package/dist/tokens/tokens.js +4 -1
- package/package.json +1 -1
- /package/dist/{BlogPostProps-6b3cff22.d.ts → BlogPostProps-d9decb7c.d.ts} +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { BlogPostProps } from "../../BlogPostProps-
|
|
1
|
+
import { BlogPostProps } from "../../BlogPostProps-d9decb7c.js";
|
|
2
2
|
import { FC, PropsWithChildren } from "react";
|
|
3
3
|
declare const BlogPost: FC<PropsWithChildren<BlogPostProps>>;
|
|
4
4
|
export type { BlogPostProps };
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
.dsa-downloads {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
max-width: var(--dsa-content--width_narrow);
|
|
5
|
+
margin: auto;
|
|
6
|
+
}
|
|
7
|
+
.dsa-downloads__list {
|
|
8
|
+
display: flex;
|
|
9
|
+
flex-direction: column;
|
|
10
|
+
justify-content: stretch;
|
|
11
|
+
gap: var(--ks-spacing-stack-xs);
|
|
12
|
+
}
|
|
13
|
+
.dsa-downloads .dsa-downloads-item {
|
|
14
|
+
position: relative;
|
|
15
|
+
display: flex;
|
|
16
|
+
align-items: center;
|
|
17
|
+
gap: var(--ks-spacing-inline-s);
|
|
18
|
+
}
|
|
19
|
+
.dsa-downloads .dsa-downloads-item::after {
|
|
20
|
+
content: "";
|
|
21
|
+
transition: var(--ks-transition-hover);
|
|
22
|
+
opacity: 0;
|
|
23
|
+
position: absolute;
|
|
24
|
+
top: calc(var(--ks-spacing-xxs) * -0.5);
|
|
25
|
+
left: calc(var(--ks-spacing-xxs) * -1);
|
|
26
|
+
bottom: 0;
|
|
27
|
+
width: 100%;
|
|
28
|
+
height: 100%;
|
|
29
|
+
background-color: var(--ks-background-color-accent);
|
|
30
|
+
border-radius: var(--ks-border-radius-control);
|
|
31
|
+
padding: calc(var(--ks-spacing-xxs) * 0.5) calc(var(--ks-spacing-xxs) * 2);
|
|
32
|
+
box-sizing: content-box;
|
|
33
|
+
z-index: -1;
|
|
34
|
+
}
|
|
35
|
+
.dsa-downloads .dsa-downloads-item:hover {
|
|
36
|
+
cursor: pointer;
|
|
37
|
+
}
|
|
38
|
+
.dsa-downloads .dsa-downloads-item:hover::after {
|
|
39
|
+
opacity: 1;
|
|
40
|
+
}
|
|
41
|
+
.dsa-downloads .dsa-downloads-item__header {
|
|
42
|
+
display: flex;
|
|
43
|
+
flex-direction: column;
|
|
44
|
+
flex-basis: 140px;
|
|
45
|
+
flex-shrink: 0;
|
|
46
|
+
flex-grow: 1;
|
|
47
|
+
}
|
|
48
|
+
.dsa-downloads .dsa-downloads-item__name {
|
|
49
|
+
font: var(--ks-font-copy-s);
|
|
50
|
+
font-weight: var(--ks-font-weight-bold);
|
|
51
|
+
}
|
|
52
|
+
.dsa-downloads .dsa-downloads-item__description {
|
|
53
|
+
font: var(--ks-font-copy-s);
|
|
54
|
+
}
|
|
55
|
+
.dsa-downloads .dsa-downloads-item__infos {
|
|
56
|
+
display: flex;
|
|
57
|
+
gap: var(--ks-spacing-xxs);
|
|
58
|
+
flex-wrap: wrap;
|
|
59
|
+
}
|
|
60
|
+
.dsa-downloads .dsa-downloads-item__info {
|
|
61
|
+
color: var(--ks-text-color-default);
|
|
62
|
+
font: var(--ks-font-copy-s);
|
|
63
|
+
padding-right: var(--ks-spacing-xxs);
|
|
64
|
+
}
|
|
65
|
+
.dsa-downloads .dsa-downloads-item__info:not(:last-child) {
|
|
66
|
+
border-right: 1px solid var(--ks-border-color-default);
|
|
67
|
+
}
|
|
68
|
+
.dsa-downloads .dsa-downloads-item .l-container {
|
|
69
|
+
container-type: unset;
|
|
70
|
+
}
|
|
71
|
+
.dsa-downloads .dsa-downloads-item__image {
|
|
72
|
+
width: 2.5rem;
|
|
73
|
+
aspect-ratio: 1;
|
|
74
|
+
object-fit: contain;
|
|
75
|
+
}
|
|
76
|
+
.dsa-downloads .dsa-downloads-item__icon {
|
|
77
|
+
width: 2.5rem;
|
|
78
|
+
height: 2.5rem;
|
|
79
|
+
color: var(--ks-color-fg-to-bg-7);
|
|
80
|
+
aspect-ratio: 1;
|
|
81
|
+
background-color: var(--ks-color-fg-alpha-9);
|
|
82
|
+
border-radius: var(--ks-border-radius-control);
|
|
83
|
+
padding: 0.25em;
|
|
84
|
+
flex-shrink: 0;
|
|
85
|
+
align-self: flex-start;
|
|
86
|
+
}
|
|
87
|
+
.dsa-downloads .dsa-downloads-item__button {
|
|
88
|
+
--dsa-button--padding: 0;
|
|
89
|
+
--dsa-button_secondary--background-color: transparent;
|
|
90
|
+
--dsa-button_secondary--background-color_hover: transparent;
|
|
91
|
+
--c-button--icon-size: 1.5rem;
|
|
92
|
+
}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
3
|
+
"$id": "http://schema.mydesignsystem.com/downloads.schema.json",
|
|
4
|
+
"title": "Downloads",
|
|
5
|
+
"type": "object",
|
|
6
|
+
"properties": {
|
|
7
|
+
"headline": {
|
|
8
|
+
"type": "string",
|
|
9
|
+
"description": "The headline for the downloads section"
|
|
10
|
+
},
|
|
11
|
+
"subheadline": {
|
|
12
|
+
"type": "string",
|
|
13
|
+
"description": "The subheadline for the downloads section"
|
|
14
|
+
},
|
|
15
|
+
"downloads": {
|
|
16
|
+
"type": "array",
|
|
17
|
+
"items": {
|
|
18
|
+
"type": "object",
|
|
19
|
+
"properties": {
|
|
20
|
+
"name": {
|
|
21
|
+
"type": "string",
|
|
22
|
+
"description": "The name of the file"
|
|
23
|
+
},
|
|
24
|
+
"description": {
|
|
25
|
+
"type": "string",
|
|
26
|
+
"description": "A brief description of the file"
|
|
27
|
+
},
|
|
28
|
+
"previewImage": {
|
|
29
|
+
"type": "string",
|
|
30
|
+
"format": "uri",
|
|
31
|
+
"description": "A URL to an image that previews the file."
|
|
32
|
+
},
|
|
33
|
+
"url": {
|
|
34
|
+
"type": "string",
|
|
35
|
+
"format": "uri",
|
|
36
|
+
"description": "The URL to download the file from."
|
|
37
|
+
},
|
|
38
|
+
"size": {
|
|
39
|
+
"type": [
|
|
40
|
+
"string"
|
|
41
|
+
],
|
|
42
|
+
"description": "The size of the download file"
|
|
43
|
+
},
|
|
44
|
+
"format": {
|
|
45
|
+
"type": [
|
|
46
|
+
"string"
|
|
47
|
+
],
|
|
48
|
+
"description": "The format of the download file"
|
|
49
|
+
}
|
|
50
|
+
},
|
|
51
|
+
"required": [
|
|
52
|
+
"name",
|
|
53
|
+
"url"
|
|
54
|
+
],
|
|
55
|
+
"additionalProperties": false
|
|
56
|
+
}
|
|
57
|
+
},
|
|
58
|
+
"type": {
|
|
59
|
+
"const": "downloads"
|
|
60
|
+
}
|
|
61
|
+
},
|
|
62
|
+
"additionalProperties": false
|
|
63
|
+
}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
3
|
+
"$id": "http://schema.mydesignsystem.com/downloads.schema.json",
|
|
4
|
+
"title": "Downloads",
|
|
5
|
+
"type": "object",
|
|
6
|
+
"properties": {
|
|
7
|
+
"headline": {
|
|
8
|
+
"type": "string",
|
|
9
|
+
"description": "The headline for the downloads section"
|
|
10
|
+
},
|
|
11
|
+
"subheadline": {
|
|
12
|
+
"type": "string",
|
|
13
|
+
"description": "The subheadline for the downloads section"
|
|
14
|
+
},
|
|
15
|
+
"downloads": {
|
|
16
|
+
"type": "array",
|
|
17
|
+
"items": {
|
|
18
|
+
"type": "object",
|
|
19
|
+
"properties": {
|
|
20
|
+
"name": {
|
|
21
|
+
"type": "string",
|
|
22
|
+
"description": "The name of the file"
|
|
23
|
+
},
|
|
24
|
+
"description": {
|
|
25
|
+
"type": "string",
|
|
26
|
+
"description": "A brief description of the file"
|
|
27
|
+
},
|
|
28
|
+
"previewImage": {
|
|
29
|
+
"type": "string",
|
|
30
|
+
"format": "uri",
|
|
31
|
+
"description": "A URL to an image that previews the file."
|
|
32
|
+
},
|
|
33
|
+
"url": {
|
|
34
|
+
"type": "string",
|
|
35
|
+
"format": "uri",
|
|
36
|
+
"description": "The URL to download the file from."
|
|
37
|
+
},
|
|
38
|
+
"size": {
|
|
39
|
+
"type": ["string"],
|
|
40
|
+
"description": "The size of the download file"
|
|
41
|
+
},
|
|
42
|
+
"format": {
|
|
43
|
+
"type": ["string"],
|
|
44
|
+
"description": "The format of the download file"
|
|
45
|
+
}
|
|
46
|
+
},
|
|
47
|
+
"required": ["name", "url"]
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
},
|
|
51
|
+
"additionalProperties": false
|
|
52
|
+
}
|
|
@@ -0,0 +1,49 @@
|
|
|
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
|
+
interface DownloadsProps {
|
|
10
|
+
/**
|
|
11
|
+
* The headline for the downloads section
|
|
12
|
+
*/
|
|
13
|
+
headline?: string;
|
|
14
|
+
/**
|
|
15
|
+
* The subheadline for the downloads section
|
|
16
|
+
*/
|
|
17
|
+
subheadline?: string;
|
|
18
|
+
downloads?: {
|
|
19
|
+
/**
|
|
20
|
+
* The name of the file
|
|
21
|
+
*/
|
|
22
|
+
name: string;
|
|
23
|
+
/**
|
|
24
|
+
* A brief description of the file
|
|
25
|
+
*/
|
|
26
|
+
description?: string;
|
|
27
|
+
/**
|
|
28
|
+
* A URL to an image that previews the file.
|
|
29
|
+
*/
|
|
30
|
+
previewImage?: string;
|
|
31
|
+
/**
|
|
32
|
+
* The URL to download the file from.
|
|
33
|
+
*/
|
|
34
|
+
url: string;
|
|
35
|
+
/**
|
|
36
|
+
* The size of the download file
|
|
37
|
+
*/
|
|
38
|
+
size?: string;
|
|
39
|
+
/**
|
|
40
|
+
* The format of the download file
|
|
41
|
+
*/
|
|
42
|
+
format?: string;
|
|
43
|
+
}[];
|
|
44
|
+
}
|
|
45
|
+
declare const DownloadsContextDefault: import("react").ForwardRefExoticComponent<DownloadsProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
46
|
+
declare const DownloadsContext: import("react").Context<import("react").ForwardRefExoticComponent<DownloadsProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
|
|
47
|
+
declare const Downloads: import("react").ForwardRefExoticComponent<DownloadsProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
48
|
+
export type { DownloadsProps };
|
|
49
|
+
export { DownloadsContextDefault, DownloadsContext, Downloads };
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import "./downloads.css";
|
|
2
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { forwardRef, createContext, useContext } from 'react';
|
|
4
|
+
import { Headline } from '../headline/index.js';
|
|
5
|
+
import { RichText } from '@kickstartds/base/lib/rich-text';
|
|
6
|
+
import { Icon } from '@kickstartds/base/lib/icon';
|
|
7
|
+
import { Button } from '../button/index.js';
|
|
8
|
+
import { Picture } from '@kickstartds/base/lib/picture';
|
|
9
|
+
import 'classnames';
|
|
10
|
+
import 'markdown-to-jsx';
|
|
11
|
+
import '@kickstartds/base/lib/headline';
|
|
12
|
+
import '@kickstartds/base/lib/button';
|
|
13
|
+
|
|
14
|
+
const DownloadsContextDefault = forwardRef(({ headline, subheadline, downloads }, ref) => {
|
|
15
|
+
return (jsxs("div", { className: "dsa-downloads", ref: ref, children: [jsx(Headline, { text: headline, sub: subheadline, className: "dsa-downloads__title", level: "h2", style: "h3" }), jsx("div", { className: "dsa-downloads__list", children: downloads.map((item, index) => (jsxs("div", { className: "dsa-downloads-item", children: [item?.previewImage ? (jsx(Picture, { className: "dsa-downloads-item__image", src: item.previewImage })) : (jsx(Icon, { className: "dsa-downloads-item__icon", icon: "file" })), jsxs("div", { className: "dsa-downloads-item__header", children: [jsx("span", { className: "dsa-downloads-item__name", children: item.name }), jsxs("div", { className: "dsa-downloads-item__infos", children: [item?.format && (jsx("span", { className: "dsa-downloads-item__info dsa-downloads-item__format", children: item.format })), item?.size && (jsx("span", { className: "dsa-downloads-item__info dsa-downloads-item__size", children: item.size })), item?.description && (jsx(RichText, { className: "dsa-downloads-item__description", text: item.description }))] })] }), jsx(Button, { className: "dsa-downloads-item__button", "aria-label": "Download file", icon: "download", size: "small", label: "" })] }, index))) })] }));
|
|
16
|
+
});
|
|
17
|
+
const DownloadsContext = createContext(DownloadsContextDefault);
|
|
18
|
+
const Downloads = forwardRef((props, ref) => {
|
|
19
|
+
const Component = useContext(DownloadsContext);
|
|
20
|
+
return jsx(Component, { ...props, ref: ref });
|
|
21
|
+
});
|
|
22
|
+
Downloads.displayName = "Downloads";
|
|
23
|
+
|
|
24
|
+
export { Downloads, DownloadsContext, DownloadsContextDefault };
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
.dsa-event {
|
|
2
|
+
max-width: var(--dsa-content--width_default);
|
|
3
|
+
margin: auto;
|
|
4
|
+
display: flex;
|
|
5
|
+
flex-direction: column;
|
|
6
|
+
gap: var(--ks-spacing-stack-m);
|
|
7
|
+
}
|
|
8
|
+
.dsa-event__categories {
|
|
9
|
+
display: flex;
|
|
10
|
+
flex-wrap: wrap;
|
|
11
|
+
gap: 0.5em;
|
|
12
|
+
margin-bottom: var(--ks-spacing-stack-xs);
|
|
13
|
+
}
|
|
14
|
+
.dsa-event__appointments {
|
|
15
|
+
background-color: var(--ks-background-color-accent);
|
|
16
|
+
padding: var(--ks-spacing-inset-m);
|
|
17
|
+
border-radius: var(--ks-border-radius-surface);
|
|
18
|
+
display: flex;
|
|
19
|
+
gap: var(--ks-spacing-stack-m);
|
|
20
|
+
flex-direction: column;
|
|
21
|
+
}
|
|
22
|
+
.dsa-event .dsa-event-appointment {
|
|
23
|
+
--dsa-event-appointment__icon--size: calc(var(--ks-font-size-copy-m) * var(--ks-line-height-copy-m));
|
|
24
|
+
display: flex;
|
|
25
|
+
flex-wrap: wrap;
|
|
26
|
+
gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-m);
|
|
27
|
+
}
|
|
28
|
+
.dsa-event .dsa-event-appointment .l-container {
|
|
29
|
+
container-type: unset;
|
|
30
|
+
}
|
|
31
|
+
.dsa-event .dsa-event-appointment__row {
|
|
32
|
+
display: flex;
|
|
33
|
+
flex-direction: column;
|
|
34
|
+
gap: var(--ks-spacing-stack-xs);
|
|
35
|
+
}
|
|
36
|
+
.dsa-event .dsa-event-appointment__item {
|
|
37
|
+
display: flex;
|
|
38
|
+
gap: var(--ks-spacing-stack-xs) var(--ks-spacing-inline-xs);
|
|
39
|
+
}
|
|
40
|
+
.dsa-event .dsa-event-appointment__icon {
|
|
41
|
+
color: var(--ks-text-color-primary);
|
|
42
|
+
width: var(--dsa-event-appointment__icon--size);
|
|
43
|
+
height: var(--dsa-event-appointment__icon--size);
|
|
44
|
+
}
|
|
45
|
+
.dsa-event .dsa-event-appointment__cta {
|
|
46
|
+
align-self: flex-start;
|
|
47
|
+
}
|
|
@@ -0,0 +1,128 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
3
|
+
"$id": "http://schema.mydesignsystem.com/event.schema.json",
|
|
4
|
+
"title": "Event",
|
|
5
|
+
"type": "object",
|
|
6
|
+
"properties": {
|
|
7
|
+
"title": {
|
|
8
|
+
"title": "Event Title",
|
|
9
|
+
"description": "Title of the event",
|
|
10
|
+
"type": "string"
|
|
11
|
+
},
|
|
12
|
+
"categories": {
|
|
13
|
+
"title": "Categories",
|
|
14
|
+
"description": "Categories to which the event belongs",
|
|
15
|
+
"type": "array",
|
|
16
|
+
"items": {
|
|
17
|
+
"type": "object",
|
|
18
|
+
"properties": {
|
|
19
|
+
"label": {
|
|
20
|
+
"type": "string",
|
|
21
|
+
"title": "Label",
|
|
22
|
+
"description": "Label of the category"
|
|
23
|
+
}
|
|
24
|
+
},
|
|
25
|
+
"additionalProperties": false
|
|
26
|
+
}
|
|
27
|
+
},
|
|
28
|
+
"intro": {
|
|
29
|
+
"title": "Intro",
|
|
30
|
+
"description": "Short intro text for the event",
|
|
31
|
+
"type": "string"
|
|
32
|
+
},
|
|
33
|
+
"appointments": {
|
|
34
|
+
"title": "Appointments",
|
|
35
|
+
"description": "List of appointments for the event",
|
|
36
|
+
"type": "array",
|
|
37
|
+
"items": {
|
|
38
|
+
"type": "object",
|
|
39
|
+
"properties": {
|
|
40
|
+
"date": {
|
|
41
|
+
"title": "Date",
|
|
42
|
+
"description": "Date of the appointment",
|
|
43
|
+
"type": "string",
|
|
44
|
+
"format": "date"
|
|
45
|
+
},
|
|
46
|
+
"time": {
|
|
47
|
+
"title": "Time",
|
|
48
|
+
"description": "Time of the appointment",
|
|
49
|
+
"type": "string"
|
|
50
|
+
},
|
|
51
|
+
"address": {
|
|
52
|
+
"title": "Address",
|
|
53
|
+
"description": "Address of the appointment",
|
|
54
|
+
"type": "string"
|
|
55
|
+
},
|
|
56
|
+
"cta": {
|
|
57
|
+
"type": "object",
|
|
58
|
+
"title": "Call to Action",
|
|
59
|
+
"description": "Call to action for the appointment",
|
|
60
|
+
"properties": {
|
|
61
|
+
"label": {
|
|
62
|
+
"title": "CTA Label",
|
|
63
|
+
"description": "Label for the call to action button",
|
|
64
|
+
"type": "string"
|
|
65
|
+
},
|
|
66
|
+
"target": {
|
|
67
|
+
"title": "CTA Target",
|
|
68
|
+
"description": "URL or action for the call to action button",
|
|
69
|
+
"type": "string",
|
|
70
|
+
"format": "uri"
|
|
71
|
+
}
|
|
72
|
+
},
|
|
73
|
+
"required": [
|
|
74
|
+
"label",
|
|
75
|
+
"target"
|
|
76
|
+
],
|
|
77
|
+
"additionalProperties": false
|
|
78
|
+
},
|
|
79
|
+
"mapsLink": {
|
|
80
|
+
"title": "Maps Link",
|
|
81
|
+
"description": "Link to the location on a map",
|
|
82
|
+
"type": "string",
|
|
83
|
+
"format": "uri"
|
|
84
|
+
}
|
|
85
|
+
},
|
|
86
|
+
"required": [
|
|
87
|
+
"date",
|
|
88
|
+
"time",
|
|
89
|
+
"address"
|
|
90
|
+
],
|
|
91
|
+
"additionalProperties": false
|
|
92
|
+
}
|
|
93
|
+
},
|
|
94
|
+
"description": {
|
|
95
|
+
"title": "Description",
|
|
96
|
+
"description": "Description of the event",
|
|
97
|
+
"type": "string",
|
|
98
|
+
"format": "markdown"
|
|
99
|
+
},
|
|
100
|
+
"images": {
|
|
101
|
+
"title": "Images",
|
|
102
|
+
"description": "Images displayed below the text content",
|
|
103
|
+
"type": "array",
|
|
104
|
+
"items": {
|
|
105
|
+
"type": "object",
|
|
106
|
+
"properties": {
|
|
107
|
+
"src": {
|
|
108
|
+
"title": "Image source",
|
|
109
|
+
"description": "Image source to use",
|
|
110
|
+
"type": "string",
|
|
111
|
+
"format": "image"
|
|
112
|
+
},
|
|
113
|
+
"alt": {
|
|
114
|
+
"title": "Alt text",
|
|
115
|
+
"description": "Image description",
|
|
116
|
+
"type": "string"
|
|
117
|
+
}
|
|
118
|
+
},
|
|
119
|
+
"additionalProperties": false
|
|
120
|
+
},
|
|
121
|
+
"additionalProperties": false
|
|
122
|
+
},
|
|
123
|
+
"type": {
|
|
124
|
+
"const": "event"
|
|
125
|
+
}
|
|
126
|
+
},
|
|
127
|
+
"additionalProperties": false
|
|
128
|
+
}
|
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
3
|
+
"$id": "http://schema.mydesignsystem.com/event.schema.json",
|
|
4
|
+
"title": "Event",
|
|
5
|
+
"type": "object",
|
|
6
|
+
"properties": {
|
|
7
|
+
"title": {
|
|
8
|
+
"title": "Event Title",
|
|
9
|
+
"description": "Title of the event",
|
|
10
|
+
"type": "string"
|
|
11
|
+
},
|
|
12
|
+
"categories": {
|
|
13
|
+
"title": "Categories",
|
|
14
|
+
"description": "Categories to which the event belongs",
|
|
15
|
+
"type": "array",
|
|
16
|
+
"items": {
|
|
17
|
+
"type": "object",
|
|
18
|
+
"properties": {
|
|
19
|
+
"label": {
|
|
20
|
+
"type": "string",
|
|
21
|
+
"title": "Label",
|
|
22
|
+
"description": "Label of the category"
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
"intro": {
|
|
28
|
+
"title": "Intro",
|
|
29
|
+
"description": "Short intro text for the event",
|
|
30
|
+
"type": "string"
|
|
31
|
+
},
|
|
32
|
+
"appointments": {
|
|
33
|
+
"title": "Appointments",
|
|
34
|
+
"description": "List of appointments for the event",
|
|
35
|
+
"type": "array",
|
|
36
|
+
"items": {
|
|
37
|
+
"type": "object",
|
|
38
|
+
"properties": {
|
|
39
|
+
"date": {
|
|
40
|
+
"title": "Date",
|
|
41
|
+
"description": "Date of the appointment",
|
|
42
|
+
"type": "string",
|
|
43
|
+
"format": "date"
|
|
44
|
+
},
|
|
45
|
+
"time": {
|
|
46
|
+
"title": "Time",
|
|
47
|
+
"description": "Time of the appointment",
|
|
48
|
+
"type": "string"
|
|
49
|
+
},
|
|
50
|
+
"address": {
|
|
51
|
+
"title": "Address",
|
|
52
|
+
"description": "Address of the appointment",
|
|
53
|
+
"type": "string"
|
|
54
|
+
},
|
|
55
|
+
"cta": {
|
|
56
|
+
"type": "object",
|
|
57
|
+
"title": "Call to Action",
|
|
58
|
+
"description": "Call to action for the appointment",
|
|
59
|
+
"properties": {
|
|
60
|
+
"label": {
|
|
61
|
+
"title": "CTA Label",
|
|
62
|
+
"description": "Label for the call to action button",
|
|
63
|
+
"type": "string"
|
|
64
|
+
},
|
|
65
|
+
"target": {
|
|
66
|
+
"title": "CTA Target",
|
|
67
|
+
"description": "URL or action for the call to action button",
|
|
68
|
+
"type": "string",
|
|
69
|
+
"format": "uri"
|
|
70
|
+
}
|
|
71
|
+
},
|
|
72
|
+
"required": ["label", "target"]
|
|
73
|
+
},
|
|
74
|
+
"mapsLink": {
|
|
75
|
+
"title": "Maps Link",
|
|
76
|
+
"description": "Link to the location on a map",
|
|
77
|
+
"type": "string",
|
|
78
|
+
"format": "uri"
|
|
79
|
+
}
|
|
80
|
+
},
|
|
81
|
+
"required": ["date", "time", "address"]
|
|
82
|
+
}
|
|
83
|
+
},
|
|
84
|
+
"description": {
|
|
85
|
+
"title": "Description",
|
|
86
|
+
"description": "Description of the event",
|
|
87
|
+
"type": "string",
|
|
88
|
+
"format": "markdown"
|
|
89
|
+
},
|
|
90
|
+
"images": {
|
|
91
|
+
"title": "Images",
|
|
92
|
+
"description": "Images displayed below the text content",
|
|
93
|
+
"type": "array",
|
|
94
|
+
"items": {
|
|
95
|
+
"type": "object",
|
|
96
|
+
"properties": {
|
|
97
|
+
"src": {
|
|
98
|
+
"title": "Image source",
|
|
99
|
+
"description": "Image source to use",
|
|
100
|
+
"type": "string",
|
|
101
|
+
"format": "image"
|
|
102
|
+
},
|
|
103
|
+
"alt": {
|
|
104
|
+
"title": "Alt text",
|
|
105
|
+
"description": "Image description",
|
|
106
|
+
"type": "string"
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
},
|
|
110
|
+
"additionalProperties": false
|
|
111
|
+
}
|
|
112
|
+
},
|
|
113
|
+
"additionalProperties": false
|
|
114
|
+
}
|
|
@@ -0,0 +1,99 @@
|
|
|
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
|
+
* Title of the event
|
|
11
|
+
*/
|
|
12
|
+
type EventTitle = string;
|
|
13
|
+
/**
|
|
14
|
+
* Label of the category
|
|
15
|
+
*/
|
|
16
|
+
type Label = string;
|
|
17
|
+
/**
|
|
18
|
+
* Categories to which the event belongs
|
|
19
|
+
*/
|
|
20
|
+
type Categories = {
|
|
21
|
+
label?: Label;
|
|
22
|
+
}[];
|
|
23
|
+
/**
|
|
24
|
+
* Short intro text for the event
|
|
25
|
+
*/
|
|
26
|
+
type Intro = string;
|
|
27
|
+
/**
|
|
28
|
+
* Date of the appointment
|
|
29
|
+
*/
|
|
30
|
+
type Date = string;
|
|
31
|
+
/**
|
|
32
|
+
* Time of the appointment
|
|
33
|
+
*/
|
|
34
|
+
type Time = string;
|
|
35
|
+
/**
|
|
36
|
+
* Address of the appointment
|
|
37
|
+
*/
|
|
38
|
+
type Address = string;
|
|
39
|
+
/**
|
|
40
|
+
* Label for the call to action button
|
|
41
|
+
*/
|
|
42
|
+
type CTALabel = string;
|
|
43
|
+
/**
|
|
44
|
+
* URL or action for the call to action button
|
|
45
|
+
*/
|
|
46
|
+
type CTATarget = string;
|
|
47
|
+
/**
|
|
48
|
+
* Link to the location on a map
|
|
49
|
+
*/
|
|
50
|
+
type MapsLink = string;
|
|
51
|
+
/**
|
|
52
|
+
* List of appointments for the event
|
|
53
|
+
*/
|
|
54
|
+
type Appointments = {
|
|
55
|
+
date: Date;
|
|
56
|
+
time: Time;
|
|
57
|
+
address: Address;
|
|
58
|
+
cta?: CallToAction;
|
|
59
|
+
mapsLink?: MapsLink;
|
|
60
|
+
}[];
|
|
61
|
+
/**
|
|
62
|
+
* Description of the event
|
|
63
|
+
*/
|
|
64
|
+
type Description = string;
|
|
65
|
+
/**
|
|
66
|
+
* Image source to use
|
|
67
|
+
*/
|
|
68
|
+
type ImageSource = string;
|
|
69
|
+
/**
|
|
70
|
+
* Image description
|
|
71
|
+
*/
|
|
72
|
+
type AltText = string;
|
|
73
|
+
/**
|
|
74
|
+
* Images displayed below the text content
|
|
75
|
+
*/
|
|
76
|
+
type Images = {
|
|
77
|
+
src?: ImageSource;
|
|
78
|
+
alt?: AltText;
|
|
79
|
+
}[];
|
|
80
|
+
interface EventProps {
|
|
81
|
+
title?: EventTitle;
|
|
82
|
+
categories?: Categories;
|
|
83
|
+
intro?: Intro;
|
|
84
|
+
appointments?: Appointments;
|
|
85
|
+
description?: Description;
|
|
86
|
+
images?: Images;
|
|
87
|
+
}
|
|
88
|
+
/**
|
|
89
|
+
* Call to action for the appointment
|
|
90
|
+
*/
|
|
91
|
+
interface CallToAction {
|
|
92
|
+
label: CTALabel;
|
|
93
|
+
target: CTATarget;
|
|
94
|
+
}
|
|
95
|
+
declare const EventContextDefault: import("react").ForwardRefExoticComponent<EventProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
96
|
+
declare const EventContext: import("react").Context<import("react").ForwardRefExoticComponent<EventProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
|
|
97
|
+
declare const Event: import("react").ForwardRefExoticComponent<EventProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
98
|
+
export type { EventProps };
|
|
99
|
+
export { EventContextDefault, EventContext, Event };
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import "./event.css";
|
|
2
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { forwardRef, createContext, useContext } from 'react';
|
|
4
|
+
import { Headline } from '../headline/index.js';
|
|
5
|
+
import { Text } from '../text/index.js';
|
|
6
|
+
import { RichText } from '@kickstartds/base/lib/rich-text';
|
|
7
|
+
import { TagLabel } from '@kickstartds/base/lib/tag-label';
|
|
8
|
+
import { Icon } from '@kickstartds/base/lib/icon';
|
|
9
|
+
import { Button } from '../button/index.js';
|
|
10
|
+
import 'classnames';
|
|
11
|
+
import 'markdown-to-jsx';
|
|
12
|
+
import '@kickstartds/base/lib/headline';
|
|
13
|
+
import '@kickstartds/base/lib/button';
|
|
14
|
+
|
|
15
|
+
const EventContextDefault = forwardRef(({ title, categories, intro, appointments, description }, ref) => {
|
|
16
|
+
return (jsxs("div", { className: "dsa-event", ref: ref, children: [jsxs("div", { className: "dsa-event__header", children: [categories && categories.length > 0 && (jsx("div", { className: "dsa-event__categories", children: categories.map((category, index) => (jsx(TagLabel, { className: "dsa-event__category", label: category?.label }, index))) })), jsx(Headline, { text: title, level: "h1" }), jsx(Text, { highlightText: true, text: intro })] }), appointments && appointments.length > 0 && (jsx("div", { className: "dsa-event__appointments", children: appointments.map((appointment, index) => (jsxs("div", { className: "dsa-event-appointment", children: [appointment?.address && (jsx("div", { className: "dsa-event-appointment__row", children: jsxs("address", { className: "dsa-event-appointment__item dsa-event-appointment__address", children: [jsx(Icon, { className: "dsa-event-appointment__icon", icon: "map-pin" }), jsx(RichText, { text: appointment?.address })] }, index) })), appointment?.date && appointment?.time && (jsxs("div", { className: "dsa-event-appointment__row", children: [appointment?.date && (jsxs("div", { className: "dsa-event-appointment__item dsa-event-appointment__date", children: [jsx(Icon, { className: "dsa-event-appointment__icon", icon: "date" }), jsx(RichText, { text: appointment?.date })] })), appointment?.time && (jsxs("div", { className: "dsa-event-appointment__item dsa-event-appointment__time", children: [jsx(Icon, { className: "dsa-event-appointment__icon", icon: "time" }), jsx(RichText, { text: appointment?.time })] }))] })), jsx(Button, { className: "dsa-event-appointment__cta", label: appointment?.cta.label, target: appointment?.cta.target, size: "small" })] }, index))) })), description && (jsx(RichText, { className: "dsa-event__description", text: description }))] }));
|
|
17
|
+
});
|
|
18
|
+
const EventContext = createContext(EventContextDefault);
|
|
19
|
+
const Event = forwardRef((props, ref) => {
|
|
20
|
+
const Component = useContext(EventContext);
|
|
21
|
+
return jsx(Component, { ...props, ref: ref });
|
|
22
|
+
});
|
|
23
|
+
Event.displayName = "Event";
|
|
24
|
+
|
|
25
|
+
export { Event, EventContext, EventContextDefault };
|
|
@@ -29,7 +29,7 @@ interface SettingsProps {
|
|
|
29
29
|
seo: SeoProps;
|
|
30
30
|
iconSprite?: IconSprite;
|
|
31
31
|
}
|
|
32
|
-
export * from "../../BlogPostProps-
|
|
32
|
+
export * from "../../BlogPostProps-d9decb7c.js";
|
|
33
33
|
export * from "../../BlogOverviewProps-9f207f1c.js";
|
|
34
34
|
export * from "../../PageProps-aa29c554.js";
|
|
35
35
|
export { IconSprite, SettingsProps };
|
|
@@ -90,6 +90,16 @@ var IconSprite = (() => /*#__PURE__*/ jsxs("svg", {
|
|
|
90
90
|
children: /*#__PURE__*/ jsx("path", {
|
|
91
91
|
d: "M19 3H17V2C17 1.4 16.6 1 16 1C15.4 1 15 1.4 15 2V3H9V2C9 1.4 8.6 1 8 1C7.4 1 7 1.4 7 2V3H5C3.3 3 2 4.3 2 6V20C2 21.7 3.3 23 5 23H19C20.7 23 22 21.7 22 20V6C22 4.3 20.7 3 19 3ZM5 5H7V6C7 6.6 7.4 7 8 7C8.6 7 9 6.6 9 6V5H15V6C15 6.6 15.4 7 16 7C16.6 7 17 6.6 17 6V5H19C19.6 5 20 5.4 20 6V9H4V6C4 5.4 4.4 5 5 5ZM19 21H5C4.4 21 4 20.6 4 20V11H20V20C20 20.6 19.6 21 19 21Z"
|
|
92
92
|
})
|
|
93
|
+
}), /*#__PURE__*/ jsxs("symbol", {
|
|
94
|
+
id: "icon-download",
|
|
95
|
+
viewBox: "0 0 24 24",
|
|
96
|
+
children: [/*#__PURE__*/ jsx("path", {
|
|
97
|
+
d: "M2 19V15C2 14.4477 2.44772 14 3 14C3.55228 14 4 14.4477 4 15V19L4.00488 19.0986C4.02757 19.3276 4.12883 19.5429 4.29297 19.707C4.48051 19.8946 4.73478 20 5 20H19C19.2652 20 19.5195 19.8946 19.707 19.707C19.8946 19.5195 20 19.2652 20 19V15C20 14.4477 20.4477 14 21 14C21.5523 14 22 14.4477 22 15V19C22 19.7957 21.6837 20.5585 21.1211 21.1211C20.5585 21.6837 19.7957 22 19 22H5C4.20435 22 3.44152 21.6837 2.87891 21.1211C2.3163 20.5585 2 19.7956 2 19Z"
|
|
98
|
+
}), /*#__PURE__*/ jsx("path", {
|
|
99
|
+
d: "M16.293 9.29297C16.6835 8.90244 17.3165 8.90244 17.707 9.29297C18.0976 9.68349 18.0976 10.3165 17.707 10.707L12.707 15.707C12.3165 16.0976 11.6835 16.0976 11.293 15.707L6.29297 10.707C5.90244 10.3165 5.90244 9.68349 6.29297 9.29297C6.68349 8.90244 7.31651 8.90244 7.70703 9.29297L12 13.5859L16.293 9.29297Z"
|
|
100
|
+
}), /*#__PURE__*/ jsx("path", {
|
|
101
|
+
d: "M11 15V3C11 2.44772 11.4477 2 12 2C12.5523 2 13 2.44772 13 3V15C13 15.5523 12.5523 16 12 16C11.4477 16 11 15.5523 11 15Z"
|
|
102
|
+
})]
|
|
93
103
|
}), /*#__PURE__*/ jsx("symbol", {
|
|
94
104
|
id: "icon-email",
|
|
95
105
|
viewBox: "0 0 24 24",
|
|
@@ -102,6 +112,14 @@ var IconSprite = (() => /*#__PURE__*/ jsxs("svg", {
|
|
|
102
112
|
children: /*#__PURE__*/ jsx("path", {
|
|
103
113
|
d: "M14 23H10C9.4 23 9 22.6 9 22V15H7C6.4 15 6 14.6 6 14V10C6 9.4 6.4 9 7 9H9V7C9 3.7 11.7 1 15 1H18C18.6 1 19 1.4 19 2V6C19 6.6 18.6 7 18 7H15V9H18C18.3 9 18.6 9.1 18.8 9.4C19 9.7 19 9.9 19 10.2L18 14.2C17.9 14.6 17.5 15 17 15H15V22C15 22.6 14.6 23 14 23ZM11 21H13V14C13 13.4 13.4 13 14 13H16.2L16.7 11H14C13.4 11 13 10.6 13 10V7C13 5.9 13.9 5 15 5H17V3H15C12.8 3 11 4.8 11 7V10C11 10.6 10.6 11 10 11H8V13H10C10.6 13 11 13.4 11 14V21Z"
|
|
104
114
|
})
|
|
115
|
+
}), /*#__PURE__*/ jsxs("symbol", {
|
|
116
|
+
id: "icon-file",
|
|
117
|
+
viewBox: "0 0 24 24",
|
|
118
|
+
children: [/*#__PURE__*/ jsx("path", {
|
|
119
|
+
d: "M3 20V4C3 3.20435 3.3163 2.44152 3.87891 1.87891C4.44152 1.3163 5.20435 1 6 1H13L13.0986 1.00488C13.3276 1.02757 13.5429 1.12883 13.707 1.29297L20.707 8.29297C20.8946 8.48051 21 8.73478 21 9V20C21 20.7957 20.6837 21.5585 20.1211 22.1211C19.5585 22.6837 18.7957 23 18 23H6C5.20435 23 4.44152 22.6837 3.87891 22.1211C3.3163 21.5585 3 20.7956 3 20ZM5 20C5 20.2652 5.10543 20.5195 5.29297 20.707C5.48051 20.8946 5.73478 21 6 21H18C18.2652 21 18.5195 20.8946 18.707 20.707C18.8946 20.5195 19 20.2652 19 20V9.41406L12.5859 3H6C5.73478 3 5.48051 3.10543 5.29297 3.29297C5.10543 3.48051 5 3.73478 5 4V20Z"
|
|
120
|
+
}), /*#__PURE__*/ jsx("path", {
|
|
121
|
+
d: "M12 2C12 1.44772 12.4477 1 13 1C13.5523 1 14 1.44772 14 2V8H20C20.5523 8 21 8.44772 21 9C21 9.55228 20.5523 10 20 10H13C12.4477 10 12 9.55228 12 9V2Z"
|
|
122
|
+
})]
|
|
105
123
|
}), /*#__PURE__*/ jsxs("symbol", {
|
|
106
124
|
id: "icon-home",
|
|
107
125
|
viewBox: "0 0 24 24",
|
|
@@ -140,6 +158,14 @@ var IconSprite = (() => /*#__PURE__*/ jsxs("svg", {
|
|
|
140
158
|
}), /*#__PURE__*/ jsx("path", {
|
|
141
159
|
d: "M10.7071 6.29289C10.3166 5.90237 9.68342 5.90237 9.29289 6.29289C8.90237 6.68342 8.90237 7.31658 9.29289 7.70711L12.5858 11H3C2.44772 11 2 11.4477 2 12C2 12.5523 2.44772 13 3 13H12.5858L9.29289 16.2929C8.90237 16.6834 8.90237 17.3166 9.29289 17.7071C9.68342 18.0976 10.3166 18.0976 10.7071 17.7071L15.7071 12.7071C16.0976 12.3166 16.0976 11.6834 15.7071 11.2929L10.7071 6.29289Z"
|
|
142
160
|
})]
|
|
161
|
+
}), /*#__PURE__*/ jsxs("symbol", {
|
|
162
|
+
id: "icon-map-pin",
|
|
163
|
+
viewBox: "0 0 24 24",
|
|
164
|
+
children: [/*#__PURE__*/ jsx("path", {
|
|
165
|
+
d: "M12.5547 23.832C12.2188 24.056 11.7812 24.056 11.4453 23.832L12 23L12.5547 23.832ZM20 10C20 7.87827 19.1575 5.84306 17.6572 4.34277C16.1569 2.84248 14.1217 2 12 2C9.87827 2 7.84306 2.84248 6.34277 4.34277C4.84248 5.84306 4 7.87827 4 10C4 13.098 6.01539 16.1045 8.22559 18.4375C9.31025 19.5824 10.3988 20.5195 11.2168 21.1709C11.5207 21.4129 11.7872 21.6132 12 21.7705C12.2128 21.6132 12.4793 21.4129 12.7832 21.1709C13.6012 20.5195 14.6898 19.5824 15.7744 18.4375C17.9846 16.1045 20 13.098 20 10ZM22 10C22 13.9019 19.5154 17.3955 17.2256 19.8125C16.0603 21.0425 14.8988 22.043 14.0293 22.7354C13.594 23.082 13.2299 23.3533 12.9727 23.5391C12.8442 23.6318 12.7419 23.7037 12.6709 23.7529C12.6355 23.7774 12.6073 23.7964 12.5879 23.8096C12.5782 23.8162 12.57 23.8215 12.5645 23.8252C12.5618 23.827 12.5593 23.829 12.5576 23.8301L12.5557 23.8311C12.5554 23.8312 12.5547 23.8321 12 23C11.4453 23.8321 11.4456 23.8322 11.4453 23.832L11.4443 23.8311L11.4424 23.8301C11.4407 23.829 11.4382 23.827 11.4355 23.8252C11.43 23.8215 11.4218 23.8162 11.4121 23.8096C11.3927 23.7964 11.3645 23.7774 11.3291 23.7529C11.2581 23.7037 11.1558 23.6318 11.0273 23.5391C10.7701 23.3533 10.406 23.082 9.9707 22.7354C9.10124 22.043 7.93969 21.0425 6.77441 19.8125C4.48463 17.3955 2 13.9019 2 10C2 7.34784 3.05335 4.80407 4.92871 2.92871C6.80407 1.05335 9.34784 1.19209e-07 12 1.19209e-07C14.6522 1.19209e-07 17.1959 1.05335 19.0713 2.92871C20.9467 4.80407 22 7.34784 22 10Z"
|
|
166
|
+
}), /*#__PURE__*/ jsx("path", {
|
|
167
|
+
d: "M14 10C14 8.89543 13.1046 8 12 8C10.8954 8 10 8.89543 10 10C10 11.1046 10.8954 12 12 12C13.1046 12 14 11.1046 14 10ZM16 10C16 12.2091 14.2091 14 12 14C9.79086 14 8 12.2091 8 10C8 7.79086 9.79086 6 12 6C14.2091 6 16 7.79086 16 10Z"
|
|
168
|
+
})]
|
|
143
169
|
}), /*#__PURE__*/ jsx("symbol", {
|
|
144
170
|
id: "icon-map",
|
|
145
171
|
viewBox: "0 0 24 24",
|
|
@@ -1250,6 +1250,102 @@
|
|
|
1250
1250
|
},
|
|
1251
1251
|
"screenshot": "img/screenshots/layout-divider--default.png"
|
|
1252
1252
|
},
|
|
1253
|
+
{
|
|
1254
|
+
"id": "industry-downloads--default",
|
|
1255
|
+
"group": "Industry/Downloads",
|
|
1256
|
+
"name": "Default",
|
|
1257
|
+
"code": "<Downloads\n downloads={[\n {\n description: 'Detailed product information and specifications.',\n format: 'PDF',\n name: 'Product Brochure',\n previewImage: 'img/offset-image.png',\n size: '2.5 MB'\n },\n {\n format: 'PDF',\n name: 'User Guide',\n previewImage: 'img/about/cta.png',\n size: '1.2 MB'\n },\n {\n name: 'Technical Specifications',\n previewImage: 'assets/figma-cover.png'\n },\n {\n description: 'In-depth technical details and requirements.',\n name: 'Technical Specifications'\n }\n ]}\n headline=\"Downloads\"\n subheadline=\"Download our latest resources\"\n/>",
|
|
1258
|
+
"args": {
|
|
1259
|
+
"headline": "Downloads",
|
|
1260
|
+
"subheadline": "Download our latest resources",
|
|
1261
|
+
"downloads": [
|
|
1262
|
+
{
|
|
1263
|
+
"name": "Product Brochure",
|
|
1264
|
+
"format": "PDF",
|
|
1265
|
+
"size": "2.5 MB",
|
|
1266
|
+
"description": "Detailed product information and specifications.",
|
|
1267
|
+
"previewImage": "img/offset-image.png"
|
|
1268
|
+
},
|
|
1269
|
+
{
|
|
1270
|
+
"name": "User Guide",
|
|
1271
|
+
"format": "PDF",
|
|
1272
|
+
"size": "1.2 MB",
|
|
1273
|
+
"previewImage": "img/about/cta.png"
|
|
1274
|
+
},
|
|
1275
|
+
{
|
|
1276
|
+
"name": "Technical Specifications",
|
|
1277
|
+
"previewImage": "assets/figma-cover.png"
|
|
1278
|
+
},
|
|
1279
|
+
{
|
|
1280
|
+
"name": "Technical Specifications",
|
|
1281
|
+
"description": "In-depth technical details and requirements."
|
|
1282
|
+
}
|
|
1283
|
+
]
|
|
1284
|
+
},
|
|
1285
|
+
"screenshot": "img/screenshots/industry-downloads--default.png"
|
|
1286
|
+
},
|
|
1287
|
+
{
|
|
1288
|
+
"id": "industry-event--default",
|
|
1289
|
+
"group": "Industry/Event",
|
|
1290
|
+
"name": "Default",
|
|
1291
|
+
"code": "<Event\n appointments={[\n {\n address: 'Berlin Congress Center<br />\\nAlexanderplatz 1<br />\\n10178 Berlin',\n cta: {\n label: 'Register now',\n target: 'https://systemics.events/register'\n },\n date: '2025-09-18',\n mapsLink: 'https://maps.google.com/?q=Berlin+Congress+Center',\n time: '09:00 – 17:00'\n },\n {\n address: 'Berlin Congress Center<br />\\nAlexanderplatz 1<br />\\n10178 Berlin',\n cta: {\n label: 'Register now',\n target: 'https://systemics.events/register'\n },\n date: '2025-09-18',\n mapsLink: 'https://maps.google.com/?q=Berlin+Congress+Center',\n time: '09:00 – 17:00'\n },\n {\n address: 'Berlin Congress Center<br />\\nAlexanderplatz 1<br />\\n10178 Berlin',\n cta: {\n label: 'Register now',\n target: 'https://systemics.events/register'\n },\n date: '2025-09-18',\n mapsLink: 'https://maps.google.com/?q=Berlin+Congress+Center',\n time: '09:00 – 17:00'\n }\n ]}\n categories={[\n {\n label: 'Conference'\n },\n {\n label: 'Design Systems'\n }\n ]}\n description=\"\nJoin us for a day of inspiring talks, hands-on workshops, and networking with design system experts from around the world.\n\n**Highlights:**\n- Keynotes from industry leaders\n- Practical sessions on design tokens, accessibility, and scaling systems\n- Evening networking event with food & drinks\n \"\n images={[\n {\n alt: 'Attendees at the Systemics Design Conference',\n src: '/img/events/design-conference.jpg'\n },\n {\n alt: 'Keynote speaker on stage',\n src: '/img/events/speaker.jpg'\n }\n ]}\n intro=\"A full-day event for design system professionals and enthusiasts. Join us to learn, share, and connect with like-minded individuals.\"\n title=\"Systemics Design Conference 2025\"\n/>",
|
|
1292
|
+
"args": {
|
|
1293
|
+
"title": "Systemics Design Conference 2025",
|
|
1294
|
+
"categories": [
|
|
1295
|
+
{
|
|
1296
|
+
"label": "Conference"
|
|
1297
|
+
},
|
|
1298
|
+
{
|
|
1299
|
+
"label": "Design Systems"
|
|
1300
|
+
}
|
|
1301
|
+
],
|
|
1302
|
+
"intro": "A full-day event for design system professionals and enthusiasts. Join us to learn, share, and connect with like-minded individuals.",
|
|
1303
|
+
"appointments": [
|
|
1304
|
+
{
|
|
1305
|
+
"date": "2025-09-18",
|
|
1306
|
+
"time": "09:00 – 17:00",
|
|
1307
|
+
"address": "Berlin Congress Center<br />\nAlexanderplatz 1<br />\n10178 Berlin",
|
|
1308
|
+
"cta": {
|
|
1309
|
+
"label": "Register now",
|
|
1310
|
+
"target": "https://systemics.events/register"
|
|
1311
|
+
},
|
|
1312
|
+
"mapsLink": "https://maps.google.com/?q=Berlin+Congress+Center"
|
|
1313
|
+
},
|
|
1314
|
+
{
|
|
1315
|
+
"date": "2025-09-18",
|
|
1316
|
+
"time": "09:00 – 17:00",
|
|
1317
|
+
"address": "Berlin Congress Center<br />\nAlexanderplatz 1<br />\n10178 Berlin",
|
|
1318
|
+
"cta": {
|
|
1319
|
+
"label": "Register now",
|
|
1320
|
+
"target": "https://systemics.events/register"
|
|
1321
|
+
},
|
|
1322
|
+
"mapsLink": "https://maps.google.com/?q=Berlin+Congress+Center"
|
|
1323
|
+
},
|
|
1324
|
+
{
|
|
1325
|
+
"date": "2025-09-18",
|
|
1326
|
+
"time": "09:00 – 17:00",
|
|
1327
|
+
"address": "Berlin Congress Center<br />\nAlexanderplatz 1<br />\n10178 Berlin",
|
|
1328
|
+
"cta": {
|
|
1329
|
+
"label": "Register now",
|
|
1330
|
+
"target": "https://systemics.events/register"
|
|
1331
|
+
},
|
|
1332
|
+
"mapsLink": "https://maps.google.com/?q=Berlin+Congress+Center"
|
|
1333
|
+
}
|
|
1334
|
+
],
|
|
1335
|
+
"description": "\nJoin us for a day of inspiring talks, hands-on workshops, and networking with design system experts from around the world.\n\n**Highlights:**\n- Keynotes from industry leaders\n- Practical sessions on design tokens, accessibility, and scaling systems\n- Evening networking event with food & drinks\n ",
|
|
1336
|
+
"images": [
|
|
1337
|
+
{
|
|
1338
|
+
"src": "/img/events/design-conference.jpg",
|
|
1339
|
+
"alt": "Attendees at the Systemics Design Conference"
|
|
1340
|
+
},
|
|
1341
|
+
{
|
|
1342
|
+
"src": "/img/events/speaker.jpg",
|
|
1343
|
+
"alt": "Keynote speaker on stage"
|
|
1344
|
+
}
|
|
1345
|
+
]
|
|
1346
|
+
},
|
|
1347
|
+
"screenshot": "img/screenshots/industry-event--default.png"
|
|
1348
|
+
},
|
|
1253
1349
|
{
|
|
1254
1350
|
"id": "components-faq--dropdown-list",
|
|
1255
1351
|
"group": "Components/Faq",
|
|
@@ -62,6 +62,16 @@ export default (() => /*#__PURE__*/_jsxs("svg", {
|
|
|
62
62
|
children: /*#__PURE__*/_jsx("path", {
|
|
63
63
|
d: "M19 3H17V2C17 1.4 16.6 1 16 1C15.4 1 15 1.4 15 2V3H9V2C9 1.4 8.6 1 8 1C7.4 1 7 1.4 7 2V3H5C3.3 3 2 4.3 2 6V20C2 21.7 3.3 23 5 23H19C20.7 23 22 21.7 22 20V6C22 4.3 20.7 3 19 3ZM5 5H7V6C7 6.6 7.4 7 8 7C8.6 7 9 6.6 9 6V5H15V6C15 6.6 15.4 7 16 7C16.6 7 17 6.6 17 6V5H19C19.6 5 20 5.4 20 6V9H4V6C4 5.4 4.4 5 5 5ZM19 21H5C4.4 21 4 20.6 4 20V11H20V20C20 20.6 19.6 21 19 21Z"
|
|
64
64
|
})
|
|
65
|
+
}), /*#__PURE__*/_jsxs("symbol", {
|
|
66
|
+
id: "icon-download",
|
|
67
|
+
viewBox: "0 0 24 24",
|
|
68
|
+
children: [/*#__PURE__*/_jsx("path", {
|
|
69
|
+
d: "M2 19V15C2 14.4477 2.44772 14 3 14C3.55228 14 4 14.4477 4 15V19L4.00488 19.0986C4.02757 19.3276 4.12883 19.5429 4.29297 19.707C4.48051 19.8946 4.73478 20 5 20H19C19.2652 20 19.5195 19.8946 19.707 19.707C19.8946 19.5195 20 19.2652 20 19V15C20 14.4477 20.4477 14 21 14C21.5523 14 22 14.4477 22 15V19C22 19.7957 21.6837 20.5585 21.1211 21.1211C20.5585 21.6837 19.7957 22 19 22H5C4.20435 22 3.44152 21.6837 2.87891 21.1211C2.3163 20.5585 2 19.7956 2 19Z"
|
|
70
|
+
}), /*#__PURE__*/_jsx("path", {
|
|
71
|
+
d: "M16.293 9.29297C16.6835 8.90244 17.3165 8.90244 17.707 9.29297C18.0976 9.68349 18.0976 10.3165 17.707 10.707L12.707 15.707C12.3165 16.0976 11.6835 16.0976 11.293 15.707L6.29297 10.707C5.90244 10.3165 5.90244 9.68349 6.29297 9.29297C6.68349 8.90244 7.31651 8.90244 7.70703 9.29297L12 13.5859L16.293 9.29297Z"
|
|
72
|
+
}), /*#__PURE__*/_jsx("path", {
|
|
73
|
+
d: "M11 15V3C11 2.44772 11.4477 2 12 2C12.5523 2 13 2.44772 13 3V15C13 15.5523 12.5523 16 12 16C11.4477 16 11 15.5523 11 15Z"
|
|
74
|
+
})]
|
|
65
75
|
}), /*#__PURE__*/_jsx("symbol", {
|
|
66
76
|
id: "icon-email",
|
|
67
77
|
viewBox: "0 0 24 24",
|
|
@@ -74,6 +84,14 @@ export default (() => /*#__PURE__*/_jsxs("svg", {
|
|
|
74
84
|
children: /*#__PURE__*/_jsx("path", {
|
|
75
85
|
d: "M14 23H10C9.4 23 9 22.6 9 22V15H7C6.4 15 6 14.6 6 14V10C6 9.4 6.4 9 7 9H9V7C9 3.7 11.7 1 15 1H18C18.6 1 19 1.4 19 2V6C19 6.6 18.6 7 18 7H15V9H18C18.3 9 18.6 9.1 18.8 9.4C19 9.7 19 9.9 19 10.2L18 14.2C17.9 14.6 17.5 15 17 15H15V22C15 22.6 14.6 23 14 23ZM11 21H13V14C13 13.4 13.4 13 14 13H16.2L16.7 11H14C13.4 11 13 10.6 13 10V7C13 5.9 13.9 5 15 5H17V3H15C12.8 3 11 4.8 11 7V10C11 10.6 10.6 11 10 11H8V13H10C10.6 13 11 13.4 11 14V21Z"
|
|
76
86
|
})
|
|
87
|
+
}), /*#__PURE__*/_jsxs("symbol", {
|
|
88
|
+
id: "icon-file",
|
|
89
|
+
viewBox: "0 0 24 24",
|
|
90
|
+
children: [/*#__PURE__*/_jsx("path", {
|
|
91
|
+
d: "M3 20V4C3 3.20435 3.3163 2.44152 3.87891 1.87891C4.44152 1.3163 5.20435 1 6 1H13L13.0986 1.00488C13.3276 1.02757 13.5429 1.12883 13.707 1.29297L20.707 8.29297C20.8946 8.48051 21 8.73478 21 9V20C21 20.7957 20.6837 21.5585 20.1211 22.1211C19.5585 22.6837 18.7957 23 18 23H6C5.20435 23 4.44152 22.6837 3.87891 22.1211C3.3163 21.5585 3 20.7956 3 20ZM5 20C5 20.2652 5.10543 20.5195 5.29297 20.707C5.48051 20.8946 5.73478 21 6 21H18C18.2652 21 18.5195 20.8946 18.707 20.707C18.8946 20.5195 19 20.2652 19 20V9.41406L12.5859 3H6C5.73478 3 5.48051 3.10543 5.29297 3.29297C5.10543 3.48051 5 3.73478 5 4V20Z"
|
|
92
|
+
}), /*#__PURE__*/_jsx("path", {
|
|
93
|
+
d: "M12 2C12 1.44772 12.4477 1 13 1C13.5523 1 14 1.44772 14 2V8H20C20.5523 8 21 8.44772 21 9C21 9.55228 20.5523 10 20 10H13C12.4477 10 12 9.55228 12 9V2Z"
|
|
94
|
+
})]
|
|
77
95
|
}), /*#__PURE__*/_jsxs("symbol", {
|
|
78
96
|
id: "icon-home",
|
|
79
97
|
viewBox: "0 0 24 24",
|
|
@@ -112,6 +130,14 @@ export default (() => /*#__PURE__*/_jsxs("svg", {
|
|
|
112
130
|
}), /*#__PURE__*/_jsx("path", {
|
|
113
131
|
d: "M10.7071 6.29289C10.3166 5.90237 9.68342 5.90237 9.29289 6.29289C8.90237 6.68342 8.90237 7.31658 9.29289 7.70711L12.5858 11H3C2.44772 11 2 11.4477 2 12C2 12.5523 2.44772 13 3 13H12.5858L9.29289 16.2929C8.90237 16.6834 8.90237 17.3166 9.29289 17.7071C9.68342 18.0976 10.3166 18.0976 10.7071 17.7071L15.7071 12.7071C16.0976 12.3166 16.0976 11.6834 15.7071 11.2929L10.7071 6.29289Z"
|
|
114
132
|
})]
|
|
133
|
+
}), /*#__PURE__*/_jsxs("symbol", {
|
|
134
|
+
id: "icon-map-pin",
|
|
135
|
+
viewBox: "0 0 24 24",
|
|
136
|
+
children: [/*#__PURE__*/_jsx("path", {
|
|
137
|
+
d: "M12.5547 23.832C12.2188 24.056 11.7812 24.056 11.4453 23.832L12 23L12.5547 23.832ZM20 10C20 7.87827 19.1575 5.84306 17.6572 4.34277C16.1569 2.84248 14.1217 2 12 2C9.87827 2 7.84306 2.84248 6.34277 4.34277C4.84248 5.84306 4 7.87827 4 10C4 13.098 6.01539 16.1045 8.22559 18.4375C9.31025 19.5824 10.3988 20.5195 11.2168 21.1709C11.5207 21.4129 11.7872 21.6132 12 21.7705C12.2128 21.6132 12.4793 21.4129 12.7832 21.1709C13.6012 20.5195 14.6898 19.5824 15.7744 18.4375C17.9846 16.1045 20 13.098 20 10ZM22 10C22 13.9019 19.5154 17.3955 17.2256 19.8125C16.0603 21.0425 14.8988 22.043 14.0293 22.7354C13.594 23.082 13.2299 23.3533 12.9727 23.5391C12.8442 23.6318 12.7419 23.7037 12.6709 23.7529C12.6355 23.7774 12.6073 23.7964 12.5879 23.8096C12.5782 23.8162 12.57 23.8215 12.5645 23.8252C12.5618 23.827 12.5593 23.829 12.5576 23.8301L12.5557 23.8311C12.5554 23.8312 12.5547 23.8321 12 23C11.4453 23.8321 11.4456 23.8322 11.4453 23.832L11.4443 23.8311L11.4424 23.8301C11.4407 23.829 11.4382 23.827 11.4355 23.8252C11.43 23.8215 11.4218 23.8162 11.4121 23.8096C11.3927 23.7964 11.3645 23.7774 11.3291 23.7529C11.2581 23.7037 11.1558 23.6318 11.0273 23.5391C10.7701 23.3533 10.406 23.082 9.9707 22.7354C9.10124 22.043 7.93969 21.0425 6.77441 19.8125C4.48463 17.3955 2 13.9019 2 10C2 7.34784 3.05335 4.80407 4.92871 2.92871C6.80407 1.05335 9.34784 1.19209e-07 12 1.19209e-07C14.6522 1.19209e-07 17.1959 1.05335 19.0713 2.92871C20.9467 4.80407 22 7.34784 22 10Z"
|
|
138
|
+
}), /*#__PURE__*/_jsx("path", {
|
|
139
|
+
d: "M14 10C14 8.89543 13.1046 8 12 8C10.8954 8 10 8.89543 10 10C10 11.1046 10.8954 12 12 12C13.1046 12 14 11.1046 14 10ZM16 10C16 12.2091 14.2091 14 12 14C9.79086 14 8 12.2091 8 10C8 7.79086 9.79086 6 12 6C14.2091 6 16 7.79086 16 10Z"
|
|
140
|
+
})]
|
|
115
141
|
}), /*#__PURE__*/_jsx("symbol", {
|
|
116
142
|
id: "icon-map",
|
|
117
143
|
viewBox: "0 0 24 24",
|
|
@@ -17,10 +17,17 @@
|
|
|
17
17
|
<path d="M19.7 11.3C19.3 10.9 18.7 10.9 18.3 11.3L13 16.6V5C13 4.4 12.6 4 12 4C11.4 4 11 4.4 11 5V16.6L5.7 11.3C5.3 10.9 4.7 10.9 4.3 11.3C3.9 11.7 3.9 12.3 4.3 12.7L11.3 19.7C11.4 19.8 11.5 19.9 11.6 19.9C11.7 20 11.9 20 12 20C12.1 20 12.3 20 12.4 19.9C12.5 19.8 12.6 19.8 12.7 19.7L19.7 12.7C20.1 12.3 20.1 11.7 19.7 11.3Z"/>
|
|
18
18
|
</symbol><symbol id="icon-date" viewBox="0 0 24 24">
|
|
19
19
|
<path d="M19 3H17V2C17 1.4 16.6 1 16 1C15.4 1 15 1.4 15 2V3H9V2C9 1.4 8.6 1 8 1C7.4 1 7 1.4 7 2V3H5C3.3 3 2 4.3 2 6V20C2 21.7 3.3 23 5 23H19C20.7 23 22 21.7 22 20V6C22 4.3 20.7 3 19 3ZM5 5H7V6C7 6.6 7.4 7 8 7C8.6 7 9 6.6 9 6V5H15V6C15 6.6 15.4 7 16 7C16.6 7 17 6.6 17 6V5H19C19.6 5 20 5.4 20 6V9H4V6C4 5.4 4.4 5 5 5ZM19 21H5C4.4 21 4 20.6 4 20V11H20V20C20 20.6 19.6 21 19 21Z"/>
|
|
20
|
+
</symbol><symbol id="icon-download" viewBox="0 0 24 24">
|
|
21
|
+
<path d="M2 19V15C2 14.4477 2.44772 14 3 14C3.55228 14 4 14.4477 4 15V19L4.00488 19.0986C4.02757 19.3276 4.12883 19.5429 4.29297 19.707C4.48051 19.8946 4.73478 20 5 20H19C19.2652 20 19.5195 19.8946 19.707 19.707C19.8946 19.5195 20 19.2652 20 19V15C20 14.4477 20.4477 14 21 14C21.5523 14 22 14.4477 22 15V19C22 19.7957 21.6837 20.5585 21.1211 21.1211C20.5585 21.6837 19.7957 22 19 22H5C4.20435 22 3.44152 21.6837 2.87891 21.1211C2.3163 20.5585 2 19.7956 2 19Z"/>
|
|
22
|
+
<path d="M16.293 9.29297C16.6835 8.90244 17.3165 8.90244 17.707 9.29297C18.0976 9.68349 18.0976 10.3165 17.707 10.707L12.707 15.707C12.3165 16.0976 11.6835 16.0976 11.293 15.707L6.29297 10.707C5.90244 10.3165 5.90244 9.68349 6.29297 9.29297C6.68349 8.90244 7.31651 8.90244 7.70703 9.29297L12 13.5859L16.293 9.29297Z"/>
|
|
23
|
+
<path d="M11 15V3C11 2.44772 11.4477 2 12 2C12.5523 2 13 2.44772 13 3V15C13 15.5523 12.5523 16 12 16C11.4477 16 11 15.5523 11 15Z"/>
|
|
20
24
|
</symbol><symbol id="icon-email" viewBox="0 0 24 24">
|
|
21
25
|
<path d="M20 3H4C2.3 3 1 4.3 1 6V18C1 19.7 2.3 21 4 21H20C21.7 21 23 19.7 23 18V6C23 4.3 21.7 3 20 3ZM4 5H20C20.4 5 20.7 5.2 20.9 5.6L12 11.8L3.1 5.6C3.3 5.2 3.6 5 4 5ZM20 19H4C3.4 19 3 18.6 3 18V7.9L11.4 13.8C11.6 13.9 11.8 14 12 14C12.2 14 12.4 13.9 12.6 13.8L21 7.9V18C21 18.6 20.6 19 20 19Z"/>
|
|
22
26
|
</symbol><symbol id="icon-facebook" viewBox="0 0 24 24">
|
|
23
27
|
<path d="M14 23H10C9.4 23 9 22.6 9 22V15H7C6.4 15 6 14.6 6 14V10C6 9.4 6.4 9 7 9H9V7C9 3.7 11.7 1 15 1H18C18.6 1 19 1.4 19 2V6C19 6.6 18.6 7 18 7H15V9H18C18.3 9 18.6 9.1 18.8 9.4C19 9.7 19 9.9 19 10.2L18 14.2C17.9 14.6 17.5 15 17 15H15V22C15 22.6 14.6 23 14 23ZM11 21H13V14C13 13.4 13.4 13 14 13H16.2L16.7 11H14C13.4 11 13 10.6 13 10V7C13 5.9 13.9 5 15 5H17V3H15C12.8 3 11 4.8 11 7V10C11 10.6 10.6 11 10 11H8V13H10C10.6 13 11 13.4 11 14V21Z"/>
|
|
28
|
+
</symbol><symbol id="icon-file" viewBox="0 0 24 24">
|
|
29
|
+
<path d="M3 20V4C3 3.20435 3.3163 2.44152 3.87891 1.87891C4.44152 1.3163 5.20435 1 6 1H13L13.0986 1.00488C13.3276 1.02757 13.5429 1.12883 13.707 1.29297L20.707 8.29297C20.8946 8.48051 21 8.73478 21 9V20C21 20.7957 20.6837 21.5585 20.1211 22.1211C19.5585 22.6837 18.7957 23 18 23H6C5.20435 23 4.44152 22.6837 3.87891 22.1211C3.3163 21.5585 3 20.7956 3 20ZM5 20C5 20.2652 5.10543 20.5195 5.29297 20.707C5.48051 20.8946 5.73478 21 6 21H18C18.2652 21 18.5195 20.8946 18.707 20.707C18.8946 20.5195 19 20.2652 19 20V9.41406L12.5859 3H6C5.73478 3 5.48051 3.10543 5.29297 3.29297C5.10543 3.48051 5 3.73478 5 4V20Z"/>
|
|
30
|
+
<path d="M12 2C12 1.44772 12.4477 1 13 1C13.5523 1 14 1.44772 14 2V8H20C20.5523 8 21 8.44772 21 9C21 9.55228 20.5523 10 20 10H13C12.4477 10 12 9.55228 12 9V2Z"/>
|
|
24
31
|
</symbol><symbol id="icon-home" viewBox="0 0 24 24">
|
|
25
32
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.3861 1.21065C11.7472 0.929784 12.2528 0.929784 12.6139 1.21065L21.6139 8.21065C21.8575 8.4001 22 8.69141 22 9V20C22 20.7957 21.6839 21.5587 21.1213 22.1213C20.5587 22.6839 19.7957 23 19 23H5C4.20435 23 3.44129 22.6839 2.87868 22.1213C2.31607 21.5587 2 20.7957 2 20V9C2 8.69141 2.14247 8.4001 2.38606 8.21065L11.3861 1.21065ZM4 9.48908V20C4 20.2652 4.10536 20.5196 4.29289 20.7071C4.48043 20.8946 4.73478 21 5 21H19C19.2652 21 19.5196 20.8946 19.7071 20.7071C19.8946 20.5196 20 20.2652 20 20V9.48908L12 3.26686L4 9.48908Z"/>
|
|
26
33
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 12C8 11.4477 8.44772 11 9 11H15C15.5523 11 16 11.4477 16 12V22C16 22.5523 15.5523 23 15 23C14.4477 23 14 22.5523 14 22V13H10V22C10 22.5523 9.55228 23 9 23C8.44772 23 8 22.5523 8 22V12Z"/>
|
|
@@ -31,6 +38,9 @@
|
|
|
31
38
|
</symbol><symbol id="icon-login" viewBox="0 0 24 24">
|
|
32
39
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M14 3C14 2.44772 14.4477 2 15 2H19C19.7956 2 20.5587 2.31607 21.1213 2.87868C21.6839 3.44129 22 4.20435 22 5V19C22 19.7957 21.6839 20.5587 21.1213 21.1213C20.5587 21.6839 19.7957 22 19 22H15C14.4477 22 14 21.5523 14 21C14 20.4477 14.4477 20 15 20H19C19.2652 20 19.5196 19.8946 19.7071 19.7071C19.8946 19.5196 20 19.2652 20 19V5C20 4.73478 19.8946 4.48043 19.7071 4.29289C19.5196 4.10536 19.2652 4 19 4H15C14.4477 4 14 3.55228 14 3Z"/>
|
|
33
40
|
<path d="M10.7071 6.29289C10.3166 5.90237 9.68342 5.90237 9.29289 6.29289C8.90237 6.68342 8.90237 7.31658 9.29289 7.70711L12.5858 11H3C2.44772 11 2 11.4477 2 12C2 12.5523 2.44772 13 3 13H12.5858L9.29289 16.2929C8.90237 16.6834 8.90237 17.3166 9.29289 17.7071C9.68342 18.0976 10.3166 18.0976 10.7071 17.7071L15.7071 12.7071C16.0976 12.3166 16.0976 11.6834 15.7071 11.2929L10.7071 6.29289Z"/>
|
|
41
|
+
</symbol><symbol id="icon-map-pin" viewBox="0 0 24 24">
|
|
42
|
+
<path d="M12.5547 23.832C12.2188 24.056 11.7812 24.056 11.4453 23.832L12 23L12.5547 23.832ZM20 10C20 7.87827 19.1575 5.84306 17.6572 4.34277C16.1569 2.84248 14.1217 2 12 2C9.87827 2 7.84306 2.84248 6.34277 4.34277C4.84248 5.84306 4 7.87827 4 10C4 13.098 6.01539 16.1045 8.22559 18.4375C9.31025 19.5824 10.3988 20.5195 11.2168 21.1709C11.5207 21.4129 11.7872 21.6132 12 21.7705C12.2128 21.6132 12.4793 21.4129 12.7832 21.1709C13.6012 20.5195 14.6898 19.5824 15.7744 18.4375C17.9846 16.1045 20 13.098 20 10ZM22 10C22 13.9019 19.5154 17.3955 17.2256 19.8125C16.0603 21.0425 14.8988 22.043 14.0293 22.7354C13.594 23.082 13.2299 23.3533 12.9727 23.5391C12.8442 23.6318 12.7419 23.7037 12.6709 23.7529C12.6355 23.7774 12.6073 23.7964 12.5879 23.8096C12.5782 23.8162 12.57 23.8215 12.5645 23.8252C12.5618 23.827 12.5593 23.829 12.5576 23.8301L12.5557 23.8311C12.5554 23.8312 12.5547 23.8321 12 23C11.4453 23.8321 11.4456 23.8322 11.4453 23.832L11.4443 23.8311L11.4424 23.8301C11.4407 23.829 11.4382 23.827 11.4355 23.8252C11.43 23.8215 11.4218 23.8162 11.4121 23.8096C11.3927 23.7964 11.3645 23.7774 11.3291 23.7529C11.2581 23.7037 11.1558 23.6318 11.0273 23.5391C10.7701 23.3533 10.406 23.082 9.9707 22.7354C9.10124 22.043 7.93969 21.0425 6.77441 19.8125C4.48463 17.3955 2 13.9019 2 10C2 7.34784 3.05335 4.80407 4.92871 2.92871C6.80407 1.05335 9.34784 1.19209e-07 12 1.19209e-07C14.6522 1.19209e-07 17.1959 1.05335 19.0713 2.92871C20.9467 4.80407 22 7.34784 22 10Z"/>
|
|
43
|
+
<path d="M14 10C14 8.89543 13.1046 8 12 8C10.8954 8 10 8.89543 10 10C10 11.1046 10.8954 12 12 12C13.1046 12 14 11.1046 14 10ZM16 10C16 12.2091 14.2091 14 12 14C9.79086 14 8 12.2091 8 10C8 7.79086 9.79086 6 12 6C14.2091 6 16 7.79086 16 10Z"/>
|
|
34
44
|
</symbol><symbol id="icon-map" viewBox="0 0 24 24">
|
|
35
45
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 1C7.81313 1 7.63824 1.05126 7.4886 1.14048L0.503861 5.13176C0.192286 5.3098 0 5.64114 0 6V22C0 22.3565 0.189758 22.686 0.498073 22.8649C0.806388 23.0438 1.18664 23.0451 1.49614 22.8682L8.03147 19.1338L15.5348 22.8854C15.6646 22.9538 15.8112 22.9944 15.9669 22.9995C15.9779 22.9998 15.989 23 16 23C16.1869 23 16.3618 22.9487 16.5114 22.8595L23.4961 18.8682C23.8077 18.6902 24 18.3589 24 18V2C24 1.64353 23.8102 1.31401 23.5019 1.13509C23.1936 0.956168 22.8134 0.954898 22.5039 1.13176L15.9685 4.86623L8.46522 1.11457C8.32625 1.04141 8.16796 1 8 1ZM17 20.2768L22 17.4197V3.72318L17 6.58032V20.2768ZM15 6.61803L9 3.61803V17.382L15 20.382V6.61803ZM2 6.58032L7 3.72318V17.4197L2 20.2768V6.58032Z"/>
|
|
36
46
|
</symbol><symbol id="icon-person" viewBox="0 0 24 24">
|
package/dist/tokens/themes.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed, 18 Jun 2025
|
|
3
|
+
* Generated on Wed, 18 Jun 2025 14:43:58 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 Wed, 18 Jun 2025
|
|
2730
|
+
* Generated on Wed, 18 Jun 2025 14:44:03 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 Wed, 18 Jun 2025
|
|
5461
|
+
* Generated on Wed, 18 Jun 2025 14:44:00 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 Wed, 18 Jun 2025
|
|
8462
|
+
* Generated on Wed, 18 Jun 2025 14:44:05 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
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed, 18 Jun 2025
|
|
3
|
+
* Generated on Wed, 18 Jun 2025 14:43:56 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const KsBackgroundColorAccentBase = "#f3f3f4";
|
|
@@ -931,11 +931,14 @@ export const IconsClose = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"
|
|
|
931
931
|
export const IconsZoom = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M21.7 20.3L18 16.6C19.2 15.1 20 13.1 20 11C20 6 16 2 11 2C6 2 2 6 2 11C2 16 6 20 11 20C13.1 20 15.1 19.3 16.6 18L20.3 21.7C20.5 21.9 20.8 22 21 22C21.2 22 21.5 21.9 21.7 21.7C22.1 21.3 22.1 20.7 21.7 20.3ZM4 11C4 7.1 7.1 4 11 4C14.9 4 18 7.1 18 11C18 12.9 17.2 14.7 16 15.9C14.7 17.2 13 17.9 11.1 17.9C7.1 18 4 14.9 4 11Z\" />\n <path\n d=\"M14 10H12V8C12 7.4 11.6 7 11 7C10.4 7 10 7.4 10 8V10H8C7.4 10 7 10.4 7 11C7 11.6 7.4 12 8 12H10V14C10 14.6 10.4 15 11 15C11.6 15 12 14.6 12 14V12H14C14.6 12 15 11.6 15 11C15 10.4 14.6 10 14 10Z\" />\n</svg>";
|
|
932
932
|
export const IconsArrowDown = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M19.7 11.3C19.3 10.9 18.7 10.9 18.3 11.3L13 16.6V5C13 4.4 12.6 4 12 4C11.4 4 11 4.4 11 5V16.6L5.7 11.3C5.3 10.9 4.7 10.9 4.3 11.3C3.9 11.7 3.9 12.3 4.3 12.7L11.3 19.7C11.4 19.8 11.5 19.9 11.6 19.9C11.7 20 11.9 20 12 20C12.1 20 12.3 20 12.4 19.9C12.5 19.8 12.6 19.8 12.7 19.7L19.7 12.7C20.1 12.3 20.1 11.7 19.7 11.3Z\" />\n</svg>";
|
|
933
933
|
export const IconsDate = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M19 3H17V2C17 1.4 16.6 1 16 1C15.4 1 15 1.4 15 2V3H9V2C9 1.4 8.6 1 8 1C7.4 1 7 1.4 7 2V3H5C3.3 3 2 4.3 2 6V20C2 21.7 3.3 23 5 23H19C20.7 23 22 21.7 22 20V6C22 4.3 20.7 3 19 3ZM5 5H7V6C7 6.6 7.4 7 8 7C8.6 7 9 6.6 9 6V5H15V6C15 6.6 15.4 7 16 7C16.6 7 17 6.6 17 6V5H19C19.6 5 20 5.4 20 6V9H4V6C4 5.4 4.4 5 5 5ZM19 21H5C4.4 21 4 20.6 4 20V11H20V20C20 20.6 19.6 21 19 21Z\" />\n</svg>";
|
|
934
|
+
export const IconsDownload = "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M2 19V15C2 14.4477 2.44772 14 3 14C3.55228 14 4 14.4477 4 15V19L4.00488 19.0986C4.02757 19.3276 4.12883 19.5429 4.29297 19.707C4.48051 19.8946 4.73478 20 5 20H19C19.2652 20 19.5195 19.8946 19.707 19.707C19.8946 19.5195 20 19.2652 20 19V15C20 14.4477 20.4477 14 21 14C21.5523 14 22 14.4477 22 15V19C22 19.7957 21.6837 20.5585 21.1211 21.1211C20.5585 21.6837 19.7957 22 19 22H5C4.20435 22 3.44152 21.6837 2.87891 21.1211C2.3163 20.5585 2 19.7956 2 19Z\" />\n <path\n d=\"M16.293 9.29297C16.6835 8.90244 17.3165 8.90244 17.707 9.29297C18.0976 9.68349 18.0976 10.3165 17.707 10.707L12.707 15.707C12.3165 16.0976 11.6835 16.0976 11.293 15.707L6.29297 10.707C5.90244 10.3165 5.90244 9.68349 6.29297 9.29297C6.68349 8.90244 7.31651 8.90244 7.70703 9.29297L12 13.5859L16.293 9.29297Z\" />\n <path\n d=\"M11 15V3C11 2.44772 11.4477 2 12 2C12.5523 2 13 2.44772 13 3V15C13 15.5523 12.5523 16 12 16C11.4477 16 11 15.5523 11 15Z\" />\n</svg>";
|
|
934
935
|
export const IconsEmail = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M20 3H4C2.3 3 1 4.3 1 6V18C1 19.7 2.3 21 4 21H20C21.7 21 23 19.7 23 18V6C23 4.3 21.7 3 20 3ZM4 5H20C20.4 5 20.7 5.2 20.9 5.6L12 11.8L3.1 5.6C3.3 5.2 3.6 5 4 5ZM20 19H4C3.4 19 3 18.6 3 18V7.9L11.4 13.8C11.6 13.9 11.8 14 12 14C12.2 14 12.4 13.9 12.6 13.8L21 7.9V18C21 18.6 20.6 19 20 19Z\" />\n</svg>";
|
|
935
936
|
export const IconsFacebook = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M14 23H10C9.4 23 9 22.6 9 22V15H7C6.4 15 6 14.6 6 14V10C6 9.4 6.4 9 7 9H9V7C9 3.7 11.7 1 15 1H18C18.6 1 19 1.4 19 2V6C19 6.6 18.6 7 18 7H15V9H18C18.3 9 18.6 9.1 18.8 9.4C19 9.7 19 9.9 19 10.2L18 14.2C17.9 14.6 17.5 15 17 15H15V22C15 22.6 14.6 23 14 23ZM11 21H13V14C13 13.4 13.4 13 14 13H16.2L16.7 11H14C13.4 11 13 10.6 13 10V7C13 5.9 13.9 5 15 5H17V3H15C12.8 3 11 4.8 11 7V10C11 10.6 10.6 11 10 11H8V13H10C10.6 13 11 13.4 11 14V21Z\" />\n</svg>";
|
|
937
|
+
export const IconsFile = "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M3 20V4C3 3.20435 3.3163 2.44152 3.87891 1.87891C4.44152 1.3163 5.20435 1 6 1H13L13.0986 1.00488C13.3276 1.02757 13.5429 1.12883 13.707 1.29297L20.707 8.29297C20.8946 8.48051 21 8.73478 21 9V20C21 20.7957 20.6837 21.5585 20.1211 22.1211C19.5585 22.6837 18.7957 23 18 23H6C5.20435 23 4.44152 22.6837 3.87891 22.1211C3.3163 21.5585 3 20.7956 3 20ZM5 20C5 20.2652 5.10543 20.5195 5.29297 20.707C5.48051 20.8946 5.73478 21 6 21H18C18.2652 21 18.5195 20.8946 18.707 20.707C18.8946 20.5195 19 20.2652 19 20V9.41406L12.5859 3H6C5.73478 3 5.48051 3.10543 5.29297 3.29297C5.10543 3.48051 5 3.73478 5 4V20Z\"\n />\n <path\n d=\"M12 2C12 1.44772 12.4477 1 13 1C13.5523 1 14 1.44772 14 2V8H20C20.5523 8 21 8.44772 21 9C21 9.55228 20.5523 10 20 10H13C12.4477 10 12 9.55228 12 9V2Z\"\n />\n</svg>";
|
|
936
938
|
export const IconsHome = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M11.3861 1.21065C11.7472 0.929784 12.2528 0.929784 12.6139 1.21065L21.6139 8.21065C21.8575 8.4001 22 8.69141 22 9V20C22 20.7957 21.6839 21.5587 21.1213 22.1213C20.5587 22.6839 19.7957 23 19 23H5C4.20435 23 3.44129 22.6839 2.87868 22.1213C2.31607 21.5587 2 20.7957 2 20V9C2 8.69141 2.14247 8.4001 2.38606 8.21065L11.3861 1.21065ZM4 9.48908V20C4 20.2652 4.10536 20.5196 4.29289 20.7071C4.48043 20.8946 4.73478 21 5 21H19C19.2652 21 19.5196 20.8946 19.7071 20.7071C19.8946 20.5196 20 20.2652 20 20V9.48908L12 3.26686L4 9.48908Z\" />\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M8 12C8 11.4477 8.44772 11 9 11H15C15.5523 11 16 11.4477 16 12V22C16 22.5523 15.5523 23 15 23C14.4477 23 14 22.5523 14 22V13H10V22C10 22.5523 9.55228 23 9 23C8.44772 23 8 22.5523 8 22V12Z\" />\n</svg>";
|
|
937
939
|
export const IconsLinkedin = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M16 9C14.6739 9 13.4021 9.52678 12.4645 10.4645C11.5268 11.4021 11 12.6739 11 14V20H13V14C13 13.2043 13.3161 12.4413 13.8787 11.8787C14.4413 11.3161 15.2043 11 16 11C16.7957 11 17.5587 11.3161 18.1213 11.8787C18.6839 12.4413 19 13.2043 19 14V20H21V14C21 12.6739 20.4732 11.4021 19.5355 10.4645C18.5979 9.52678 17.3261 9 16 9ZM11.0503 9.05025C12.363 7.7375 14.1435 7 16 7C17.8565 7 19.637 7.7375 20.9497 9.05025C22.2625 10.363 23 12.1435 23 14V21C23 21.5523 22.5523 22 22 22H18C17.4477 22 17 21.5523 17 21V14C17 13.7348 16.8946 13.4804 16.7071 13.2929C16.5196 13.1054 16.2652 13 16 13C15.7348 13 15.4804 13.1054 15.2929 13.2929C15.1054 13.4804 15 13.7348 15 14V21C15 21.5523 14.5523 22 14 22H10C9.44772 22 9 21.5523 9 21V14C9 12.1435 9.7375 10.363 11.0503 9.05025Z\" />\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M1 9C1 8.44772 1.44772 8 2 8H6C6.55228 8 7 8.44772 7 9V21C7 21.5523 6.55228 22 6 22H2C1.44772 22 1 21.5523 1 21V9ZM3 10V20H5V10H3Z\" />\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M4 3C3.44772 3 3 3.44772 3 4C3 4.55228 3.44772 5 4 5C4.55228 5 5 4.55228 5 4C5 3.44772 4.55228 3 4 3ZM1 4C1 2.34315 2.34315 1 4 1C5.65685 1 7 2.34315 7 4C7 5.65685 5.65685 7 4 7C2.34315 7 1 5.65685 1 4Z\" />\n</svg>";
|
|
938
940
|
export const IconsLogin = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M14 3C14 2.44772 14.4477 2 15 2H19C19.7956 2 20.5587 2.31607 21.1213 2.87868C21.6839 3.44129 22 4.20435 22 5V19C22 19.7957 21.6839 20.5587 21.1213 21.1213C20.5587 21.6839 19.7957 22 19 22H15C14.4477 22 14 21.5523 14 21C14 20.4477 14.4477 20 15 20H19C19.2652 20 19.5196 19.8946 19.7071 19.7071C19.8946 19.5196 20 19.2652 20 19V5C20 4.73478 19.8946 4.48043 19.7071 4.29289C19.5196 4.10536 19.2652 4 19 4H15C14.4477 4 14 3.55228 14 3Z\" />\n <path\n d=\"M10.7071 6.29289C10.3166 5.90237 9.68342 5.90237 9.29289 6.29289C8.90237 6.68342 8.90237 7.31658 9.29289 7.70711L12.5858 11H3C2.44772 11 2 11.4477 2 12C2 12.5523 2.44772 13 3 13H12.5858L9.29289 16.2929C8.90237 16.6834 8.90237 17.3166 9.29289 17.7071C9.68342 18.0976 10.3166 18.0976 10.7071 17.7071L15.7071 12.7071C16.0976 12.3166 16.0976 11.6834 15.7071 11.2929L10.7071 6.29289Z\" />\n</svg>";
|
|
941
|
+
export const IconsMapPin = "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M12.5547 23.832C12.2188 24.056 11.7812 24.056 11.4453 23.832L12 23L12.5547 23.832ZM20 10C20 7.87827 19.1575 5.84306 17.6572 4.34277C16.1569 2.84248 14.1217 2 12 2C9.87827 2 7.84306 2.84248 6.34277 4.34277C4.84248 5.84306 4 7.87827 4 10C4 13.098 6.01539 16.1045 8.22559 18.4375C9.31025 19.5824 10.3988 20.5195 11.2168 21.1709C11.5207 21.4129 11.7872 21.6132 12 21.7705C12.2128 21.6132 12.4793 21.4129 12.7832 21.1709C13.6012 20.5195 14.6898 19.5824 15.7744 18.4375C17.9846 16.1045 20 13.098 20 10ZM22 10C22 13.9019 19.5154 17.3955 17.2256 19.8125C16.0603 21.0425 14.8988 22.043 14.0293 22.7354C13.594 23.082 13.2299 23.3533 12.9727 23.5391C12.8442 23.6318 12.7419 23.7037 12.6709 23.7529C12.6355 23.7774 12.6073 23.7964 12.5879 23.8096C12.5782 23.8162 12.57 23.8215 12.5645 23.8252C12.5618 23.827 12.5593 23.829 12.5576 23.8301L12.5557 23.8311C12.5554 23.8312 12.5547 23.8321 12 23C11.4453 23.8321 11.4456 23.8322 11.4453 23.832L11.4443 23.8311L11.4424 23.8301C11.4407 23.829 11.4382 23.827 11.4355 23.8252C11.43 23.8215 11.4218 23.8162 11.4121 23.8096C11.3927 23.7964 11.3645 23.7774 11.3291 23.7529C11.2581 23.7037 11.1558 23.6318 11.0273 23.5391C10.7701 23.3533 10.406 23.082 9.9707 22.7354C9.10124 22.043 7.93969 21.0425 6.77441 19.8125C4.48463 17.3955 2 13.9019 2 10C2 7.34784 3.05335 4.80407 4.92871 2.92871C6.80407 1.05335 9.34784 1.19209e-07 12 1.19209e-07C14.6522 1.19209e-07 17.1959 1.05335 19.0713 2.92871C20.9467 4.80407 22 7.34784 22 10Z\"\n />\n <path\n d=\"M14 10C14 8.89543 13.1046 8 12 8C10.8954 8 10 8.89543 10 10C10 11.1046 10.8954 12 12 12C13.1046 12 14 11.1046 14 10ZM16 10C16 12.2091 14.2091 14 12 14C9.79086 14 8 12.2091 8 10C8 7.79086 9.79086 6 12 6C14.2091 6 16 7.79086 16 10Z\"\n />\n</svg>";
|
|
939
942
|
export const IconsMap = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M8 1C7.81313 1 7.63824 1.05126 7.4886 1.14048L0.503861 5.13176C0.192286 5.3098 0 5.64114 0 6V22C0 22.3565 0.189758 22.686 0.498073 22.8649C0.806388 23.0438 1.18664 23.0451 1.49614 22.8682L8.03147 19.1338L15.5348 22.8854C15.6646 22.9538 15.8112 22.9944 15.9669 22.9995C15.9779 22.9998 15.989 23 16 23C16.1869 23 16.3618 22.9487 16.5114 22.8595L23.4961 18.8682C23.8077 18.6902 24 18.3589 24 18V2C24 1.64353 23.8102 1.31401 23.5019 1.13509C23.1936 0.956168 22.8134 0.954898 22.5039 1.13176L15.9685 4.86623L8.46522 1.11457C8.32625 1.04141 8.16796 1 8 1ZM17 20.2768L22 17.4197V3.72318L17 6.58032V20.2768ZM15 6.61803L9 3.61803V17.382L15 20.382V6.61803ZM2 6.58032L7 3.72318V17.4197L2 20.2768V6.58032Z\" />\n</svg>";
|
|
940
943
|
export const IconsPerson = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M12 3C10.3431 3 9 4.34315 9 6C9 7.65685 10.3431 9 12 9C13.6569 9 15 7.65685 15 6C15 4.34315 13.6569 3 12 3ZM7 6C7 3.23858 9.23858 1 12 1C14.7614 1 17 3.23858 17 6C17 8.76142 14.7614 11 12 11C9.23858 11 7 8.76142 7 6Z\" />\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M8 13C6.6739 13 5.40216 13.5268 4.46447 14.4645C3.76607 15.1629 3.29564 16.0466 3.101 17L3.04828 18.0114C3.01766 18.5988 3.24712 19.1698 3.67563 19.5727L4.63554 20.4751C6.66857 22.0575 9.22417 23 12 23C14.7758 23 17.3314 22.0575 19.3645 20.4751L20.2941 19.6367C20.7407 19.2338 20.9824 18.6513 20.952 18.0506L20.899 17C20.7044 16.0466 20.2339 15.1628 19.5355 14.4645C18.5978 13.5268 17.3261 13 16 13L8 13ZM18.3737 18.8425C18.7905 18.5033 19.0199 17.9744 18.9016 17.4503C18.7677 16.8566 18.5005 16.2579 18.1213 15.8787C17.5587 15.3161 16.7957 15 16 15L8 15C7.20434 15 6.4413 15.3161 5.87868 15.8787C5.50725 16.2501 5.24328 16.7705 5.10677 17.3103C4.97501 17.8312 5.21002 18.361 5.62377 18.7038C7.35458 20.138 9.57658 21 12 21C14.4222 21 16.6433 20.2505 18.3737 18.8425Z\" />\n</svg>";
|
|
941
944
|
export const IconsPhone = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M20 22.9C19.9 22.9 19.8 22.9 19.7 22.9C16.5 22.5 13.3 21.4 10.6 19.7C8.1 18.1 5.9 15.9 4.3 13.4C2.5 10.7 1.4 7.5 1.1 4.3C1.1 3.5 1.3 2.7 1.8 2.1C2.3 1.5 3 1.1 3.8 1C3.9 1 4 1 4.1 1H7.1C8.6 1 9.9 2.1 10.1 3.6C10.2 4.5 10.4 5.4 10.7 6.2C11.1 7.3 10.8 8.5 10 9.4L9.3 10.1C10.5 11.9 12 13.5 13.9 14.7L14.6 14C15.4 13.2 16.7 12.9 17.8 13.3C18.6 13.6 19.5 13.8 20.4 13.9C21.9 14.1 23 15.4 23 16.9V19.9C23 20.7 22.7 21.5 22.1 22C21.5 22.5 20.8 22.9 20 22.9ZM7.1 3H4.1C3.8 3 3.5 3.2 3.3 3.4C3.2 3.6 3.1 3.8 3.1 4.1C3.4 7 4.4 9.8 6 12.3C7.5 14.6 9.4 16.6 11.7 18C14.2 19.6 17 20.6 19.9 20.9C20.3 20.9 20.5 20.8 20.7 20.6C20.9 20.4 21 20.2 21 19.9V16.9C21 16.4 20.6 16 20.1 15.9C19.1 15.8 18.1 15.5 17.1 15.1C16.7 15 16.3 15 16 15.3L14.7 16.6C14.4 16.9 13.9 17 13.5 16.8C10.8 15.3 8.6 13.1 7.1 10.4C7 10 7.1 9.5 7.4 9.2L8.7 7.9C8.9 7.7 9 7.2 8.9 6.9C8.5 5.9 8.3 4.9 8.1 3.9C8.1 3.4 7.6 3 7.1 3Z\" />\n</svg>";
|
package/package.json
CHANGED
|
File without changes
|