@kickstartds/ds-agency-premium 1.6.61--canary.40.1507.0 → 1.6.61--canary.40.1513.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.
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
.dsa-cta {
|
|
2
|
-
--dsa-cta--gap: var(--ks-spacing-stack-
|
|
2
|
+
--dsa-cta--gap: var(--ks-spacing-stack-l) var(--ks-spacing-inline-l);
|
|
3
3
|
--dsa-cta__content--vertical-padding: var(--dsa-content--vertical-spacing);
|
|
4
4
|
--dsa-cta__content--horizontal-padding: var(--dsa-content--horizontal-spacing);
|
|
5
5
|
--dsa-cta__content--max-width: var(--dsa-content--width_narrow);
|
|
@@ -67,6 +67,9 @@
|
|
|
67
67
|
font: var(--dsa-cta__copy--font, var(--dsa-rich-text--font, var(--ks-font-copy-m)));
|
|
68
68
|
color: var(--dsa-cta__copy--color, var(--dsa-rich-text--color, var(--ks-text-color-copy)));
|
|
69
69
|
}
|
|
70
|
+
.dsa-cta.c-storytelling > .c-storytelling__image {
|
|
71
|
+
margin: 0;
|
|
72
|
+
}
|
|
70
73
|
@container storytelling (max-width: 639.9px) {
|
|
71
74
|
.dsa-cta.c-storytelling.c-storytelling--order-mobile-image-last .c-storytelling__box {
|
|
72
75
|
padding-bottom: 0;
|
|
@@ -74,10 +77,10 @@
|
|
|
74
77
|
.dsa-cta.c-storytelling.c-storytelling--order-mobile-image-last .c-storytelling__image {
|
|
75
78
|
padding-top: 0;
|
|
76
79
|
}
|
|
77
|
-
.dsa-cta.c-storytelling:not(.c-storytelling--order-
|
|
80
|
+
.dsa-cta.c-storytelling:not(.c-storytelling--order-mobile-image-last) .c-storytelling__box:not(:only-child) {
|
|
78
81
|
padding-top: 0;
|
|
79
82
|
}
|
|
80
|
-
.dsa-cta.c-storytelling:not(.c-storytelling--order-
|
|
83
|
+
.dsa-cta.c-storytelling:not(.c-storytelling--order-mobile-image-last) .c-storytelling__image {
|
|
81
84
|
padding-bottom: 0;
|
|
82
85
|
}
|
|
83
86
|
}
|
|
@@ -1096,7 +1096,7 @@
|
|
|
1096
1096
|
"id": "components-cta--angled-image",
|
|
1097
1097
|
"group": "Components/Cta",
|
|
1098
1098
|
"name": "AngledImage",
|
|
1099
|
-
"code": "<Cta\n align=\"center\"\n buttons={[\n {\n icon: 'person',\n label: 'Contact us',\n target: '#'\n },\n {\n icon: 'date',\n label: 'Book a meeting',\n target: '#'\n }\n ]}\n headline=\"Our **Approach** to Design Systems\"\n image={{\n align: 'center',\n padding:
|
|
1099
|
+
"code": "<Cta\n align=\"center\"\n buttons={[\n {\n icon: 'person',\n label: 'Contact us',\n target: '#'\n },\n {\n icon: 'date',\n label: 'Book a meeting',\n target: '#'\n }\n ]}\n headline=\"Our **Approach** to Design Systems\"\n image={{\n align: 'center',\n padding: false,\n src: 'img/angled-image.png'\n }}\n order={{\n desktopImageLast: true,\n mobileImageLast: false\n }}\n padding\n sub=\"Subheadline\"\n text=\"We value efficiency without compromising quality. Our secret weapon? kickstartDS, a revolutionary code-first and open source framework for creating design systems.\n\nThis tool accelerates our development, saving you valuable time and helping us deliver top-notch results faster.\"\n textAlign=\"left\"\n/>",
|
|
1100
1100
|
"args": {
|
|
1101
1101
|
"headline": "Our **Approach** to Design Systems",
|
|
1102
1102
|
"sub": "Subheadline",
|
|
@@ -1115,7 +1115,7 @@
|
|
|
1115
1115
|
}
|
|
1116
1116
|
],
|
|
1117
1117
|
"image": {
|
|
1118
|
-
"padding":
|
|
1118
|
+
"padding": false,
|
|
1119
1119
|
"align": "center",
|
|
1120
1120
|
"src": "img/angled-image.png"
|
|
1121
1121
|
},
|
package/dist/tokens/themes.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 13 Jan 2025 09:47:37 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root [ks-theme=business] {
|
|
6
6
|
--ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
|
|
@@ -2727,7 +2727,7 @@
|
|
|
2727
2727
|
}
|
|
2728
2728
|
/**
|
|
2729
2729
|
* Do not edit directly
|
|
2730
|
-
* Generated on
|
|
2730
|
+
* Generated on Mon, 13 Jan 2025 09:47:41 GMT
|
|
2731
2731
|
*/
|
|
2732
2732
|
:root [ks-theme=google] {
|
|
2733
2733
|
--ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
|
|
@@ -5458,7 +5458,7 @@
|
|
|
5458
5458
|
}
|
|
5459
5459
|
/**
|
|
5460
5460
|
* Do not edit directly
|
|
5461
|
-
* Generated on
|
|
5461
|
+
* Generated on Mon, 13 Jan 2025 09:47:39 GMT
|
|
5462
5462
|
*/
|
|
5463
5463
|
:root [ks-theme=ngo] {
|
|
5464
5464
|
--ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
|
|
@@ -8459,7 +8459,7 @@
|
|
|
8459
8459
|
}
|
|
8460
8460
|
/**
|
|
8461
8461
|
* Do not edit directly
|
|
8462
|
-
* Generated on
|
|
8462
|
+
* Generated on Mon, 13 Jan 2025 09:47:44 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