@kickstartds/ds-agency-premium 1.4.0--canary.14.677.0 → 1.4.0--canary.14.680.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 (15) hide show
  1. package/dist/components/blog-post/index.d.ts +1 -1
  2. package/dist/components/header/header.css +10 -2
  3. package/dist/components/index/index.d.ts +1 -1
  4. package/dist/components/nav-flyout/index.js +3 -3
  5. package/dist/components/nav-flyout/nav-flyout.css +52 -25
  6. package/dist/components/nav-toggle/nav-toggle.css +1 -1
  7. package/dist/components/nav-topbar/index.js +3 -1
  8. package/dist/components/nav-topbar/nav-topbar.css +2 -2
  9. package/dist/components/page-wrapper/tokens.css +37 -37
  10. package/dist/global.css +1 -1
  11. package/dist/tokens/themes.css +4 -4
  12. package/dist/tokens/tokens.css +37 -37
  13. package/dist/tokens/tokens.js +69 -69
  14. package/package.json +1 -1
  15. /package/dist/{BlogPostProps-440f88a5.d.ts → BlogPostProps-e1cbd5d3.d.ts} +0 -0
package/dist/components/blog-post/index.d.ts CHANGED
@@ -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 };
package/dist/components/header/header.css CHANGED
@@ -1,8 +1,16 @@
1
1
  :root,
2
2
  [ks-theme],
3
3
  [ks-inverted] {
4
- --dsa-header--spacing-vertical: var(--ks-spacing-stack-m);
5
- --dsa-header--spacing-horizontal: var(--l-section--content-padding);
4
+ --dsa-header--spacing-vertical: var(--ks-spacing-inset-m);
5
+ --dsa-header--spacing-horizontal: var(--ks-spacing-inset-xl);
6
+ }
7
+ @media (min-width: 62em) {
8
+ :root,
9
+ [ks-theme],
10
+ [ks-inverted] {
11
+ --dsa-header--spacing-vertical: var(--ks-spacing-stack-s);
12
+ --dsa-header--spacing-horizontal: var(--l-section--content-padding);
13
+ }
6
14
  }
7
15
 
8
16
  .dsa-header {
package/dist/components/index/index.d.ts CHANGED
@@ -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 };
package/dist/components/nav-flyout/index.js CHANGED
@@ -6,11 +6,11 @@ import { Icon } from '@kickstartds/base/lib/icon';
6
6
  import { Logo } from '../logo/index.js';
7
7
  import '@kickstartds/base/lib/picture';
8
8
 
