@kickstartds/ds-agency-premium 1.6.68--canary.1653.6b1e043.0 → 1.6.68--canary.1663.d341a6e.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/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/page-wrapper/index.js +18 -0
- package/dist/components/page-wrapper/tokens.css +1 -1
- package/dist/components/presets.json +34 -0
- package/dist/static/img/industrial-facility.jpg +0 -0
- package/dist/tokens/IconSprite.js +18 -0
- package/dist/tokens/icon-sprite.html +7 -0
- package/dist/tokens/themes.css +4 -4
- package/dist/tokens/tokens.css +1 -1
- package/dist/tokens/tokens.js +3 -1
- package/package.json +5 -2
|
@@ -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 };
|
|
@@ -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",
|
|
@@ -1250,6 +1250,40 @@
|
|
|
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
|
+
},
|
|
1253
1287
|
{
|
|
1254
1288
|
"id": "industry-event--default",
|
|
1255
1289
|
"group": "Industry/Event",
|
|
Binary file
|
|
@@ -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",
|
|
@@ -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"/>
|
package/dist/tokens/themes.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 20 Jun 2025 09:42:39 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 Fri, 20 Jun 2025 09:42:44 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 Fri, 20 Jun 2025 09:42:42 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 Fri, 20 Jun 2025 09:42:46 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
|
|
3
|
+
* Generated on Fri, 20 Jun 2025 09:42:37 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const KsBackgroundColorAccentBase = "#f3f3f4";
|
|
@@ -931,8 +931,10 @@ 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>";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kickstartds/ds-agency-premium",
|
|
3
|
-
"version": "1.6.68--canary.
|
|
3
|
+
"version": "1.6.68--canary.1663.d341a6e.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
|
|
6
6
|
"bugs": {
|
|
@@ -68,7 +68,9 @@
|
|
|
68
68
|
"token": "node scripts/customPropertyExtract.js",
|
|
69
69
|
"watch:schema": "yarn schema && chokidar \"src/**/*.schema.json\" -c \"yarn schema\"",
|
|
70
70
|
"watch:token": "yarn token && chokidar \"src/**/*-tokens.scss\" -c \"yarn token {path}\"",
|
|
71
|
-
"watch:dictionary": "yarn build-tokens && chokidar \"src/token/dictionary/*.json\" -c \"yarn build-tokens\""
|
|
71
|
+
"watch:dictionary": "yarn build-tokens && chokidar \"src/token/dictionary/*.json\" -c \"yarn build-tokens\"",
|
|
72
|
+
"story-ui": "story-ui start",
|
|
73
|
+
"storybook-with-ui": "concurrently \"npm run storybook\" \"npm run story-ui\""
|
|
72
74
|
},
|
|
73
75
|
"dependencies": {
|
|
74
76
|
"@bedrock-layout/primitives": "^3.0.23",
|
|
@@ -98,6 +100,7 @@
|
|
|
98
100
|
"@storybook/react-vite": "^8.0.5",
|
|
99
101
|
"@storybook/test-runner": "^0.17.0",
|
|
100
102
|
"@testing-library/react": "^14.1.2",
|
|
103
|
+
"@tpitre/story-ui": "^1.7.0",
|
|
101
104
|
"@types/jest": "^29.5.11",
|
|
102
105
|
"@types/jest-image-snapshot": "^6.4.0",
|
|
103
106
|
"@types/react": "^18.2.21",
|