@kickstartds/ds-agency-premium 1.4.0--canary.14.684.0 → 1.4.0--canary.14.690.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,4 +1,4 @@
1
- import { BlogPostProps } from "../../BlogPostProps-440f88a5.js";
1
+ import { BlogPostProps } from "../../BlogPostProps-e1cbd5d3.js";
2
2
  import { FC, PropsWithChildren } from "react";
3
3
  declare const BlogPost: FC<PropsWithChildren<BlogPostProps>>;
4
4
  export { BlogPost };
@@ -72,6 +72,6 @@ interface SettingsProps {
72
72
  */
73
73
  seo: SeoProps;
74
74
  }
75
- export * from "../../BlogPostProps-440f88a5.js";
75
+ export * from "../../BlogPostProps-e1cbd5d3.js";
76
76
  export * from "../../BlogOverviewProps-f385fc47.js";
77
77
  export { Sections, ToggleFloating, ToggleInverted, ToggleInverted1, PageProps, Header, Footer, SettingsProps };
@@ -16,6 +16,8 @@
16
16
  }
17
17
 
18
18
  .dsa-nav-dropdown {
19
+ --g-link--text-decoration: none;
20
+ --g-link--text-decoration_hover: none;
19
21
  font: var(--dsa-nav-dropdown__label--font);
20
22
  min-width: var(--dsa-nav-dropdown--min-width);
21
23
  padding: var(--dsa-nav-dropdown--padding);
@@ -32,6 +34,7 @@
32
34
  opacity: var(--dsa-nav-dropdown__label_dimmed--opacity);
33
35
  }
34
36
  .dsa-nav-dropdown .dsa-nav-dropdown__label {
37
+ text-decoration: var(--dsa-nav-dropdown__label--text-decoration);
35
38
  font: inherit;
36
39
  font-weight: var(--dsa-nav-dropdown__label--font-weight);
37
40
  color: var(--dsa-nav-dropdown__label--color);
@@ -42,6 +45,7 @@
42
45
  }
43
46
  .dsa-nav-dropdown .dsa-nav-dropdown__label:hover, .dsa-nav-dropdown .dsa-nav-dropdown__label:focus, .dsa-nav-dropdown .dsa-nav-dropdown__label:active {
44
47
  color: var(--dsa-nav-dropdown__label--color_hover);
48
+ text-decoration: var(--dsa-nav-dropdown__label--text-decoration_hover);
45
49
  }
46
50
  .dsa-nav-dropdown .dsa-nav-dropdown__label--active {
47
51
  color: var(--dsa-nav-dropdown__label--color_active);
@@ -14,6 +14,8 @@
14
14
  --dsa-nav-flyout__label--font-weight: var(--ks-font-weight-semi-bold);
15
15
  --dsa-nav-flyout__label--font-weight_active: var(--ks-font-weight-bold);
16
16
  --dsa-nav-flyout__label--padding: 0.25em 0;
17
+ --dsa-nav-flyout__label--text-decoration: none;
18
+ --dsa-nav-flyout__label--text-decoration_hover: none;
17
19
  --dsa-nav-flyout__label_dimmed--opacity: 0.6;
18
20
  --dsa-nav-flyout__label__icon--size: 1.5em;
19
21
  --dsa-nav-flyout__sublist--padding: 0.25em 0 0.5em 0.75em;
@@ -83,6 +85,7 @@
83
85
  display: flex;
84
86
  }
85
87
  .dsa-nav-flyout .dsa-nav-flyout__label {
88
+ text-decoration: var(--dsa-nav-flyout__label--text-decoration);
86
89
  display: flex;
87
90
  font: var(--dsa-nav-flyout__label--font);
88
91
  font-weight: var(--dsa-nav-flyout__label--font-weight);
@@ -91,8 +94,9 @@
91
94
  align-items: center;
92
95
  padding: var(--dsa-nav-flyout__label--padding);
93
96
  }
