@kickstartds/ds-agency-premium 1.3.48 → 1.3.49

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 (14) hide show
  1. package/dist/components/blog-post/index.d.ts +1 -1
  2. package/dist/components/cta/cta.css +37 -37
  3. package/dist/components/feature/index.js +7 -7
  4. package/dist/components/features/features.css +26 -28
  5. package/dist/components/features/index.js +1 -1
  6. package/dist/components/image/image.css +5 -5
  7. package/dist/components/image/index.js +1 -1
  8. package/dist/components/index/index.d.ts +1 -1
  9. package/dist/components/page-wrapper/tokens.css +1 -1
  10. package/dist/tokens/themes.css +4 -4
  11. package/dist/tokens/tokens.css +1 -1
  12. package/dist/tokens/tokens.js +1 -1
  13. package/package.json +1 -1
  14. /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/cta/cta.css CHANGED
@@ -15,27 +15,19 @@
15
15
  --dsa-cta_highlight-text__copy--font: var(--ks-font-copy-l);
16
16
  }
17
17
 
18
- @media (min-width: 640px) {
19
- .dsa-header--floating + .l-container--storytelling .c-storytelling.dsa-cta,
20
- .dsa-header--floating + .l-section .l-container--storytelling:first-child .c-storytelling.dsa-cta {
21
- padding-top: calc(var(--dsa-header--height) + var(--dsa-cta--horizontal-padding, var(--l-section--content-padding)));
22
- z-index: 1;
23
- }
24
- }
25
-
26
- .c-storytelling.dsa-cta {
18
+ .dsa-cta.c-storytelling {
27
19
  --c-storytelling--padding-ratio: 2;
28
20
  --c-storytelling--horizontal-padding: var(--l-section--content-padding);
29
21
  justify-content: center;
30
22
  align-items: center;
31
23
  padding: 0;
32
24
  }
33
- .c-storytelling.dsa-cta--color-neutral {
25
+ .dsa-cta.c-storytelling--color-neutral {
34
26
  --dsa-cta__copy--color: var(--dsa-cta_color-neutral__copy--color, var(--ks-text-color-default));
35
27
  --dsa-cta__headline--color: var(--dsa-cta_color-neutral__headline--color, var(--ks-text-color-default));
36
28
  --dsa-cta__subheadline--color: var(--dsa-cta_color-neutral__subheadline--color, var(--ks-text-color-default));
37
29
  }
38
- .c-storytelling.dsa-cta--highlight-text {
30
+ .dsa-cta.c-storytelling--highlight-text {
39
31
  --dsa-cta__copy--font: var(--dsa-cta_highlight-text__copy--font, var(--ks-font-copy-l));
40
32
  --dsa-cta__headline--font: var(--dsa-cta_highlight-text__headline--font, var(--dsa-headline_h1--font));
41
33
  --dsa-cta__subheadline--font: var(
@@ -43,90 +35,98 @@
43
35
  var(--dsa-headline_h1__subheadline--font)
44
36
  );
45
37
  }
46
- .c-storytelling.dsa-cta.c-storytelling--full {
38
+ .dsa-cta.c-storytelling.c-storytelling--full {
47
39
  --c-storytelling--padding-ratio: 1;
48
40
  }
49
- .c-storytelling.dsa-cta.c-storytelling--full.c-storytelling--order-desktop-image-last .c-storytelling__box {
41
+ .dsa-cta.c-storytelling.c-storytelling--full.c-storytelling--order-desktop-image-last .c-storytelling__box {
50
42
  padding-left: var(--dsa-cta--horizontal-padding);
51
43
  }
52
- .c-storytelling.dsa-cta.dsa-cta--align-top {
44
+ .dsa-cta.c-storytelling.dsa-cta--align-top {
53
45
  align-items: flex-start;
54
46
  }
55
- .c-storytelling.dsa-cta.dsa-cta--align-bottom {
47
+ .dsa-cta.c-storytelling.dsa-cta--align-bottom {
56
48
  align-items: flex-end;
57
49
  }
58
- .c-storytelling.dsa-cta.dsa-cta--highlight-text .c-storytelling__text {
50
+ .dsa-cta.c-storytelling.dsa-cta--highlight-text .c-storytelling__text {
59
51
  font: var(--ks-font-copy-l);
60
52
  color: var(--ks-color-fg);
61
53
  }
62
- .c-storytelling.dsa-cta .c-storytelling__box {
54
+ .dsa-cta.c-storytelling .c-storytelling__box {
63
55
  width: 100%;
64
56
  padding: var(--dsa-cta--vertical-padding, var(--l-section--space-default)) var(--dsa-cta--horizontal-padding, var(--l-section--content-padding));
65
57
  }
66
58
  @container storytelling (max-width: 640px) {
67
- .c-storytelling.dsa-cta .c-storytelling__box {
59
+ .dsa-cta.c-storytelling .c-storytelling__box {
68
60
  padding-top: calc(var(--dsa-cta--vertical-padding, var(--l-section--space-default)) / var(--c-storytelling--padding-ratio));
69
61
  }
70
- .c-storytelling.dsa-cta .c-storytelling__box:only-child {
62
+ .dsa-cta.c-storytelling .c-storytelling__box:only-child {
71
63
  padding-top: var(--dsa-cta--vertical-padding, var(--l-section--space-default));
72
64
  }
73
65
  }
74
- .c-storytelling.dsa-cta .c-storytelling__box:only-child {
66
+ .dsa-cta.c-storytelling .c-storytelling__box:only-child {
75
67
  padding: var(--dsa-cta--vertical-padding, var(--l-section--space-default)) var(--dsa-cta--horizontal-padding, var(--l-section--content-padding));
76
68
  }
77
- .c-storytelling.dsa-cta .c-storytelling__box__content {
69
+ .dsa-cta.c-storytelling .c-storytelling__box__content {
78
70
  max-width: 100%;
79
71
  }
80
- .c-storytelling.dsa-cta .c-storytelling__box .dsa-headline__headline {
72
+ .dsa-cta.c-storytelling .c-storytelling__box .dsa-headline__headline {
81
73
  font: var(--dsa-cta__headline--font, var(--dsa-headline_h2--font, var(--ks-font-display-xl)));
82
74
  color: var(--dsa-cta__headline--color, var(--ks-text-color-display));
83
75
  font-weight: var(--dsa-headline--font-weight, var(--ks-font-weight-semi-bold));
84
76
  }
85
- .c-storytelling.dsa-cta .c-storytelling__box .dsa-headline__subheadline {
77
+ .dsa-cta.c-storytelling .c-storytelling__box .dsa-headline__subheadline {
86
78
  font: var(--dsa-cta__subheadline--font, var(--dsa-headline_h2__subheadline--font, var(--ks-font-display-xl)));
87
79
  color: var(--dsa-cta__subheadline--color, var(--ks-text-color-primary));
88
80
  font-weight: var(--dsa-headline__subheadline--font-weight, var(--ks-font-weight-medium));
89
81
  }
90
- .c-storytelling.dsa-cta .c-storytelling__box .c-rich-text {
82
+ .dsa-cta.c-storytelling .c-storytelling__box .c-rich-text {
91
83
  font: var(--dsa-cta__copy--font, var(--dsa-rich-text--font, var(--ks-font-copy-m)));
92
84
  color: var(--dsa-cta__copy--color, var(--dsa-rich-text--color, var(--ks-text-color-copy)));
93
85
  }
94
- .c-storytelling.dsa-cta .c-storytelling__box:only-child {
86
+ .dsa-cta.c-storytelling .c-storytelling__box:only-child {
95
87
  --dsa-cta--horizontal-padding: var(--l-section--content-padding);
96
88
  }
97
- .c-storytelling.dsa-cta .c-storytelling__image {
89
+ .dsa-cta.c-storytelling .c-storytelling__image {
98
90
  margin: 0;
99
91
  }
100
92
  @container storytelling (min-width: 640px) {
101
- .c-storytelling.dsa-cta.c-storytelling--order-desktop-image-last .c-storytelling__image {
93
+ .dsa-cta.c-storytelling.c-storytelling--order-desktop-image-last .c-storytelling__image {
102
94
  padding-left: calc(var(--dsa-cta--horizontal-padding, var(--l-section--content-padding)) / var(--c-storytelling--padding-ratio));
103
95
  }
104
- .c-storytelling.dsa-cta.c-storytelling--order-desktop-image-last .c-storytelling__box {
96
+ .dsa-cta.c-storytelling.c-storytelling--order-desktop-image-last .c-storytelling__box {
105
97
  padding-right: calc(var(--dsa-cta--horizontal-padding, var(--l-section--content-padding)) / var(--c-storytelling--padding-ratio));
106
98
  }
107
- .c-storytelling.dsa-cta .c-storytelling__box {
99
+ .dsa-cta.c-storytelling .c-storytelling__box {
108
100
  padding-left: calc(var(--dsa-cta--horizontal-padding, var(--l-section--content-padding)) / var(--c-storytelling--padding-ratio));
109
101
  }
110
- .c-storytelling.dsa-cta .c-storytelling__box__content--center .c-button-group {
102
+ .dsa-cta.c-storytelling .c-storytelling__box__content--center .c-button-group {
111
103
  justify-content: center;
112
104
  }
113
- .c-storytelling.dsa-cta .c-storytelling__box:only-child {
105
+ .dsa-cta.c-storytelling .c-storytelling__box:only-child {
114
106
  width: 100%;
115
107
  max-width: calc(var(--l-section--content-width-default) - var(--l-section--content-padding) * var(--c-storytelling--padding-ratio));
116
108
  }
117
- .c-storytelling.dsa-cta > .c-storytelling__image {
109
+ .dsa-cta.c-storytelling > .c-storytelling__image {
118
110
  padding: var(--dsa-cta--vertical-padding, var(--l-section--space-default)) var(--dsa-cta--horizontal-padding, var(--l-section--content-padding));
119
111
  padding-right: calc(var(--dsa-cta--horizontal-padding, var(--l-section--content-padding)) / var(--c-storytelling--padding-ratio));
120
112
  }
121
- .c-storytelling.dsa-cta.c-storytelling--full > .c-storytelling__image {
113
+ .dsa-cta.c-storytelling.c-storytelling--full > .c-storytelling__image {
122
114
  padding: 0;
123
115
  }
124
- .c-storytelling.dsa-cta > .c-storytelling__image,
125
- .c-storytelling.dsa-cta > .c-storytelling__box {
116
+ .dsa-cta.c-storytelling > .c-storytelling__image,
117
+ .dsa-cta.c-storytelling > .c-storytelling__box {
126
118
  max-width: calc(var(--l-section--content-width-wide) / 2);
127
119
  }
128
- .c-storytelling.dsa-cta.dsa-cta--full-width > .c-storytelling__image,
129
- .c-storytelling.dsa-cta.dsa-cta--full-width > .c-storytelling__box {
120
+ .dsa-cta.c-storytelling.dsa-cta--full-width > .c-storytelling__image,
121
+ .dsa-cta.c-storytelling.dsa-cta--full-width > .c-storytelling__box {
130
122
  max-width: 100%;
131
123
  }
124
+ }
125
+
126
+ @media (min-width: 640px) {
127
+ .dsa-header--floating + .l-container--storytelling .c-storytelling.dsa-cta,
128
+ .dsa-header--floating + .l-section .l-container--storytelling:first-child .c-storytelling.dsa-cta {
129
+ padding-top: calc(var(--dsa-header--height) + var(--dsa-cta--horizontal-padding, var(--l-section--content-padding)));
130
+ z-index: 1;
131
+ }
132
132
  }
package/dist/components/feature/index.js CHANGED
@@ -6,17 +6,17 @@ import { Button } from '../button/index.js';
6
6
  import { Link } from '@kickstartds/base/lib/link';
7
7
  import '@kickstartds/base/lib/button';
8
8
 
9
- const FeatureContextDefault = forwardRef(({ style = "stack", title, text, icon, cta: { toggle = true, style: ctaStyle = "link", target, label = "Read more", }, ...rest }, ref) => (jsxs("div", { ...rest, ref: ref, className: classnames(`c-feature c-feature--${style === `stack`
10
- ? `stack c-feature--large`
9
+ const FeatureContextDefault = forwardRef(({ style = "stack", title, text, icon, cta: { toggle = true, style: ctaStyle = "link", target, label = "Read more", }, ...rest }, ref) => (jsxs("div", { ...rest, ref: ref, className: classnames(`dsa-feature dsa-feature--${style === `stack`
10
+ ? `stack dsa-feature--large`
11
11
  : style === `besideSmall`
12
- ? `beside c-feature--small`
12
+ ? `beside dsa-feature--small`
13
13
  : style === `besideLarge`
14
- ? `beside c-feature--large`
14
+ ? `beside dsa-feature--large`
15
15
  : style === `intext`
16
- ? `intext c-feature--small`
16
+ ? `intext dsa-feature--small`
17
17
  : style === `centered`
18
- ? `centered c-feature--large`
19
- : `${style}`}`), children: [jsxs("div", { className: "c-feature__header", children: [icon && jsx(Icon, { className: "c-feature__icon", icon: icon }), jsx("span", { className: "c-feature__title", children: title })] }), text || ctaStyle === "intext" ? (jsxs("p", { className: "c-feature__text", children: [text, ctaStyle === "intext" && toggle ? (jsxs(Fragment, { children: [" ", jsx(Link, { href: target, children: label ? label : "See more" })] })) : ("")] })) : (""), toggle && (ctaStyle === "link" || ctaStyle === "button") && (jsx("div", { className: "c-feature__cta", children: ctaStyle === "link" ? (jsxs(Link, { className: "c-feature__link", href: target, children: [label ? label : "See more", jsx(Icon, { icon: "arrow-right" })] })) : ctaStyle === "button" ? (jsx(Button, { className: "c-feature__button", size: "small", target: target, label: label ? label : "See more" })) : ("") }))] })));
18
+ ? `centered dsa-feature--large`
19
+ : `${style}`}`), children: [jsxs("div", { className: "dsa-feature__header", children: [icon && jsx(Icon, { className: "dsa-feature__icon", icon: icon }), jsx("span", { className: "dsa-feature__title", children: title })] }), text || ctaStyle === "intext" ? (jsxs("p", { className: "dsa-feature__text", children: [text, ctaStyle === "intext" && toggle ? (jsxs(Fragment, { children: [" ", jsx(Link, { href: target, children: label ? label : "See more" })] })) : ("")] })) : (""), toggle && (ctaStyle === "link" || ctaStyle === "button") && (jsx("div", { className: "dsa-feature__cta", children: ctaStyle === "link" ? (jsxs(Link, { className: "dsa-feature__link", href: target, children: [label ? label : "See more", jsx(Icon, { icon: "arrow-right" })] })) : ctaStyle === "button" ? (jsx(Button, { className: "dsa-feature__button", size: "small", target: target, label: label ? label : "See more" })) : ("") }))] })));
20
20
  const FeatureContext = createContext(FeatureContextDefault);
21
21
  const Feature = forwardRef((props, ref) => {
22
22
  const Component = useContext(FeatureContext);
package/dist/components/features/features.css CHANGED
@@ -1,4 +1,4 @@
1
- .c-features {
1
+ .dsa-features {
2
2
  --dsa-features--gap-vertical: var(--ks-spacing-stack-l);
3
3
  --dsa-features--gap-horizontal: var(--ks-spacing-inline-m);
4
4
  --dsa-feature__title--color: var(--dsa-topic--color);
@@ -8,9 +8,7 @@
8
8
  --dsa-feature__copy--font: var(--ks-font-copy-s);
9
9
  --dsa-feature__link-font: var(--ks-font-copy-s);
10
10
  --dsa-feature__icon--color: var(--ks-text-color-primary);
11
- --dsa-feature_small__icon--size: calc(
12
- var(--ks-line-height-interface-m) * var(--ks-font-size-interface-m)
13
- );
11
+ --dsa-feature_small__icon--size: calc(var(--ks-line-height-interface-m) * var(--ks-font-size-interface-m));
14
12
  --dsa-feature_large__icon--size: calc(var(--ks-font-size-copy-m) * 2.5);
15
13
  --dsa-feature_small--gap: var(--ks-spacing-stack-xs);
16
14
  --dsa-feature_large--gap: var(--ks-spacing-stack-s);
@@ -18,42 +16,42 @@
18
16
  --dsa-feature_large__icon--gap: var(--ks-spacing-s);
19
17
  }
20
18
 
21
- .c-features {
19
+ .dsa-features {
22
20
  gap: var(--dsa-features--gap-vertical, var(--ks-spacing-stack-l)) var(--dsa-features--gap-horizontal, var(--ks-spacing-inline-m));
23
21
  }
24
- .c-features--list {
22
+ .dsa-features--list {
25
23
  display: flex;
26
24
  flex-direction: column;
27
25
  gap: var(--dsa-features--gap-vertical);
28
26
  }
29
- .c-features--large-tiles {
27
+ .dsa-features--large-tiles {
30
28
  display: grid;
31
29
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
32
30
  }
33
- .c-features--large-tiles .c-feature {
31
+ .dsa-features--large-tiles .dsa-feature {
34
32
  flex-basis: 300px;
35
33
  flex-grow: 1;
36
34
  flex-shrink: 0;
37
35
  }
38
- .c-features--small-tiles {
36
+ .dsa-features--small-tiles {
39
37
  display: grid;
40
38
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
41
39
  }
42
- .l-section--align-center .c-features--small-tiles {
40
+ .l-section--align-center .dsa-features--small-tiles {
43
41
  justify-content: center;
44
42
  }
45
- .c-features .c-feature {
43
+ .dsa-features .dsa-feature {
46
44
  display: flex;
47
45
  position: relative;
48
46
  flex-direction: column;
49
47
  gap: var(--dsa-feature--gap);
50
48
  }
51
- .c-features .c-feature--large {
49
+ .dsa-features .dsa-feature--large {
52
50
  --dsa-feature__icon--size: var(--dsa-feature_large__icon--size, calc(var(--ks-font-size-copy-m) * 2.5));
53
51
  --dsa-feature__icon--gap: var(--dsa-feature_large__icon--gap, var(--ks-spacing-xs));
54
52
  --dsa-feature--gap: var(--dsa-feature_large--gap, var(--ks-spacing-stack-s));
55
53
  }
56
- .c-features .c-feature--small {
54
+ .dsa-features .dsa-feature--small {
57
55
  --dsa-feature__icon--size: var(
58
56
  --dsa-feature_small__icon--size,
59
57
  calc(var(--ks-line-height-interface-m) * var(--ks-font-size-interface-m))
@@ -61,67 +59,67 @@
61
59
  --dsa-feature__icon--gap: var(--dsa-feature_small__icon--gap, var(--ks-spacing-xs));
62
60
  --dsa-feature--gap: var(--dsa-feature_small--gap, var(--ks-spacing-stack-xs));
63
61
  }
64
- .c-features .c-feature--beside {
62
+ .dsa-features .dsa-feature--beside {
65
63
  padding-left: calc(var(--dsa-feature__icon--size) + var(--dsa-feature__icon--gap));
66
64
  }
67
- .c-features .c-feature--beside .c-feature__icon {
65
+ .dsa-features .dsa-feature--beside .dsa-feature__icon {
68
66
  position: absolute;
69
67
  top: 0;
70
68
  left: 0;
71
69
  }
72
- .c-features .c-feature--stack .c-feature__header {
70
+ .dsa-features .dsa-feature--stack .dsa-feature__header {
73
71
  display: flex;
74
72
  flex-direction: column;
75
73
  align-items: flex-start;
76
74
  }
77
- .c-features .c-feature--centered .c-feature__header {
75
+ .dsa-features .dsa-feature--centered .dsa-feature__header {
78
76
  display: flex;
79
77
  flex-direction: column;
80
78
  align-items: center;
81
79
  }
82
- .c-features .c-feature--centered .c-feature__title,
83
- .c-features .c-feature--centered .c-feature__text {
80
+ .dsa-features .dsa-feature--centered .dsa-feature__title,
81
+ .dsa-features .dsa-feature--centered .dsa-feature__text {
84
82
  text-align: center;
85
83
  }
86
- .c-features .c-feature--centered .c-feature__cta {
84
+ .dsa-features .dsa-feature--centered .dsa-feature__cta {
87
85
  display: flex;
88
86
  justify-content: center;
89
87
  }
90
- .c-features .c-feature__header {
88
+ .dsa-features .dsa-feature__header {
91
89
  display: flex;
92
90
  align-items: center;
93
91
  gap: var(--dsa-feature__icon--gap);
94
92
  }
95
- .c-features .c-feature__title {
93
+ .dsa-features .dsa-feature__title {
96
94
  font: var(--dsa-feature__title--font, var(--ks-font-interface-m));
97
95
  color: var(--dsa-feature__title--color, var(--ks-topic-color));
98
96
  font-family: var(--dsa-feature__title--font-family, var(--ks-font-family-display));
99
97
  font-weight: var(--dsa-feature__title--font-weight, var(--ks-font-weight-semi-bold));
100
98
  }
101
- .c-features .c-feature__text {
99
+ .dsa-features .dsa-feature__text {
102
100
  color: var(--dsa-feature__copy--color, var(--dsa-rich-text-color), var(--ks-text-color-default));
103
101
  font: var(--dsa-feature__copy--font, var(--ks-font-copy-s));
104
102
  margin: 0;
105
103
  }
106
- .c-features .c-feature__icon {
104
+ .dsa-features .dsa-feature__icon {
107
105
  color: var(--dsa-feature__icon--color, var(--ks-text-color-primary));
108
106
  width: var(--dsa-feature__icon--size);
109
107
  height: var(--dsa-feature__icon--size);
110
108
  }
111
- .c-features .c-feature__cta {
109
+ .dsa-features .dsa-feature__cta {
112
110
  margin-top: auto;
113
111
  }
114
- .c-features .c-feature__link {
112
+ .dsa-features .dsa-feature__link {
115
113
  font: var(--dsa-feature__link-font, var(--ks-font-copy-s));
116
114
  display: flex;
117
115
  align-items: center;
118
116
  gap: var(--ks-spacing-xxs);
119
117
  width: fit-content;
120
118
  }
121
- .c-features .c-feature__link .icon {
119
+ .dsa-features .dsa-feature__link .icon {
122
120
  width: 1.125em;
123
121
  height: 1.125em;
124
122
  }
125
- .c-features .c-feature__button {
123
+ .dsa-features .dsa-feature__button {
126
124
  margin-top: calc(var(--dsa-feature--gap) * 0.5);
127
125
  }
package/dist/components/features/index.js CHANGED
@@ -11,7 +11,7 @@ import '@kickstartds/base/lib/link';
11
11
  const FeaturesContextDefault = forwardRef(({ layout = "largeTiles", ctas = {
12
12
  style: "link",
13
13
  toggle: true,
14
- }, style = "intext", feature: features = [], ...rest }, ref) => (jsx("div", { ...rest, ref: ref, className: classnames(`c-features c-features--${layout === "largeTiles"
14
+ }, style = "intext", feature: features = [], ...rest }, ref) => (jsx("div", { ...rest, ref: ref, className: classnames(`dsa-features dsa-features--${layout === "largeTiles"
15
15
  ? "large-tiles"
16
16
  : layout === "smallTiles"
17
17
  ? "small-tiles"
package/dist/components/image/image.css CHANGED
@@ -1,18 +1,18 @@
1
- .c-image {
1
+ .dsa-image {
2
2
  --c-image--ratio-square: 1/1;
3
3
  --c-image--ratio-wide: 4/3;
4
4
  --c-image--ratio-landscape: 16/9;
5
5
  }
6
6
 
7
- .c-image {
7
+ .dsa-image {
8
8
  object-fit: cover;
9
9
  }
10
- .c-image--square {
10
+ .dsa-image--square {
11
11
  aspect-ratio: var(--c-image--ratio-square);
12
12
  }
13
- .c-image--wide {
13
+ .dsa-image--wide {
14
14
  aspect-ratio: var(--c-image--ratio-wide);
15
15
  }
16
- .c-image--landscape {
16
+ .dsa-image--landscape {
17
17
  aspect-ratio: var(--c-image--ratio-landscape);
18
18
  }
package/dist/components/image/index.js CHANGED
@@ -4,7 +4,7 @@ import classnames from 'classnames';
4
4
  import { forwardRef } from 'react';
5
5
  import { PictureContextDefault, PictureContext } from '@kickstartds/base/lib/picture';
6
6
 
7
- const Image = forwardRef(({ src, srcSet, alt, width, height, aspectRatio, className, id, itemProp, style, lazy, sources, pictureClassName, ...props }, ref) => (jsx(PictureContextDefault, { ...props, src: src, srcSet: srcSet, alt: alt, width: width, height: height, id: id, itemProp: itemProp, style: style, lazy: lazy, sources: sources, pictureClassName: pictureClassName, ref: ref, className: classnames("c-image", aspectRatio !== "unset" && `c-image--${aspectRatio}`, className) })));
7
+ const Image = forwardRef(({ src, srcSet, alt, width, height, aspectRatio, className, id, itemProp, style, lazy, sources, pictureClassName, ...props }, ref) => (jsx(PictureContextDefault, { ...props, src: src, srcSet: srcSet, alt: alt, width: width, height: height, id: id, itemProp: itemProp, style: style, lazy: lazy, sources: sources, pictureClassName: pictureClassName, ref: ref, className: classnames("dsa-image", aspectRatio !== "unset" && `dsa-image--${aspectRatio}`, className) })));
8
8
  Image.displayName = "Image";
9
9
  const ImageProvider = (props) => (jsx(PictureContext.Provider, { ...props, value: Image }));
10
10
 
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/page-wrapper/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 19 Aug 2024 11:56:03 GMT
3
+ * Generated on Tue, 20 Aug 2024 11:55:16 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/tokens/themes.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 19 Aug 2024 11:56:06 GMT
3
+ * Generated on Tue, 20 Aug 2024 11:55:18 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 Mon, 19 Aug 2024 11:56:10 GMT
2730
+ * Generated on Tue, 20 Aug 2024 11:55:22 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 Mon, 19 Aug 2024 11:56:08 GMT
5461
+ * Generated on Tue, 20 Aug 2024 11:55:20 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 Mon, 19 Aug 2024 11:56:12 GMT
8462
+ * Generated on Tue, 20 Aug 2024 11:55:24 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 Mon, 19 Aug 2024 11:56:03 GMT
3
+ * Generated on Tue, 20 Aug 2024 11:55:16 GMT
4
4
  */
5
5
 
6
6
  :root, [ks-theme] {
package/dist/tokens/tokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 19 Aug 2024 11:56:04 GMT
3
+ * Generated on Tue, 20 Aug 2024 11:55:16 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.3.48",
3
+ "version": "1.3.49",
4
4
  "description": "",
5
5
  "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
6
6
  "bugs": {