@kickstartds/ds-agency-premium 1.6.68--canary.44.1609.0 → 1.6.68--canary.44.1615.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.
Files changed (6) hide show
  1. package/dist/components/header/header.css +9 -5
  2. package/dist/components/page-wrapper/tokens.css +3 -3
  3. package/dist/tokens/themes.css +4 -4
  4. package/dist/tokens/tokens.css +3 -3
  5. package/dist/tokens/tokens.js +3 -3
  6. package/package.json +1 -1
package/dist/components/header/header.css CHANGED
@@ -18,7 +18,7 @@
18
18
  }
19
19
 
20
20
  .dsa-header {
21
- --dsa-header--max-width: var(--dsa-content--width_max);
21
+ --dsa-header--max-width: var(--dsa-content--width_wide);
22
22
  --dsa-header--background: var(--ks-background-color-default);
23
23
  --dsa-header_floating--background: var(--dsa-overlay-box_opaque--background-color);
24
24
  --dsa-header_floating--backdrop-filter: var(--dsa-overlay-box_opaque--backdrop-filter);
@@ -53,9 +53,8 @@
53
53
  height: 100vh;
54
54
  }
55
55
  .dsa-header--floating {
56
+ max-width: calc(var(--dsa-header--max-width) + var(--dsa-header_floating--spacing-horizontal) * 2);
56
57
  top: 10px;
57
- width: calc(var(--dsa-content--width_wide) + var(--dsa-header_floating--spacing-horizontal) * 2);
58
- max-width: calc(100vw - var(--dsa-header--spacing-horizontal) * 2);
59
58
  padding: var(--dsa-header--spacing-vertical) 0;
60
59
  margin: auto;
61
60
  left: 50%;
@@ -73,13 +72,18 @@
73
72
  text-shadow: 0 0 10px var(--ks-color-bg-alpha-5);
74
73
  }
75
74
  .dsa-header__content {
76
- padding: 0 var(--dsa-header_floating--spacing-horizontal);
77
- max-width: var(--dsa-header--max-width);
75
+ padding: 0 var(--dsa-header--spacing-horizontal);
76
+ max-width: calc(var(--dsa-header--max-width) + var(--dsa-header--spacing-horizontal) * 2);
78
77
  width: 100%;
78
+ margin: auto;
79
79
  display: flex;
80
80
  justify-content: space-between;
81
81
  align-items: flex-start;
82
82
  }
83
+ .dsa-header--floating .dsa-header__content {
84
+ max-width: calc(var(--dsa-header--max-width) + var(--dsa-header_floating--spacing-horizontal) * 2);
85
+ padding: 0 var(--dsa-header_floating--spacing-horizontal);
86
+ }
83
87
 