94
- .dsa-nav-flyout .dsa-nav-flyout__label:hover, .dsa-nav-flyout .dsa-nav-flyout__label:focus {
97
+ .dsa-nav-flyout .dsa-nav-flyout__label:hover, .dsa-nav-flyout .dsa-nav-flyout__label:focus, .dsa-nav-flyout .dsa-nav-flyout__label:active {
95
98
  color: var(--dsa-nav-flyout__label--color_hover);
99
+ text-decoration: var(--dsa-nav-flyout__label--text-decoration_hover);
96
100
  }
97
101
  .dsa-nav-flyout .dsa-nav-flyout__label__icon {
98
102
  width: var(--dsa-nav-flyout__label__icon--size);
@@ -18,12 +18,7 @@ button.dsa-nav-toggle {
18
18
  z-index: 1;
19
19
  padding: 0 var(--dsa-header--spacing-horizontal);
20
20
  transform: translateX(var(--dsa-header--spacing-horizontal));
21
- --nav-toggle__icon-bar--offset: 16px;
22
- }
23
- @media (min-width: 48em) {
24
- button.dsa-nav-toggle {
25
- --nav-toggle__icon-bar--offset: 18px;
26
- }
21
+ --toggle__icon-bar--offset: 45%;
27
22
  }
28
23
  @media (min-width: 62em) {
29
24
  button.dsa-nav-toggle {
@@ -93,12 +88,12 @@ button.dsa-nav-toggle[aria-expanded=true] .dsa-nav-toggle__icon__middle {
93
88
  display: none;
94
89
  }
95
90
  button.dsa-nav-toggle[aria-expanded=true] .dsa-nav-toggle__icon::before {
96
- top: var(--nav-toggle__icon-bar--offset);
91
+ top: var(--toggle__icon-bar--offset);
97
92
  transition: top ease 150ms, transform 150ms ease 150ms;
98
93
  transform: rotate(-45deg);
99
94
  }
100
95
  button.dsa-nav-toggle[aria-expanded=true] .dsa-nav-toggle__icon::after {
101
- bottom: var(--nav-toggle__icon-bar--offset);
96
+ bottom: var(--toggle__icon-bar--offset);
102
97
  transition: bottom ease 150ms, transform 150ms ease 150ms;
103
98
  transform: rotate(45deg);
104
99
  }
@@ -6,6 +6,8 @@
6
6
  --dsa-nav-topbar__label--font-weight: var(--ks-font-weight-semi-bold);
7
7
  --dsa-nav-topbar__label--font-weight_active: var(--ks-font-weight-bold);
8
8
  --dsa-nav-topbar__label--padding: 0.75em 0.75em;
9
+ --dsa-nav-topbar__label--text-decoration: none;
10
+ --dsa-nav-topbar__label--text-decoration_hover: none;
9
11
  --dsa-nav-topbar__label_dimmed--opacity: 0.6;
10
12
  --dsa-nav-topbar__label__icon--size: 1.5em;
11
13
  --dsa-nav-topbar_floating__label_dimmed--opacity: 0.85;
@@ -15,9 +17,9 @@
15
17
  }
16
18
 
17
19
  .dsa-nav-topbar {
18
- display: none;
19
20
  --g-link--text-decoration: none;
20
21
  --g-link--text-decoration_hover: none;
22
+ display: none;
21
23
  flex-direction: column;
22
24
  justify-content: flex-start;
23
25
  }
@@ -74,10 +76,11 @@
74
76
  height: 100%;
75
77
  align-items: center;
76
78
  padding: var(--dsa-nav-topbar__label--padding);
79
+ text-decoration: var(--dsa-nav-topbar__label--text-decoration);
77
80
  }
78
- .dsa-nav-topbar .dsa-nav-topbar__label:hover, .dsa-nav-topbar .dsa-nav-topbar__label:focus {
81
+ .dsa-nav-topbar .dsa-nav-topbar__label:hover, .dsa-nav-topbar .dsa-nav-topbar__label:focus, .dsa-nav-topbar .dsa-nav-topbar__label:active {
79
82
  color: var(--dsa-nav-topbar__label--color_hover);
80
- opacity: 1;
83
+ text-decoration: var(--dsa-nav-topbar__label--text-decoration_hover);
81
84
  }
82
85
  .dsa-header--floating .dsa-nav-topbar .dsa-nav-topbar__label {
83
86
  color: var(--dsa-nav-topbar_floating__label--color);
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 22 Aug 2024 13:24:48 GMT
3
+ * Generated on Thu, 22 Aug 2024 14:01:33 GMT
4
4
  */
5
5
  :root, [ks-theme] {
6
6
  --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
package/dist/global.css CHANGED
@@ -306,8 +306,8 @@ h3 {
306
306
  --dsa-link--font-weight: var(--ks-font-weight-semi-bold);
307
307
  --dsa-link--color: var(--ks-text-color-default-interactive);
308
308
  --dsa-link--color_hover: var(--ks-text-color-default-interactive-hover);
309
- --dsa-link--text-decoration: none;
310
- --dsa-link--text-decoration_hover: none;
309
+ --dsa-link--text-decoration: underline;
310
+ --dsa-link--text-decoration_hover: underline;
311
311
  --dsa-header--height: calc(var(--dsa-logo--height) + var(--ks-spacing-stack-m) + var(--ks-spacing-stack-m));
312
312
  --dsa-gradient--higlight: linear-gradient(135deg, var(--ks-color-primary) 0%, var(--ks-color-secondary) 100%);
313
313
  --dsa-section__content--padding: var(--ks-spacing-inset-l);
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 22 Aug 2024 13:24:51 GMT
3
+ * Generated on Thu, 22 Aug 2024 14:01:36 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 Thu, 22 Aug 2024 13:24:55 GMT
2730
+ * Generated on Thu, 22 Aug 2024 14:01:40 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 Thu, 22 Aug 2024 13:24:53 GMT
5461
+ * Generated on Thu, 22 Aug 2024 14:01:38 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 Thu, 22 Aug 2024 13:24:57 GMT
8462
+ * Generated on Thu, 22 Aug 2024 14:01:42 GMT
8463
8463
  */
8464
8464
  :root [ks-theme=telekom] {
8465
8465
  --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 22 Aug 2024 13:24:48 GMT
3
+ * Generated on Thu, 22 Aug 2024 14:01:33 GMT
4
4
  */
5
5
 
6
6
  :root, [ks-theme] {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 22 Aug 2024 13:24:49 GMT
3
+ * Generated on Thu, 22 Aug 2024 14:01:34 GMT
4
4
  */
5
5
 
6
6
  export const KsBackgroundColorAccentBase = "#230a2b";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kickstartds/ds-agency-premium",
3
- "version": "1.4.0--canary.14.684.0",
3
+ "version": "1.4.0--canary.14.690.0",
4
4
  "description": "",
5
5
  "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
6
6
  "bugs": {