9
- const NavFlyout = ({ items, inverted, logo }) => items && items.length > 0 ? (jsxs("nav", { className: "dsa-nav-flyout", "ks-inverted": inverted.toString(), id: "dsa-nav-flyout", "aria-label": "Hauptnavigation", children: [jsx(Logo, { ...logo, className: "dsa-nav-flyout__logo" }), jsx("ul", { className: "dsa-nav-flyout-list", children: items.map(({ label, href, id, active, items: subItems }) => {
9
+ const NavFlyout = ({ items, inverted, logo }) => items && items.length > 0 ? (jsxs("nav", { className: "dsa-nav-flyout", "ks-inverted": inverted.toString(), id: "dsa-nav-flyout", "aria-label": "Hauptnavigation", children: [jsx(Logo, { ...logo, className: "dsa-nav-flyout__logo" }), jsx("ul", { className: "dsa-nav-flyout__list", children: items.map(({ label, href, id, active, items: subItems }) => {
10
10
  const isActive = active === href ||
11
11
  subItems?.some((navItem) => active === navItem.href);
12
- return (jsxs("li", { className: classnames("dsa-nav-flyout__item", isActive && "dsa-nav-flyout__item--active"), children: [jsxs(Link, { href: href, className: `dsa-nav-flyout__link`, children: [label, subItems?.length ? (jsx(Icon, { className: "dsa-nav-flyout__link__icon", icon: "chevron-down" })) : ("")] }), subItems?.length ? (jsx("ul", { className: "dsa-nav-flyout__sublist", children: subItems.map(({ label, href, id }) => {
13
- return (jsx("li", { className: classnames("dsa-nav-flyout__item"), children: jsx(Link, { href: href, className: `dsa-nav-flyout__link `, children: label }) }, id));
12
+ return (jsxs("li", { className: classnames("dsa-nav-flyout__item", isActive && "dsa-nav-flyout__item--active", active && "dsa-nav-flyout__item--active"), children: [subItems?.length ? (jsxs("span", { tabIndex: 0, className: "dsa-nav-flyout__label", children: [label, subItems?.length ? (jsx(Icon, { className: "dsa-nav-flyout__label__icon", icon: "chevron-down" })) : ("")] })) : (jsx(Link, { href: href, className: `dsa-nav-flyout__label dsa-nav-flyout__link`, children: label })), subItems?.length ? (jsx("ul", { className: "dsa-nav-flyout__sublist", children: subItems.map(({ label, href, active, id }) => {
13
+ return (jsx("li", { className: classnames("dsa-nav-flyout__item", active && "dsa-nav-flyout__item--active", isActive && "dsa-nav-flyout__item--active"), children: jsx(Link, { href: href, className: `dsa-nav-flyout__label dsa-nav-flyout__link`, children: label }) }, id));
14
14
  }) })) : null] }, id));
15
15
  }) })] })) : null;
16
16
 
package/dist/components/nav-flyout/nav-flyout.css CHANGED
@@ -1,30 +1,39 @@
1
1
  .dsa-nav-flyout {
2
- --dsa-nav-flyout--padding: 0 var(--l-section--content-padding);
2
+ --dsa-nav-flyout--padding: 0 var(--ks-spacing-inset-xl);
3
+ --dsa-nav-flyout--max-width: 30rem;
3
4
  --dsa-nav-flyout--background: linear-gradient(
4
5
  125deg,
5
6
  var(--ks-background-color-default),
6
7
  var(--ks-color-primary-to-bg-6)
7
8
  );
8
9
  --dsa-nav-flyout--shadow: 20px 0px 30px var(--ks-color-fg-inverted-base);
9
- --dsa-nav-flyout__link--color: var(--ks-color-fg);
10
- --dsa-nav-flyout__link--color_hover: var(--ks-text-color-interface-interactive-hover);
11
- --dsa-nav-flyout__link--color_active: var(--ks-text-color-interface-interactive-active);
12
- --dsa-nav-flyout__link--font: var(--ks-font-interface-l);
13
- --dsa-nav-flyout__link--font-weight: var(--ks-font-weight-semi-bold);
14
- --dsa-nav-flyout__link--font-weight_active: var(--ks-font-weight-semi-bold);
15
- --dsa-nav-flyout__link--padding: 0.25em 0;
16
- --dsa-nav-flyout__link_dimmed--opacity: 0.6;
17
- --dsa-nav-flyout__sublist--padding-left: 1em;
10
+ --dsa-nav-flyout__label--color: var(--ks-color-fg);
11
+ --dsa-nav-flyout__label--color_hover: var(--ks-text-color-interface-interactive-hover);
12
+ --dsa-nav-flyout__label--color_active: var(--ks-text-color-interface-interactive-active);
13
+ --dsa-nav-flyout__label--font: var(--ks-font-interface-l);
14
+ --dsa-nav-flyout__label--font-weight: var(--ks-font-weight-semi-bold);
15
+ --dsa-nav-flyout__label--font-weight_active: var(--ks-font-weight-bold);
16
+ --dsa-nav-flyout__label--padding: 0.25em 0;
17
+ --dsa-nav-flyout__label_dimmed--opacity: 0.6;
18
+ --dsa-nav-flyout__label__icon--size: 1.5em;
19
+ --dsa-nav-flyout__sublist--padding: 0.25em 0 0.5em 0.75em;
20
+ --dsa-nav-flyout__sublist__label--color: var(--ks-color-fg);
21
+ --dsa-nav-flyout__sublist__label--color_hover: var(--ks-text-color-interface-interactive-hover);
22
+ --dsa-nav-flyout__sublist__label--color_active: var(--ks-text-color-interface-interactive-active);
23
+ --dsa-nav-flyout__sublist__label--font: var(--ks-font-interface-m);
24
+ --dsa-nav-flyout__sublist__label--font-weight: var(--ks-font-weight-semi-bold);
25
+ --dsa-nav-flyout__sublist__label--padding: 0.25em 0;
18
26
  }
19
27
 
20
28
  .dsa-nav-flyout {
21
29
  display: none;
30
+ flex-direction: column;
31
+ gap: var(--ks-spacing-stack-m);
22
32
  left: -100%;
23
33
  height: 100vh;
24
34
  overflow: hidden;
25
35
  position: fixed;
26
36
  width: 100vw;
27
- max-width: 36rem;
28
37
  transition: all var(--ks-duration-slow);
29
38
  padding: var(--dsa-nav-flyout--padding);
30
39
  right: 0;
@@ -37,7 +46,12 @@
37
46
  }
38
47
  @media (max-width: 62rem) {
39
48
  .dsa-nav-flyout {
40
- display: block;
49
+ display: flex;
50
+ }
51
+ }
52
+ @media (min-width: 36em) {
53
+ .dsa-nav-flyout {
54
+ max-width: var(--dsa-nav-flyout--max-width);
41
55
  }
42
56
  }
43
57
  .dsa-nav-flyout ul {
@@ -55,35 +69,48 @@
55
69
  .dsa-nav-flyout .dsa-nav-flyout__list {
56
70
  padding-top: calc(var(--dsa-header--spacing-vertical) - var(--ks-spacing-s));
57
71
  }
72
+ .dsa-nav-flyout .dsa-nav-flyout__list:hover .dsa-nav-flyout__item:not(:hover, .dsa-nav-flyout__item--active) .dsa-nav-flyout__label {
73
+ opacity: var(--dsa-nav-flyout__label_dimmed--opacity);
74
+ }
58
75
  .dsa-nav-flyout .dsa-nav-flyout__item {
59
76
  flex-shrink: 0;
60
77
  position: relative;
61
78
  outline: 0;
62
79
  }
80
+ .dsa-nav-flyout .dsa-nav-flyout__item--active.dsa-nav-flyout__item .dsa-nav-flyout__label {
81
+ font-weight: var(--dsa-nav-flyout__label--font-weight_active);
82
+ }
63
83
  .dsa-nav-flyout .dsa-nav-flyout__item:hover > .dsa-nav-sublist {
64
84
  display: flex;
65
85
  }
66
- .dsa-nav-flyout .dsa-nav-flyout__link {
67
- font: var(--dsa-nav-flyout__link--font);
68
- font-weight: var(--dsa-nav-flyout__link--font-weight);
69
- color: var(--dsa-nav-flyout__link--color);
70
- position: relative;
86
+ .dsa-nav-flyout .dsa-nav-flyout__label {
71
87
  display: flex;
88
+ font: var(--dsa-nav-flyout__label--font);
89
+ font-weight: var(--dsa-nav-flyout__label--font-weight);
90
+ color: var(--dsa-nav-flyout__label--color);
72
91
  height: 100%;
73
92
  align-items: center;
74
- padding: var(--dsa-nav-flyout__link--padding);
93
+ padding: var(--dsa-nav-flyout__label--padding);
75
94
  }
76
- .dsa-nav-flyout .dsa-nav-flyout__link:hover {
77
- color: var(--dsa-nav-flyout__link--color_hover);
95
+ .dsa-nav-flyout .dsa-nav-flyout__label:hover, .dsa-nav-flyout .dsa-nav-flyout__label:focus {
96
+ color: var(--dsa-nav-flyout__label--color_hover);
97
+ opacity: 1;
78
98
  }
79
- .dsa-nav-flyout .dsa-nav-flyout__link:active {
80
- color: var(--dsa-nav-flyout__link--color_active);
99
+ .dsa-nav-flyout .dsa-nav-flyout__label__icon {
100
+ width: var(--dsa-nav-flyout__label__icon--size);
101
+ height: var(--dsa-nav-flyout__label__icon--size);
81
102
  }
82
103
  .dsa-nav-flyout .dsa-nav-flyout__sublist {
83
- padding-left: var(--dsa-nav-flyout__sublist--padding-left);
104
+ padding: var(--dsa-nav-flyout__sublist--padding);
105
+ font: var(--dsa-nav-flyout__sublist__label--font);
106
+ }
107
+ .dsa-nav-flyout .dsa-nav-flyout__sublist .dsa-nav-flyout__label {
108
+ font: inherit;
109
+ color: var(--dsa-nav-flyout__sublist__label--color);
110
+ padding: var(--dsa-nav-flyout__sublist__label--padding);
84
111
  }
85
- .dsa-nav-flyout .dsa-nav-flyout__sublist:hover .dsa-nav-sublist__link:not(:hover) {
86
- opacity: var(--dsa-nav-sublist__link_dimmed--opacity);
112
+ .dsa-nav-flyout .dsa-nav-flyout__label:not(.dsa-nav-flyout__link) {
113
+ cursor: default;
87
114
  }
88
115
  .dsa-nav-flyout ul {
89
116
  box-sizing: border-box;
package/dist/components/nav-toggle/nav-toggle.css CHANGED
@@ -18,7 +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: 14px;
21
+ --nav-toggle__icon-bar--offset: 16px;
22
22
  }
23
23
  @media (min-width: 48em) {
24
24
  button.dsa-nav-toggle {
package/dist/components/nav-topbar/index.js CHANGED
@@ -6,7 +6,9 @@ import { Icon } from '@kickstartds/base/lib/icon';
6
6
  import { NavDropdown } from '../nav-dropdown/index.js';
7
7
 
8
8
  const NavTopbar = ({ items, dropdownInverted }) => items && items.length > 0 ? (jsx("nav", { className: "dsa-nav-topbar", id: "dsa-nav-main", "aria-label": "Hauptnavigation", children: jsx("ul", { className: "dsa-nav-topbar__list", children: items.map(({ label, href, id, active, items: subItems }) => {
9
- return (jsxs("li", { className: classnames("dsa-nav-topbar__item", active && "dsa-nav-topbar__item--active", subItems?.length && "dsa-nav-topbar__item--dropdown"), children: [subItems?.length ? (jsxs("span", { tabIndex: 0, className: "dsa-nav-topbar__label", children: [label, subItems?.length ? (jsx(Icon, { className: "dsa-nav-topbar__label__icon", icon: "chevron-down" })) : ("")] })) : (jsx(Link, { href: href, className: `dsa-nav-topbar__label dsa-nav-topbar__link`, children: label })), subItems?.length ? (jsx(NavDropdown, { items: subItems, inverted: dropdownInverted })) : null] }, id));
9
+ const isActive = active === href ||
10
+ subItems?.some((navItem) => active === navItem.href);
11
+ return (jsxs("li", { className: classnames("dsa-nav-topbar__item", isActive && "dsa-nav-topbar__item--active", active && "dsa-nav-topbar__item--active", subItems?.length && "dsa-nav-topbar__item--dropdown"), children: [subItems?.length ? (jsxs("span", { tabIndex: 0, className: "dsa-nav-topbar__label", children: [label, subItems?.length ? (jsx(Icon, { className: "dsa-nav-topbar__label__icon", icon: "chevron-down" })) : ("")] })) : (jsx(Link, { href: href, className: `dsa-nav-topbar__label dsa-nav-topbar__link`, children: label })), subItems?.length ? (jsx(NavDropdown, { items: subItems, inverted: dropdownInverted })) : null] }, id));
10
12
  }) }) })) : null;
11
13
 
12
14
  export { NavTopbar };
package/dist/components/nav-topbar/nav-topbar.css CHANGED
@@ -41,7 +41,7 @@
41
41
  opacity: var(--dsa-nav-topbar__label_dimmed--opacity);
42
42
  }
43
43
  .dsa-header--floating .dsa-nav-topbar .dsa-nav-topbar__list:hover .dsa-nav-topbar__item:not(:hover, .dsa-nav-topbar__item--active) {
44
- opacity: var(--dsa-nav-topbar_floating__link_dimmed--opacity);
44
+ opacity: var(--dsa-nav-topbar_floating__label_dimmed--opacity);
45
45
  }
46
46
  .dsa-nav-topbar .dsa-nav-topbar__item {
47
47
  position: relative;
@@ -78,7 +78,7 @@
78
78
  opacity: 1;
79
79
  }
80
80
  .dsa-header--floating .dsa-nav-topbar .dsa-nav-topbar__label {
81
- color: var(--dsa-nav-topbar_floating__link--color);
81
+ color: var(--dsa-nav-topbar_floating__label--color);
82
82
  }
83
83
  .dsa-header--floating .dsa-nav-topbar .dsa-nav-topbar__label:hover {
84
84
  color: var(--dsa-nav-topbar__label--color_hover);
package/dist/components/page-wrapper/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 22 Aug 2024 12:29:39 GMT
3
+ * Generated on Thu, 22 Aug 2024 13:17:27 GMT
4
4
  */
5
5
  :root, [ks-theme] {
6
6
  --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -31,7 +31,7 @@
31
31
  --ks-background-color-interface-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-6-base);
32
32
  --ks-background-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-6-base);
33
33
  --ks-background-color-interface-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
34
- --ks-background-color-card-base: var(--ks-color-fg-alpha-9-base);
34
+ --ks-background-color-card-base: var(--ks-color-fg-to-bg-9-base);
35
35
  --ks-background-color-card-interactive-base: var(--ks-color-fg-alpha-9-base);
36
36
  --ks-background-color-card-interactive-disabled-base: var(--ks-color-fg-alpha-7-base);
37
37
  --ks-background-color-card-interactive-hover-base: var(--ks-color-fg-alpha-9-base);
@@ -739,47 +739,47 @@
739
739
  --ks-color-secondary-inverted-to-fg-9-base: #110924;
740
740
  --ks-depth-modal: 1000;
741
741
  --ks-spacing-xxs: var(--ks-spacing-xxs-base);
742
- --ks-spacing-xxs-base: 0.246rem;
743
- --ks-spacing-xxs-bp-factor-phone: 1.25;
744
- --ks-spacing-xxs-bp-factor-tablet: 1.5625;
745
- --ks-spacing-xxs-bp-factor-laptop: 1.9531;
746
- --ks-spacing-xxs-bp-factor-desktop: 2.4414;
742
+ --ks-spacing-xxs-base: 0.3024rem;
743
+ --ks-spacing-xxs-bp-factor-phone: 1.225;
744
+ --ks-spacing-xxs-bp-factor-tablet: 1.5006;
745
+ --ks-spacing-xxs-bp-factor-laptop: 1.8383;
746
+ --ks-spacing-xxs-bp-factor-desktop: 2.2519;
747
747
  --ks-spacing-xs: var(--ks-spacing-xs-base);
748
- --ks-spacing-xs-base: 0.3567rem;
749
- --ks-spacing-xs-bp-factor-phone: 1.25;
750
- --ks-spacing-xs-bp-factor-tablet: 1.5625;
751
- --ks-spacing-xs-bp-factor-laptop: 1.9531;
752
- --ks-spacing-xs-bp-factor-desktop: 2.4414;
748
+ --ks-spacing-xs-base: 0.4309rem;
749
+ --ks-spacing-xs-bp-factor-phone: 1.225;
750
+ --ks-spacing-xs-bp-factor-tablet: 1.5006;
751
+ --ks-spacing-xs-bp-factor-laptop: 1.8383;
752
+ --ks-spacing-xs-bp-factor-desktop: 2.2519;
753
753
  --ks-spacing-s: var(--ks-spacing-s-base);
754
- --ks-spacing-s-base: 0.5172rem;
755
- --ks-spacing-s-bp-factor-phone: 1.25;
756
- --ks-spacing-s-bp-factor-tablet: 1.5625;
757
- --ks-spacing-s-bp-factor-laptop: 1.9531;
758
- --ks-spacing-s-bp-factor-desktop: 2.4414;
754
+ --ks-spacing-s-base: 0.614rem;
755
+ --ks-spacing-s-bp-factor-phone: 1.225;
756
+ --ks-spacing-s-bp-factor-tablet: 1.5006;
757
+ --ks-spacing-s-bp-factor-laptop: 1.8383;
758
+ --ks-spacing-s-bp-factor-desktop: 2.2519;
759
759
  --ks-spacing-m: var(--ks-spacing-m-base);
760
- --ks-spacing-m-base: 0.75rem;
761
- --ks-spacing-m-bp-factor-phone: 1.25;
762
- --ks-spacing-m-bp-factor-tablet: 1.5625;
763
- --ks-spacing-m-bp-factor-laptop: 1.9531;
764
- --ks-spacing-m-bp-factor-desktop: 2.4414;
760
+ --ks-spacing-m-base: 0.875rem;
761
+ --ks-spacing-m-bp-factor-phone: 1.225;
762
+ --ks-spacing-m-bp-factor-tablet: 1.5006;
763
+ --ks-spacing-m-bp-factor-laptop: 1.8383;
764
+ --ks-spacing-m-bp-factor-desktop: 2.2519;
765
765
  --ks-spacing-l: var(--ks-spacing-l-base);
766
- --ks-spacing-l-base: 1.0875rem;
767
- --ks-spacing-l-bp-factor-phone: 1.25;
768
- --ks-spacing-l-bp-factor-tablet: 1.5625;
769
- --ks-spacing-l-bp-factor-laptop: 1.9531;
770
- --ks-spacing-l-bp-factor-desktop: 2.4414;
766
+ --ks-spacing-l-base: 1.2469rem;
767
+ --ks-spacing-l-bp-factor-phone: 1.225;
768
+ --ks-spacing-l-bp-factor-tablet: 1.5006;
769
+ --ks-spacing-l-bp-factor-laptop: 1.8383;
770
+ --ks-spacing-l-bp-factor-desktop: 2.2519;
771
771
  --ks-spacing-xl: var(--ks-spacing-xl-base);
772
- --ks-spacing-xl-base: 1.5769rem;
773
- --ks-spacing-xl-bp-factor-phone: 1.25;
774
- --ks-spacing-xl-bp-factor-tablet: 1.5625;
775
- --ks-spacing-xl-bp-factor-laptop: 1.9531;
776
- --ks-spacing-xl-bp-factor-desktop: 2.4414;
772
+ --ks-spacing-xl-base: 1.7768rem;
773
+ --ks-spacing-xl-bp-factor-phone: 1.225;
774
+ --ks-spacing-xl-bp-factor-tablet: 1.5006;
775
+ --ks-spacing-xl-bp-factor-laptop: 1.8383;
776
+ --ks-spacing-xl-bp-factor-desktop: 2.2519;
777
777
  --ks-spacing-xxl: var(--ks-spacing-xxl-base);
778
- --ks-spacing-xxl-base: 2.2865rem;
779
- --ks-spacing-xxl-bp-factor-phone: 1.25;
780
- --ks-spacing-xxl-bp-factor-tablet: 1.5625;
781
- --ks-spacing-xxl-bp-factor-laptop: 1.9531;
782
- --ks-spacing-xxl-bp-factor-desktop: 2.4414;
778
+ --ks-spacing-xxl-base: 2.5319rem;
779
+ --ks-spacing-xxl-bp-factor-phone: 1.225;
780
+ --ks-spacing-xxl-bp-factor-tablet: 1.5006;
781
+ --ks-spacing-xxl-bp-factor-laptop: 1.8383;
782
+ --ks-spacing-xxl-bp-factor-desktop: 2.2519;
783
783
  --ks-spacing-stack-xs: var(--ks-spacing-xs);
784
784
  --ks-spacing-stack-s: var(--ks-spacing-s);
785
785
  --ks-spacing-stack-m: var(--ks-spacing-m);
package/dist/global.css CHANGED
@@ -312,7 +312,7 @@ h3 {
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);
314
314
  --dsa-section__content_wide--width: 1440px;
315
- --dsa-logo--height: 2rem;
315
+ --dsa-logo--height: 2.25rem;
316
316
  }
317
317
  @media (min-width: 48em) {
318
318
  :root, [ks-inverted], [ks-theme] {
package/dist/tokens/themes.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 22 Aug 2024 12:29:41 GMT
3
+ * Generated on Thu, 22 Aug 2024 13:17:30 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 12:29:45 GMT
2730
+ * Generated on Thu, 22 Aug 2024 13:17:34 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 12:29:43 GMT
5461
+ * Generated on Thu, 22 Aug 2024 13:17:32 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 12:29:47 GMT
8462
+ * Generated on Thu, 22 Aug 2024 13:17:36 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 Thu, 22 Aug 2024 12:29:39 GMT
3
+ * Generated on Thu, 22 Aug 2024 13:17:27 GMT
4
4
  */
5
5
 
6
6
  :root, [ks-theme] {
@@ -32,7 +32,7 @@
32
32
  --ks-background-color-interface-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-6-base);
33
33
  --ks-background-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-6-base);
34
34
  --ks-background-color-interface-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
35
- --ks-background-color-card-base: var(--ks-color-fg-alpha-9-base);
35
+ --ks-background-color-card-base: var(--ks-color-fg-to-bg-9-base);
36
36
  --ks-background-color-card-interactive-base: var(--ks-color-fg-alpha-9-base);
37
37
  --ks-background-color-card-interactive-disabled-base: var(--ks-color-fg-alpha-7-base);
38
38
  --ks-background-color-card-interactive-hover-base: var(--ks-color-fg-alpha-9-base);
@@ -740,47 +740,47 @@
740
740
  --ks-color-secondary-inverted-to-fg-9-base: #110924;
741
741
  --ks-depth-modal: 1000;
742
742
  --ks-spacing-xxs: var(--ks-spacing-xxs-base);
743
- --ks-spacing-xxs-base: 0.246rem;
744
- --ks-spacing-xxs-bp-factor-phone: 1.25;
745
- --ks-spacing-xxs-bp-factor-tablet: 1.5625;
746
- --ks-spacing-xxs-bp-factor-laptop: 1.9531;
747
- --ks-spacing-xxs-bp-factor-desktop: 2.4414;
743
+ --ks-spacing-xxs-base: 0.3024rem;
744
+ --ks-spacing-xxs-bp-factor-phone: 1.225;
745
+ --ks-spacing-xxs-bp-factor-tablet: 1.5006;
746
+ --ks-spacing-xxs-bp-factor-laptop: 1.8383;
747
+ --ks-spacing-xxs-bp-factor-desktop: 2.2519;
748
748
  --ks-spacing-xs: var(--ks-spacing-xs-base);
749
- --ks-spacing-xs-base: 0.3567rem;
750
- --ks-spacing-xs-bp-factor-phone: 1.25;
751
- --ks-spacing-xs-bp-factor-tablet: 1.5625;
752
- --ks-spacing-xs-bp-factor-laptop: 1.9531;
753
- --ks-spacing-xs-bp-factor-desktop: 2.4414;
749
+ --ks-spacing-xs-base: 0.4309rem;
750
+ --ks-spacing-xs-bp-factor-phone: 1.225;
751
+ --ks-spacing-xs-bp-factor-tablet: 1.5006;
752
+ --ks-spacing-xs-bp-factor-laptop: 1.8383;
753
+ --ks-spacing-xs-bp-factor-desktop: 2.2519;
754
754
  --ks-spacing-s: var(--ks-spacing-s-base);
755
- --ks-spacing-s-base: 0.5172rem;
756
- --ks-spacing-s-bp-factor-phone: 1.25;
757
- --ks-spacing-s-bp-factor-tablet: 1.5625;
758
- --ks-spacing-s-bp-factor-laptop: 1.9531;
759
- --ks-spacing-s-bp-factor-desktop: 2.4414;
755
+ --ks-spacing-s-base: 0.614rem;
756
+ --ks-spacing-s-bp-factor-phone: 1.225;
757
+ --ks-spacing-s-bp-factor-tablet: 1.5006;
758
+ --ks-spacing-s-bp-factor-laptop: 1.8383;
759
+ --ks-spacing-s-bp-factor-desktop: 2.2519;
760
760
  --ks-spacing-m: var(--ks-spacing-m-base);
761
- --ks-spacing-m-base: 0.75rem;
762
- --ks-spacing-m-bp-factor-phone: 1.25;
763
- --ks-spacing-m-bp-factor-tablet: 1.5625;
764
- --ks-spacing-m-bp-factor-laptop: 1.9531;
765
- --ks-spacing-m-bp-factor-desktop: 2.4414;
761
+ --ks-spacing-m-base: 0.875rem;
762
+ --ks-spacing-m-bp-factor-phone: 1.225;
763
+ --ks-spacing-m-bp-factor-tablet: 1.5006;
764
+ --ks-spacing-m-bp-factor-laptop: 1.8383;
765
+ --ks-spacing-m-bp-factor-desktop: 2.2519;
766
766
  --ks-spacing-l: var(--ks-spacing-l-base);
767
- --ks-spacing-l-base: 1.0875rem;
768
- --ks-spacing-l-bp-factor-phone: 1.25;
769
- --ks-spacing-l-bp-factor-tablet: 1.5625;
770
- --ks-spacing-l-bp-factor-laptop: 1.9531;
771
- --ks-spacing-l-bp-factor-desktop: 2.4414;
767
+ --ks-spacing-l-base: 1.2469rem;
768
+ --ks-spacing-l-bp-factor-phone: 1.225;
769
+ --ks-spacing-l-bp-factor-tablet: 1.5006;
770
+ --ks-spacing-l-bp-factor-laptop: 1.8383;
771
+ --ks-spacing-l-bp-factor-desktop: 2.2519;
772
772
  --ks-spacing-xl: var(--ks-spacing-xl-base);
773
- --ks-spacing-xl-base: 1.5769rem;
774
- --ks-spacing-xl-bp-factor-phone: 1.25;
775
- --ks-spacing-xl-bp-factor-tablet: 1.5625;
776
- --ks-spacing-xl-bp-factor-laptop: 1.9531;
777
- --ks-spacing-xl-bp-factor-desktop: 2.4414;
773
+ --ks-spacing-xl-base: 1.7768rem;
774
+ --ks-spacing-xl-bp-factor-phone: 1.225;
775
+ --ks-spacing-xl-bp-factor-tablet: 1.5006;
776
+ --ks-spacing-xl-bp-factor-laptop: 1.8383;
777
+ --ks-spacing-xl-bp-factor-desktop: 2.2519;
778
778
  --ks-spacing-xxl: var(--ks-spacing-xxl-base);
779
- --ks-spacing-xxl-base: 2.2865rem;
780
- --ks-spacing-xxl-bp-factor-phone: 1.25;
781
- --ks-spacing-xxl-bp-factor-tablet: 1.5625;
782
- --ks-spacing-xxl-bp-factor-laptop: 1.9531;
783
- --ks-spacing-xxl-bp-factor-desktop: 2.4414;
779
+ --ks-spacing-xxl-base: 2.5319rem;
780
+ --ks-spacing-xxl-bp-factor-phone: 1.225;
781
+ --ks-spacing-xxl-bp-factor-tablet: 1.5006;
782
+ --ks-spacing-xxl-bp-factor-laptop: 1.8383;
783
+ --ks-spacing-xxl-bp-factor-desktop: 2.2519;
784
784
  --ks-spacing-stack-xs: var(--ks-spacing-xs);
785
785
  --ks-spacing-stack-s: var(--ks-spacing-s);
786
786
  --ks-spacing-stack-m: var(--ks-spacing-m);
package/dist/tokens/tokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 22 Aug 2024 12:29:39 GMT
3
+ * Generated on Thu, 22 Aug 2024 13:17:28 GMT
4
4
  */
5
5
 
6
6
  export const KsBackgroundColorAccentBase = "#230a2b";
@@ -31,7 +31,7 @@ export const KsBackgroundColorInterfaceInvertedInteractiveDisabledBase = "rgba(6
31
31
  export const KsBackgroundColorInterfaceInvertedInteractiveHoverBase = "rgba(6, 8, 31, 0.37)";
32
32
  export const KsBackgroundColorInterfaceInvertedInteractiveActiveBase = "rgba(6, 8, 31, 0.37)";
33
33
  export const KsBackgroundColorInterfaceInvertedInteractiveSelectedBase = "#4d25ef";
34
- export const KsBackgroundColorCardBase = "rgba(255, 255, 255, 0.05)";
34
+ export const KsBackgroundColorCardBase = "#12142a";
35
35
  export const KsBackgroundColorCardInteractiveBase = "rgba(255, 255, 255, 0.05)";
36
36
  export const KsBackgroundColorCardInteractiveDisabledBase = "rgba(255, 255, 255, 0.24)";
37
37
  export const KsBackgroundColorCardInteractiveHoverBase = "rgba(255, 255, 255, 0.05)";
@@ -742,73 +742,73 @@ export const KsColorSecondaryInvertedToFg7Base = "#3b0c35";
742
742
  export const KsColorSecondaryInvertedToFg8Base = "#230a2b";
743
743
  export const KsColorSecondaryInvertedToFg9Base = "#110924";
744
744
  export const KsDepthModal = "1000";
745
- export const KsSpacingXxs = "0.246rem";
746
- export const KsSpacingXxsBase = "0.246rem";
747
- export const KsSpacingXxsBpFactorPhone = "1.25";
748
- export const KsSpacingXxsBpFactorTablet = "1.5625";
749
- export const KsSpacingXxsBpFactorLaptop = "1.9531";
750
- export const KsSpacingXxsBpFactorDesktop = "2.4414";
751
- export const KsSpacingXs = "0.3567rem";
752
- export const KsSpacingXsBase = "0.3567rem";
753
- export const KsSpacingXsBpFactorPhone = "1.25";
754
- export const KsSpacingXsBpFactorTablet = "1.5625";
755
- export const KsSpacingXsBpFactorLaptop = "1.9531";
756
- export const KsSpacingXsBpFactorDesktop = "2.4414";
757
- export const KsSpacingS = "0.5172rem";
758
- export const KsSpacingSBase = "0.5172rem";
759
- export const KsSpacingSBpFactorPhone = "1.25";
760
- export const KsSpacingSBpFactorTablet = "1.5625";
761
- export const KsSpacingSBpFactorLaptop = "1.9531";
762
- export const KsSpacingSBpFactorDesktop = "2.4414";
763
- export const KsSpacingM = "0.75rem";
764
- export const KsSpacingMBase = "0.75rem";
765
- export const KsSpacingMBpFactorPhone = "1.25";
766
- export const KsSpacingMBpFactorTablet = "1.5625";
767
- export const KsSpacingMBpFactorLaptop = "1.9531";
768
- export const KsSpacingMBpFactorDesktop = "2.4414";
769
- export const KsSpacingL = "1.0875rem";
770
- export const KsSpacingLBase = "1.0875rem";
771
- export const KsSpacingLBpFactorPhone = "1.25";
772
- export const KsSpacingLBpFactorTablet = "1.5625";
773
- export const KsSpacingLBpFactorLaptop = "1.9531";
774
- export const KsSpacingLBpFactorDesktop = "2.4414";
775
- export const KsSpacingXl = "1.5769rem";
776
- export const KsSpacingXlBase = "1.5769rem";
777
- export const KsSpacingXlBpFactorPhone = "1.25";
778
- export const KsSpacingXlBpFactorTablet = "1.5625";
779
- export const KsSpacingXlBpFactorLaptop = "1.9531";
780
- export const KsSpacingXlBpFactorDesktop = "2.4414";
781
- export const KsSpacingXxl = "2.2865rem";
782
- export const KsSpacingXxlBase = "2.2865rem";
783
- export const KsSpacingXxlBpFactorPhone = "1.25";
784
- export const KsSpacingXxlBpFactorTablet = "1.5625";
785
- export const KsSpacingXxlBpFactorLaptop = "1.9531";
786
- export const KsSpacingXxlBpFactorDesktop = "2.4414";
787
- export const KsSpacingStackXs = "0.3567rem";
788
- export const KsSpacingStackS = "0.5172rem";
789
- export const KsSpacingStackM = "0.75rem";
790
- export const KsSpacingStackL = "1.0875rem";
791
- export const KsSpacingStackXl = "1.5769rem";
792
- export const KsSpacingInlineXs = "0.3567rem";
793
- export const KsSpacingInlineS = "0.5172rem";
794
- export const KsSpacingInlineM = "0.75rem";
795
- export const KsSpacingInlineL = "1.0875rem";
796
- export const KsSpacingInlineXl = "1.5769rem";
797
- export const KsSpacingInsetXs = "0.3567rem";
798
- export const KsSpacingInsetS = "0.5172rem";
799
- export const KsSpacingInsetM = "0.75rem";
800
- export const KsSpacingInsetL = "1.0875rem";
801
- export const KsSpacingInsetXl = "1.5769rem";
802
- export const KsSpacingInsetSquishXs = "0.246rem 0.3567rem";
803
- export const KsSpacingInsetSquishS = "0.3567rem 0.5172rem";
804
- export const KsSpacingInsetSquishM = "0.5172rem 0.75rem";
805
- export const KsSpacingInsetSquishL = "0.75rem 1.0875rem";
806
- export const KsSpacingInsetSquishXl = "1.0875rem 1.5769rem";
807
- export const KsSpacingInsetStretchXs = "0.5172rem 0.3567rem";
808
- export const KsSpacingInsetStretchS = "0.75rem 0.5172rem";
809
- export const KsSpacingInsetStretchM = "1.0875rem 0.75rem";
810
- export const KsSpacingInsetStretchL = "1.5769rem 1.0875rem";
811
- export const KsSpacingInsetStretchXl = "2.2865rem 1.5769rem";
745
+ export const KsSpacingXxs = "0.3024rem";
746
+ export const KsSpacingXxsBase = "0.3024rem";
747
+ export const KsSpacingXxsBpFactorPhone = "1.225";
748
+ export const KsSpacingXxsBpFactorTablet = "1.5006";
749
+ export const KsSpacingXxsBpFactorLaptop = "1.8383";
750
+ export const KsSpacingXxsBpFactorDesktop = "2.2519";
751
+ export const KsSpacingXs = "0.4309rem";
752
+ export const KsSpacingXsBase = "0.4309rem";
753
+ export const KsSpacingXsBpFactorPhone = "1.225";
754
+ export const KsSpacingXsBpFactorTablet = "1.5006";
755
+ export const KsSpacingXsBpFactorLaptop = "1.8383";
756
+ export const KsSpacingXsBpFactorDesktop = "2.2519";
757
+ export const KsSpacingS = "0.614rem";
758
+ export const KsSpacingSBase = "0.614rem";
759
+ export const KsSpacingSBpFactorPhone = "1.225";
760
+ export const KsSpacingSBpFactorTablet = "1.5006";
761
+ export const KsSpacingSBpFactorLaptop = "1.8383";
762
+ export const KsSpacingSBpFactorDesktop = "2.2519";
763
+ export const KsSpacingM = "0.875rem";
764
+ export const KsSpacingMBase = "0.875rem";
765
+ export const KsSpacingMBpFactorPhone = "1.225";
766
+ export const KsSpacingMBpFactorTablet = "1.5006";
767
+ export const KsSpacingMBpFactorLaptop = "1.8383";
768
+ export const KsSpacingMBpFactorDesktop = "2.2519";
769
+ export const KsSpacingL = "1.2469rem";
770
+ export const KsSpacingLBase = "1.2469rem";
771
+ export const KsSpacingLBpFactorPhone = "1.225";
772
+ export const KsSpacingLBpFactorTablet = "1.5006";
773
+ export const KsSpacingLBpFactorLaptop = "1.8383";
774
+ export const KsSpacingLBpFactorDesktop = "2.2519";
775
+ export const KsSpacingXl = "1.7768rem";
776
+ export const KsSpacingXlBase = "1.7768rem";
777
+ export const KsSpacingXlBpFactorPhone = "1.225";
778
+ export const KsSpacingXlBpFactorTablet = "1.5006";
779
+ export const KsSpacingXlBpFactorLaptop = "1.8383";
780
+ export const KsSpacingXlBpFactorDesktop = "2.2519";
781
+ export const KsSpacingXxl = "2.5319rem";
782
+ export const KsSpacingXxlBase = "2.5319rem";
783
+ export const KsSpacingXxlBpFactorPhone = "1.225";
784
+ export const KsSpacingXxlBpFactorTablet = "1.5006";
785
+ export const KsSpacingXxlBpFactorLaptop = "1.8383";
786
+ export const KsSpacingXxlBpFactorDesktop = "2.2519";
787
+ export const KsSpacingStackXs = "0.4309rem";
788
+ export const KsSpacingStackS = "0.614rem";
789
+ export const KsSpacingStackM = "0.875rem";
790
+ export const KsSpacingStackL = "1.2469rem";
791
+ export const KsSpacingStackXl = "1.7768rem";
792
+ export const KsSpacingInlineXs = "0.4309rem";
793
+ export const KsSpacingInlineS = "0.614rem";
794
+ export const KsSpacingInlineM = "0.875rem";
795
+ export const KsSpacingInlineL = "1.2469rem";
796
+ export const KsSpacingInlineXl = "1.7768rem";
797
+ export const KsSpacingInsetXs = "0.4309rem";
798
+ export const KsSpacingInsetS = "0.614rem";
799
+ export const KsSpacingInsetM = "0.875rem";
800
+ export const KsSpacingInsetL = "1.2469rem";
801
+ export const KsSpacingInsetXl = "1.7768rem";
802
+ export const KsSpacingInsetSquishXs = "0.3024rem 0.4309rem";
803
+ export const KsSpacingInsetSquishS = "0.4309rem 0.614rem";
804
+ export const KsSpacingInsetSquishM = "0.614rem 0.875rem";
805
+ export const KsSpacingInsetSquishL = "0.875rem 1.2469rem";
806
+ export const KsSpacingInsetSquishXl = "1.2469rem 1.7768rem";
807
+ export const KsSpacingInsetStretchXs = "0.614rem 0.4309rem";
808
+ export const KsSpacingInsetStretchS = "0.875rem 0.614rem";
809
+ export const KsSpacingInsetStretchM = "1.2469rem 0.875rem";
810
+ export const KsSpacingInsetStretchL = "1.7768rem 1.2469rem";
811
+ export const KsSpacingInsetStretchXl = "2.5319rem 1.7768rem";
812
812
  export const KsTextColorDefaultBase = "#ffffff";
813
813
  export const KsTextColorDefaultInteractiveBase = "#b7a5ff";
814
814
  export const KsTextColorDefaultInteractiveHoverBase = "#b7a5ff";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kickstartds/ds-agency-premium",
3
- "version": "1.4.0--canary.14.677.0",
3
+ "version": "1.4.0--canary.14.680.0",
4
4
  "description": "",
5
5
  "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
6
6
  "bugs": {