84
88
  .dsa-header--spacer {
85
89
  display: none;
package/dist/components/page-wrapper/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 16 May 2025 09:56:43 GMT
3
+ * Generated on Fri, 16 May 2025 13:18:45 GMT
4
4
  */
5
5
  :root, [ks-theme] {
6
6
  --ks-background-color-accent-base: var(--ks-color-fg-to-bg-9-base);
@@ -115,8 +115,8 @@
115
115
  --ks-border-color-clear-inverted-interactive-hover-base: var(--ks-color-primary-inverted-alpha-7-base);
116
116
  --ks-border-color-clear-inverted-interactive-active-base: var(--ks-color-primary-inverted-alpha-6-base);
117
117
  --ks-border-color-clear-inverted-interactive-selected-base: var(--ks-color-primary-inverted-alpha-5-base);
118
- --ks-border-color-default-base: var(--ks-color-fg-inverted-base);
119
- --ks-border-color-default-inverted-base: var(--ks-color-fg-alpha-3-base);
118
+ --ks-border-color-default-base: var(--ks-color-fg-alpha-8-base);
119
+ --ks-border-color-default-inverted-base: var(--ks-color-fg-inverted-alpha-8-base);
120
120
  --ks-border-color-interface-base: var(--ks-color-fg-alpha-8-base);
121
121
  --ks-border-color-interface-interactive-base: var(--ks-color-fg-alpha-7-base);
122
122
  --ks-border-color-interface-interactive-disabled-base: var(--ks-color-fg-alpha-8-base);
package/dist/tokens/themes.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 16 May 2025 09:56:46 GMT
3
+ * Generated on Fri, 16 May 2025 13:18:47 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, 16 May 2025 09:56:49 GMT
2730
+ * Generated on Fri, 16 May 2025 13:18:52 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, 16 May 2025 09:56:48 GMT
5461
+ * Generated on Fri, 16 May 2025 13:18:50 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, 16 May 2025 09:56:51 GMT
8462
+ * Generated on Fri, 16 May 2025 13:18:54 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, 16 May 2025 09:56:43 GMT
3
+ * Generated on Fri, 16 May 2025 13:18:45 GMT
4
4
  */
5
5
 
6
6
  :root, [ks-theme] {
@@ -116,8 +116,8 @@
116
116
  --ks-border-color-clear-inverted-interactive-hover-base: var(--ks-color-primary-inverted-alpha-7-base);
117
117
  --ks-border-color-clear-inverted-interactive-active-base: var(--ks-color-primary-inverted-alpha-6-base);
118
118
  --ks-border-color-clear-inverted-interactive-selected-base: var(--ks-color-primary-inverted-alpha-5-base);
119
- --ks-border-color-default-base: var(--ks-color-fg-inverted-base);
120
- --ks-border-color-default-inverted-base: var(--ks-color-fg-alpha-3-base);
119
+ --ks-border-color-default-base: var(--ks-color-fg-alpha-8-base);
120
+ --ks-border-color-default-inverted-base: var(--ks-color-fg-inverted-alpha-8-base);
121
121
  --ks-border-color-interface-base: var(--ks-color-fg-alpha-8-base);
122
122
  --ks-border-color-interface-interactive-base: var(--ks-color-fg-alpha-7-base);
123
123
  --ks-border-color-interface-interactive-disabled-base: var(--ks-color-fg-alpha-8-base);
package/dist/tokens/tokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 16 May 2025 09:56:44 GMT
3
+ * Generated on Fri, 16 May 2025 13:18:45 GMT
4
4
  */
5
5
 
6
6
  export const KsBackgroundColorAccentBase = "#f3f3f4";
@@ -115,8 +115,8 @@ export const KsBorderColorClearInvertedInteractiveBase = "rgba(0, 0, 0, 0)";
115
115
  export const KsBorderColorClearInvertedInteractiveHoverBase = "rgba(48, 101, 192, 0.24)";
116
116
  export const KsBorderColorClearInvertedInteractiveActiveBase = "rgba(48, 101, 192, 0.37)";
117
117
  export const KsBorderColorClearInvertedInteractiveSelectedBase = "rgba(48, 101, 192, 0.5)";
118
- export const KsBorderColorDefaultBase = "#ffffff";
119
- export const KsBorderColorDefaultInvertedBase = "rgba(6, 8, 31, 0.76)";
118
+ export const KsBorderColorDefaultBase = "rgba(6, 8, 31, 0.13)";
119
+ export const KsBorderColorDefaultInvertedBase = "rgba(255, 255, 255, 0.13)";
120
120
  export const KsBorderColorInterfaceBase = "rgba(6, 8, 31, 0.13)";
121
121
  export const KsBorderColorInterfaceInteractiveBase = "rgba(6, 8, 31, 0.24)";
122
122
  export const KsBorderColorInterfaceInteractiveDisabledBase = "rgba(6, 8, 31, 0.13)";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kickstartds/ds-agency-premium",
3
- "version": "1.6.68--canary.44.1609.0",
3
+ "version": "1.6.68--canary.44.1615.0",
4
4
  "description": "",
5
5
  "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
6
6
  "bugs": {