@kickstartds/ds-agency-premium 1.6.68--canary.1570.bfd629c.0 → 1.6.68--canary.1573.8e8eef2.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,8 +1,7 @@
|
|
|
1
1
|
.dsa-button {
|
|
2
2
|
--dsa-button--padding: 0.75em 1.5em;
|
|
3
3
|
--dsa-button--border-width: var(--ks-border-width-default);
|
|
4
|
-
--dsa-button--border-radius: var(--ks-border-radius-control)
|
|
5
|
-
var(--ks-border-radius-control) calc(var(--ks-border-radius-control) * 2.5);
|
|
4
|
+
--dsa-button--border-radius: var(--ks-border-radius-control);
|
|
6
5
|
--dsa-button--font-weight: var(--ks-font-weight-semi-bold);
|
|
7
6
|
--dsa-button--text-transform: default;
|
|
8
7
|
--dsa-button_small--font: var(--ks-font-interface-s);
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
--dsa-hero__textbox--background-color: var(--ks-color-bg-alpha-3);
|
|
18
18
|
--dsa-hero__textbox--backdrop-filter: blur(10px);
|
|
19
19
|
--dsa-hero__textbox--box-shadow: var(--ks-box-shadow-card);
|
|
20
|
-
--dsa-hero__textbox--border-radius: var(--ks-border-radius-
|
|
20
|
+
--dsa-hero__textbox--border-radius: var(--ks-border-radius-card);
|
|
21
21
|
--dsa-hero__textbox--max-width: calc(var(--dsa-content--width_narrow) * 1.15);
|
|
22
22
|
--dsa-hero_below__textbox--max-width: var(--dsa-content--width_default);
|
|
23
23
|
--dsa-hero__textbox--padding: var(--ks-spacing-inset-squish-xl);
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
.c-visual.dsa-hero .c-visual__box {
|
|
56
56
|
--c-visual_box--background: var(--dsa-hero__textbox--background-color, var(--ks-color-bg-alpha-2));
|
|
57
57
|
--c-visual_box--color: var(--dsa-hero__copy--color, var(--ks-text-color-default));
|
|
58
|
-
--c-visual_box--border-radius: var(--dsa-hero__textbox--border-radius, var(--ks-border-radius-
|
|
58
|
+
--c-visual_box--border-radius: var(--dsa-hero__textbox--border-radius, var(--ks-border-radius-card));
|
|
59
59
|
--c-visual_box--padding: var(--dsa-hero__textbox--padding, var(--ks-spacing-inset-squish-xl));
|
|
60
60
|
--c-visual_text--font: var(--dsa-hero__copy--font, var(--dsa-rich-text--font));
|
|
61
61
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri, 09 May 2025
|
|
3
|
+
* Generated on Fri, 09 May 2025 10:10:18 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, [ks-theme] {
|
|
6
6
|
--ks-background-color-accent-base: var(--ks-color-fg-to-bg-9-base);
|
|
@@ -204,8 +204,8 @@
|
|
|
204
204
|
--ks-border-width-default: 1px;
|
|
205
205
|
--ks-border-width-emphasized: 2px;
|
|
206
206
|
--ks-border-radius-control: 8px;
|
|
207
|
-
--ks-border-radius-card: 8px;
|
|
208
|
-
--ks-border-radius-surface:
|
|
207
|
+
--ks-border-radius-card: 8px 8px 8px 24px;
|
|
208
|
+
--ks-border-radius-surface: 32px 32px 32px 96px;
|
|
209
209
|
--ks-border-radius-pill: 999px;
|
|
210
210
|
--ks-border-radius-circle: 50%;
|
|
211
211
|
--ks-box-shadow-opacity-control: 0.2;
|
package/dist/tokens/themes.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri, 09 May 2025
|
|
3
|
+
* Generated on Fri, 09 May 2025 10:10:20 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 Fri, 09 May 2025
|
|
2730
|
+
* Generated on Fri, 09 May 2025 10:10:25 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 Fri, 09 May 2025
|
|
5461
|
+
* Generated on Fri, 09 May 2025 10:10:23 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 Fri, 09 May 2025
|
|
8462
|
+
* Generated on Fri, 09 May 2025 10:10:27 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
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri, 09 May 2025
|
|
3
|
+
* Generated on Fri, 09 May 2025 10:10:18 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root, [ks-theme] {
|
|
@@ -205,8 +205,8 @@
|
|
|
205
205
|
--ks-border-width-default: 1px;
|
|
206
206
|
--ks-border-width-emphasized: 2px;
|
|
207
207
|
--ks-border-radius-control: 8px;
|
|
208
|
-
--ks-border-radius-card: 8px;
|
|
209
|
-
--ks-border-radius-surface:
|
|
208
|
+
--ks-border-radius-card: 8px 8px 8px 24px;
|
|
209
|
+
--ks-border-radius-surface: 32px 32px 32px 96px;
|
|
210
210
|
--ks-border-radius-pill: 999px;
|
|
211
211
|
--ks-border-radius-circle: 50%;
|
|
212
212
|
--ks-box-shadow-opacity-control: 0.2;
|
package/dist/tokens/tokens.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri, 09 May 2025
|
|
3
|
+
* Generated on Fri, 09 May 2025 10:10:18 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const KsBackgroundColorAccentBase = "#f3f3f4";
|
|
@@ -204,8 +204,8 @@ export const KsBorderColorNegativeInvertedTranslucentBase = "rgba(210, 29, 72, 0
|
|
|
204
204
|
export const KsBorderWidthDefault = "1px";
|
|
205
205
|
export const KsBorderWidthEmphasized = "2px";
|
|
206
206
|
export const KsBorderRadiusControl = "8px";
|
|
207
|
-
export const KsBorderRadiusCard = "8px";
|
|
208
|
-
export const KsBorderRadiusSurface = "
|
|
207
|
+
export const KsBorderRadiusCard = "8px 8px 8px 24px";
|
|
208
|
+
export const KsBorderRadiusSurface = "32px 32px 32px 96px";
|
|
209
209
|
export const KsBorderRadiusPill = "999px";
|
|
210
210
|
export const KsBorderRadiusCircle = "50%";
|
|
211
211
|
export const KsBoxShadowOpacityControl = "0.2";
|
package/package.json
CHANGED