@kickstartds/ds-agency-premium 1.6.71--canary.45.1758.0 → 1.6.71--canary.45.1762.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-aside/blog-aside.css +4 -4
- package/dist/components/blog-aside/index.js +3 -3
- package/dist/components/blog-post/index.d.ts +1 -1
- package/dist/components/blog-post/index.js +4 -2
- package/dist/components/contact/contact.css +8 -6
- package/dist/components/index/index.d.ts +1 -1
- package/dist/components/logos/index.js +1 -1
- package/dist/components/page-wrapper/tokens.css +1 -1
- package/dist/components/presets.json +103 -3
- package/dist/components/split-even/index.d.ts +69 -1
- package/dist/components/split-even/index.js +6 -0
- package/dist/components/split-even/split-even.css +95 -0
- package/dist/components/split-weighted/index.d.ts +101 -0
- package/dist/components/split-weighted/index.js +13 -0
- package/dist/components/split-weighted/split-weighted.css +101 -0
- package/dist/components/split-weighted/split-weighted.schema.dereffed.json +5950 -0
- package/dist/components/split-weighted/split-weighted.schema.json +210 -0
- package/dist/static/img/people/author-emily.png +0 -0
- package/dist/tokens/themes.css +4 -4
- package/dist/tokens/tokens.css +1 -1
- package/dist/tokens/tokens.js +1 -1
- package/package.json +1 -1
- package/dist/components/split/index.d.ts +0 -14
- package/dist/components/split/index.js +0 -17
- package/dist/components/split/split.css +0 -53
- package/dist/components/split/split.schema.dereffed.json +0 -29
- package/dist/components/split/split.schema.json +0 -19
- /package/dist/{BlogPostProps-c760fd2a.d.ts → BlogPostProps-6b3cff22.d.ts} +0 -0
|
@@ -0,0 +1,210 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
3
|
+
"$id": "http://schema.mydesignsystem.com/split-weighted.schema.json",
|
|
4
|
+
"title": "Split Weighted",
|
|
5
|
+
"type": "object",
|
|
6
|
+
"properties": {
|
|
7
|
+
"verticalGutter": {
|
|
8
|
+
"title": "Vertical Gutter",
|
|
9
|
+
"description": "Sets the vertical space between the content of the split layout",
|
|
10
|
+
"type": "string",
|
|
11
|
+
"enum": ["large", "default", "small", "none"],
|
|
12
|
+
"default": "default"
|
|
13
|
+
},
|
|
14
|
+
"horizontalGutter": {
|
|
15
|
+
"title": "Horizontal Gutter",
|
|
16
|
+
"description": "Sets the horizontal space between the content of the split layout",
|
|
17
|
+
"type": "string",
|
|
18
|
+
"enum": ["large", "default", "small", "none"],
|
|
19
|
+
"default": "default"
|
|
20
|
+
},
|
|
21
|
+
"sticky": {
|
|
22
|
+
"title": "Sticky",
|
|
23
|
+
"description": "Makes the side part sticky on scroll",
|
|
24
|
+
"type": "boolean",
|
|
25
|
+
"default": false
|
|
26
|
+
},
|
|
27
|
+
"mainLayout": {
|
|
28
|
+
"title": "Main Layout",
|
|
29
|
+
"type": "object",
|
|
30
|
+
"properties": {
|
|
31
|
+
"gutter": {
|
|
32
|
+
"title": "Content Gutter",
|
|
33
|
+
"description": "Sets the space between the content of the split layout",
|
|
34
|
+
"type": "string",
|
|
35
|
+
"enum": ["large", "default", "small", "none"],
|
|
36
|
+
"default": "default"
|
|
37
|
+
},
|
|
38
|
+
"minWidth": {
|
|
39
|
+
"title": "Minimum Width",
|
|
40
|
+
"description": "Sets the minimum width of the main section",
|
|
41
|
+
"type": "string",
|
|
42
|
+
"enum": ["narrow", "wide"],
|
|
43
|
+
"default": "wide"
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
},
|
|
47
|
+
"contextLayout": {
|
|
48
|
+
"title": "Context Layout",
|
|
49
|
+
"type": "object",
|
|
50
|
+
"properties": {
|
|
51
|
+
"gutter": {
|
|
52
|
+
"type": "string",
|
|
53
|
+
"title": "Gutter",
|
|
54
|
+
"description": "Size of gutter to use",
|
|
55
|
+
"enum": ["large", "default", "small", "none"],
|
|
56
|
+
"default": "default"
|
|
57
|
+
},
|
|
58
|
+
"minWidth": {
|
|
59
|
+
"title": "Minimum Width",
|
|
60
|
+
"description": "Sets the minimum width of the main section",
|
|
61
|
+
"type": "string",
|
|
62
|
+
"enum": ["narrow", "wide"],
|
|
63
|
+
"default": "wide"
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
},
|
|
67
|
+
"order": {
|
|
68
|
+
"type": "object",
|
|
69
|
+
"title": "Order",
|
|
70
|
+
"description": "Sets the order of the main and context sections in the split layout",
|
|
71
|
+
"properties": {
|
|
72
|
+
"mobile": {
|
|
73
|
+
"title": "Mobile Order",
|
|
74
|
+
"type": "string",
|
|
75
|
+
"enum": ["mainFirst", "contextFirst"],
|
|
76
|
+
"default": "mainFirst",
|
|
77
|
+
"description": "Determines the order of sections on mobile devices"
|
|
78
|
+
},
|
|
79
|
+
"desktop": {
|
|
80
|
+
"title": "Desktop Order",
|
|
81
|
+
"type": "string",
|
|
82
|
+
"enum": ["mainFirst", "contextFirst"],
|
|
83
|
+
"default": "mainFirst",
|
|
84
|
+
"description": "Determines the order of sections on desktop devices"
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
},
|
|
88
|
+
"mainComponents": {
|
|
89
|
+
"type": "array",
|
|
90
|
+
"title": "Main",
|
|
91
|
+
"description": "Allowed components for the main half of the split layout",
|
|
92
|
+
"items": {
|
|
93
|
+
"anyOf": [
|
|
94
|
+
{
|
|
95
|
+
"$ref": "http://schema.mydesignsystem.com/cta.schema.json"
|
|
96
|
+
},
|
|
97
|
+
{
|
|
98
|
+
"$ref": "http://schema.mydesignsystem.com/divider.schema.json"
|
|
99
|
+
},
|
|
100
|
+
{
|
|
101
|
+
"$ref": "http://schema.mydesignsystem.com/faq.schema.json"
|
|
102
|
+
},
|
|
103
|
+
{
|
|
104
|
+
"$ref": "http://schema.mydesignsystem.com/features.schema.json"
|
|
105
|
+
},
|
|
106
|
+
{
|
|
107
|
+
"$ref": "http://schema.mydesignsystem.com/gallery.schema.json"
|
|
108
|
+
},
|
|
109
|
+
{
|
|
110
|
+
"$ref": "http://schema.mydesignsystem.com/hero.schema.json"
|
|
111
|
+
},
|
|
112
|
+
{
|
|
113
|
+
"$ref": "http://schema.mydesignsystem.com/html.schema.json"
|
|
114
|
+
},
|
|
115
|
+
{
|
|
116
|
+
"$ref": "http://schema.mydesignsystem.com/image-story.schema.json"
|
|
117
|
+
},
|
|
118
|
+
{
|
|
119
|
+
"$ref": "http://schema.mydesignsystem.com/image-text.schema.json"
|
|
120
|
+
},
|
|
121
|
+
{
|
|
122
|
+
"$ref": "http://schema.mydesignsystem.com/logos.schema.json"
|
|
123
|
+
},
|
|
124
|
+
{
|
|
125
|
+
"$ref": "http://schema.mydesignsystem.com/mosaic.schema.json"
|
|
126
|
+
},
|
|
127
|
+
{
|
|
128
|
+
"$ref": "http://schema.mydesignsystem.com/slider.schema.json"
|
|
129
|
+
},
|
|
130
|
+
{
|
|
131
|
+
"$ref": "http://schema.mydesignsystem.com/stats.schema.json"
|
|
132
|
+
},
|
|
133
|
+
{
|
|
134
|
+
"$ref": "http://schema.mydesignsystem.com/teaser-card.schema.json"
|
|
135
|
+
},
|
|
136
|
+
{
|
|
137
|
+
"$ref": "http://schema.mydesignsystem.com/testimonials.schema.json"
|
|
138
|
+
},
|
|
139
|
+
{
|
|
140
|
+
"$ref": "http://schema.mydesignsystem.com/text.schema.json"
|
|
141
|
+
},
|
|
142
|
+
{
|
|
143
|
+
"$ref": "http://schema.mydesignsystem.com/video-curtain.schema.json"
|
|
144
|
+
}
|
|
145
|
+
]
|
|
146
|
+
}
|
|
147
|
+
},
|
|
148
|
+
"contextComponents": {
|
|
149
|
+
"type": "array",
|
|
150
|
+
"title": "Context",
|
|
151
|
+
"description": "Allowed components for the context half of the split layout",
|
|
152
|
+
"items": {
|
|
153
|
+
"anyOf": [
|
|
154
|
+
{
|
|
155
|
+
"$ref": "http://schema.mydesignsystem.com/cta.schema.json"
|
|
156
|
+
},
|
|
157
|
+
{
|
|
158
|
+
"$ref": "http://schema.mydesignsystem.com/divider.schema.json"
|
|
159
|
+
},
|
|
160
|
+
{
|
|
161
|
+
"$ref": "http://schema.mydesignsystem.com/faq.schema.json"
|
|
162
|
+
},
|
|
163
|
+
{
|
|
164
|
+
"$ref": "http://schema.mydesignsystem.com/features.schema.json"
|
|
165
|
+
},
|
|
166
|
+
{
|
|
167
|
+
"$ref": "http://schema.mydesignsystem.com/gallery.schema.json"
|
|
168
|
+
},
|
|
169
|
+
{
|
|
170
|
+
"$ref": "http://schema.mydesignsystem.com/hero.schema.json"
|
|
171
|
+
},
|
|
172
|
+
{
|
|
173
|
+
"$ref": "http://schema.mydesignsystem.com/html.schema.json"
|
|
174
|
+
},
|
|
175
|
+
{
|
|
176
|
+
"$ref": "http://schema.mydesignsystem.com/image-story.schema.json"
|
|
177
|
+
},
|
|
178
|
+
{
|
|
179
|
+
"$ref": "http://schema.mydesignsystem.com/image-text.schema.json"
|
|
180
|
+
},
|
|
181
|
+
{
|
|
182
|
+
"$ref": "http://schema.mydesignsystem.com/logos.schema.json"
|
|
183
|
+
},
|
|
184
|
+
{
|
|
185
|
+
"$ref": "http://schema.mydesignsystem.com/mosaic.schema.json"
|
|
186
|
+
},
|
|
187
|
+
{
|
|
188
|
+
"$ref": "http://schema.mydesignsystem.com/slider.schema.json"
|
|
189
|
+
},
|
|
190
|
+
{
|
|
191
|
+
"$ref": "http://schema.mydesignsystem.com/stats.schema.json"
|
|
192
|
+
},
|
|
193
|
+
{
|
|
194
|
+
"$ref": "http://schema.mydesignsystem.com/teaser-card.schema.json"
|
|
195
|
+
},
|
|
196
|
+
{
|
|
197
|
+
"$ref": "http://schema.mydesignsystem.com/testimonials.schema.json"
|
|
198
|
+
},
|
|
199
|
+
{
|
|
200
|
+
"$ref": "http://schema.mydesignsystem.com/text.schema.json"
|
|
201
|
+
},
|
|
202
|
+
{
|
|
203
|
+
"$ref": "http://schema.mydesignsystem.com/video-curtain.schema.json"
|
|
204
|
+
}
|
|
205
|
+
]
|
|
206
|
+
}
|
|
207
|
+
}
|
|
208
|
+
},
|
|
209
|
+
"additionalProperties": false
|
|
210
|
+
}
|
|
Binary file
|
package/dist/tokens/themes.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Wed, 02 Jul 2025 10:36:52 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 Wed, 02 Jul 2025 10:36:57 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 Wed, 02 Jul 2025 10:36:54 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 Wed, 02 Jul 2025 10:36:59 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
package/package.json
CHANGED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { FC, PropsWithChildren } from "react";
|
|
2
|
-
/* eslint-disable */
|
|
3
|
-
/**
|
|
4
|
-
* This file was automatically generated by json-schema-to-typescript.
|
|
5
|
-
* DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
|
|
6
|
-
* and run json-schema-to-typescript to regenerate this file.
|
|
7
|
-
*/
|
|
8
|
-
interface SplitProps {
|
|
9
|
-
layout?: "sidebarRight" | "sidebarLeft";
|
|
10
|
-
mainSectionWidth?: "narrow" | "medium" | "wide";
|
|
11
|
-
}
|
|
12
|
-
declare const Split: FC<PropsWithChildren<SplitProps>>;
|
|
13
|
-
export type { SplitProps };
|
|
14
|
-
export { Split };
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import "./split.css";
|
|
2
|
-
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import classnames from 'classnames';
|
|
4
|
-
|
|
5
|
-
const Split = ({ layout = "sidebarRight", mainSectionWidth = "default", children, }) => (jsx("div", { className: classnames("l-split", layout === "sidebarRight"
|
|
6
|
-
? "l-split--sidebar-right"
|
|
7
|
-
: layout === "sidebarLeft"
|
|
8
|
-
? "l-split--sidebar-left"
|
|
9
|
-
: "l-split--sidebar-right", mainSectionWidth === "narrow"
|
|
10
|
-
? "l-split--narrow"
|
|
11
|
-
: mainSectionWidth === "medium"
|
|
12
|
-
? "l-split--medium"
|
|
13
|
-
: mainSectionWidth === "wide"
|
|
14
|
-
? "l-split--wide"
|
|
15
|
-
: "l-split--medium"), children: children }));
|
|
16
|
-
|
|
17
|
-
export { Split };
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
.l-split {
|
|
2
|
-
--dsa-split--gap-vertical: var(--ks-spacing-stack-l);
|
|
3
|
-
--dsa-split--gap-horizontal: var(--ks-spacing-inline-l);
|
|
4
|
-
--dsa-split__side--top-offset: var(--ks-spacing-stack-l);
|
|
5
|
-
--dsa-split__side--top-margin: var(--ks-spacing-stack-l);
|
|
6
|
-
--dsa-split__side--flex-basis: 210px;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
.l-split {
|
|
10
|
-
display: flex;
|
|
11
|
-
flex-wrap: wrap;
|
|
12
|
-
gap: var(--dsa-split--gap-horizontal) var(--dsa-split--gap-horizontal);
|
|
13
|
-
}
|
|
14
|
-
.l-split--narrow {
|
|
15
|
-
--split__main--flex-basis: var(--dsa-content--width_narrow);
|
|
16
|
-
}
|
|
17
|
-
.l-split--medium {
|
|
18
|
-
--split__main--flex-basis: var(--dsa-content--width_default);
|
|
19
|
-
}
|
|
20
|
-
.l-split--wide {
|
|
21
|
-
--split__main--flex-basis: var(--dsa-content--width_wide);
|
|
22
|
-
}
|
|
23
|
-
@media (min-width: 48em) {
|
|
24
|
-
.l-split {
|
|
25
|
-
justify-content: space-between;
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
.l-split > * {
|
|
29
|
-
flex-grow: 1;
|
|
30
|
-
flex-shrink: 1;
|
|
31
|
-
}
|
|
32
|
-
.l-split--sidebar-right > :first-child {
|
|
33
|
-
flex-basis: calc(var(--split__main--flex-basis) - var(--dsa-content--horizontal-spacing) * 2);
|
|
34
|
-
}
|
|
35
|
-
.l-split--sidebar-right > :last-child {
|
|
36
|
-
flex-basis: var(--dsa-split__side--flex-basis, 210px);
|
|
37
|
-
position: -webkit-sticky;
|
|
38
|
-
position: sticky;
|
|
39
|
-
top: var(--dsa-split__side--top-offset, var(--ks-spacing-stack-l));
|
|
40
|
-
height: fit-content;
|
|
41
|
-
margin-top: var(--dsa-split__side-top-margin, var(--ks-spacing-stack-l));
|
|
42
|
-
}
|
|
43
|
-
.l-split--sidebar-left > :last-child {
|
|
44
|
-
flex-basis: calc(var(--split__main--flex-basis) - var(--dsa-content--horizontal-spacing) * 2);
|
|
45
|
-
}
|
|
46
|
-
.l-split--sidebar-left > :first-child {
|
|
47
|
-
flex-basis: var(--dsa-split__side--flex-basis, 210px);
|
|
48
|
-
position: -webkit-sticky;
|
|
49
|
-
position: sticky;
|
|
50
|
-
top: var(--dsa-split__side--top-margin, var(--ks-spacing-stack-l));
|
|
51
|
-
height: fit-content;
|
|
52
|
-
margin-top: var(--dsa-split__side-top-margin, var(--ks-spacing-stack-l));
|
|
53
|
-
}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
3
|
-
"$id": "http://schema.mydesignsystem.com/split.schema.json",
|
|
4
|
-
"title": "Split",
|
|
5
|
-
"type": "object",
|
|
6
|
-
"properties": {
|
|
7
|
-
"layout": {
|
|
8
|
-
"type": "string",
|
|
9
|
-
"enum": [
|
|
10
|
-
"sidebarRight",
|
|
11
|
-
"sidebarLeft"
|
|
12
|
-
],
|
|
13
|
-
"default": "sidebarRight"
|
|
14
|
-
},
|
|
15
|
-
"mainSectionWidth": {
|
|
16
|
-
"type": "string",
|
|
17
|
-
"enum": [
|
|
18
|
-
"narrow",
|
|
19
|
-
"medium",
|
|
20
|
-
"wide"
|
|
21
|
-
],
|
|
22
|
-
"default": "medium"
|
|
23
|
-
},
|
|
24
|
-
"type": {
|
|
25
|
-
"const": "split"
|
|
26
|
-
}
|
|
27
|
-
},
|
|
28
|
-
"additionalProperties": false
|
|
29
|
-
}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
3
|
-
"$id": "http://schema.mydesignsystem.com/split.schema.json",
|
|
4
|
-
"title": "Split",
|
|
5
|
-
"type": "object",
|
|
6
|
-
"properties": {
|
|
7
|
-
"layout": {
|
|
8
|
-
"type": "string",
|
|
9
|
-
"enum": ["sidebarRight", "sidebarLeft"],
|
|
10
|
-
"default": "sidebarRight"
|
|
11
|
-
},
|
|
12
|
-
"mainSectionWidth": {
|
|
13
|
-
"type": "string",
|
|
14
|
-
"enum": ["narrow", "medium", "wide"],
|
|
15
|
-
"default": "medium"
|
|
16
|
-
}
|
|
17
|
-
},
|
|
18
|
-
"additionalProperties": false
|
|
19
|
-
}
|
|
File without changes
|