@kickstartds/ds-agency-premium 1.6.68--canary.1600.27f2ca8.0 → 1.6.68--canary.44.1603.0

package/dist/SectionProps-7caa223c.d.ts

@@ -19,7 +19,7 @@ import { StatsProps } from "./StatsProps-bf5ef578.js";
 import { TeaserCardProps } from "./TeaserCardProps-b9c28e78.js";
 import { TestimonialsProps } from "./TestimonialsProps-e344f597.js";
 import { TextProps } from "./TextProps-a23170d2.js";
-import { VideoCurtainProps } from "./VideoCurtainProps-2b7b0265.js";
+import { VideoCurtainProps } from "./VideoCurtainProps-88f08b62.js";
 import { ButtonProps } from "./ButtonProps-03ff6d21.js";
 /**
  * Width of section to use

package/dist/{VideoCurtainProps-2b7b0265.d.ts → VideoCurtainProps-88f08b62.d.ts}

@@ -54,7 +54,7 @@ type DesktopVideoSource = string;
 /**
  * Choose the alginment of the module content
  */
-type ModuleAligment = "center" | "below" | "left" | "right" | "corner";
+type ModuleAligment = "center" | "bottom" | "left" | "right" | "corner";
 interface VideoCurtainProps {
     headline?: Headline;
     sub?: ModuleSubheadline;

package/dist/components/blog-overview/blog-overview.schema.dereffed.json

@@ -3114,7 +3114,7 @@
                       "description": "Choose the alginment of the module content",
                       "enum": [
                         "center",
-                        "below",
+                        "bottom",
                         "left",
                         "right",
                         "corner"

package/dist/components/blog-post/blog-post.schema.dereffed.json

@@ -3390,7 +3390,7 @@
                       "description": "Choose the alginment of the module content",
                       "enum": [
                         "center",
-                        "below",
+                        "bottom",
                         "left",
                         "right",
                         "corner"

package/dist/components/page/page.schema.dereffed.json

@@ -3114,7 +3114,7 @@
                       "description": "Choose the alginment of the module content",
                       "enum": [
                         "center",
-                        "below",
+                        "bottom",
                         "left",
                         "right",
                         "corner"

package/dist/components/page-wrapper/tokens.css

@@ -1,12 +1,12 @@
 /**
  * Do not edit directly
- * Generated on Mon, 12 May 2025 13:12:28 GMT
+ * Generated on Wed, 14 May 2025 07:10:53 GMT
  */
 :root, [ks-theme] {
   --ks-background-color-accent-base: var(--ks-color-fg-to-bg-9-base);
-  --ks-background-color-accent-inverted-base: var(--ks-color-fg-inverted-to-bg-9-base);
+  --ks-background-color-accent-inverted-base: var(--ks-color-primary-inverted-to-bg-8-base);
   --ks-background-color-bold-base: var(--ks-color-primary-to-bg-8-base);
-  --ks-background-color-bold-inverted-base: var(--ks-color-primary-inverted-to-bg-8-base);
+  --ks-background-color-bold-inverted-base: var(--ks-color-primary-inverted-to-bg-6-base);
   --ks-background-color-clear-base: var(--ks-color-transparent-base);
   --ks-background-color-clear-interactive-base: var(--ks-color-transparent-base);
   --ks-background-color-clear-interactive-hover-base: var(--ks-color-primary-alpha-8-base);
@@ -273,15 +273,15 @@
   --ks-color-fg-inverted-alpha-7-base: hsla(0,0%,100%,.24);
   --ks-color-fg-inverted-alpha-8-base: hsla(0,0%,100%,.13);
   --ks-color-fg-inverted-alpha-9-base: hsla(0,0%,100%,.05);
-  --ks-color-fg-inverted-to-bg-1-base: #f3f3f5;
-  --ks-color-fg-inverted-to-bg-2-base: #dfe1e4;
-  --ks-color-fg-inverted-to-bg-3-base: #c4c7cd;
-  --ks-color-fg-inverted-to-bg-4-base: #a4a9b2;
-  --ks-color-fg-inverted-to-bg-5-base: #858b97;
-  --ks-color-fg-inverted-to-bg-6-base: #656d7b;
-  --ks-color-fg-inverted-to-bg-7-base: #454f60;
-  --ks-color-fg-inverted-to-bg-8-base: #2a3549;
-  --ks-color-fg-inverted-to-bg-9-base: #162338;
+  --ks-color-fg-inverted-to-bg-1-base: #f3f4f5;
+  --ks-color-fg-inverted-to-bg-2-base: #e0e2e6;
+  --ks-color-fg-inverted-to-bg-3-base: #c5c9d1;
+  --ks-color-fg-inverted-to-bg-4-base: #a6acb8;
+  --ks-color-fg-inverted-to-bg-5-base: #87909f;
+  --ks-color-fg-inverted-to-bg-6-base: #687385;
+  --ks-color-fg-inverted-to-bg-7-base: #49566c;
+  --ks-color-fg-inverted-to-bg-8-base: #2e3d57;
+  --ks-color-fg-inverted-to-bg-9-base: #1b2b48;
   --ks-color-bg-base: #fff;
   --ks-color-bg-alpha-1-base: hsla(0,0%,100%,.95);
   --ks-color-bg-alpha-2-base: hsla(0,0%,100%,.87);
@@ -301,25 +301,25 @@
   --ks-color-bg-to-fg-7-base: #424355;
   --ks-color-bg-to-fg-8-base: #26283c;
   --ks-color-bg-to-fg-9-base: #12142a;
-  --ks-color-bg-inverted-base: #0a172e;
-  --ks-color-bg-inverted-alpha-1-base: rgba(10,23,46,.95);
-  --ks-color-bg-inverted-alpha-2-base: rgba(10,23,46,.87);
-  --ks-color-bg-inverted-alpha-3-base: rgba(10,23,46,.76);
-  --ks-color-bg-inverted-alpha-4-base: rgba(10,23,46,.63);
-  --ks-color-bg-inverted-alpha-5-base: rgba(10,23,46,.5);
-  --ks-color-bg-inverted-alpha-6-base: rgba(10,23,46,.37);
-  --ks-color-bg-inverted-alpha-7-base: rgba(10,23,46,.24);
-  --ks-color-bg-inverted-alpha-8-base: rgba(10,23,46,.13);
-  --ks-color-bg-inverted-alpha-9-base: rgba(10,23,46,.05);
-  --ks-color-bg-inverted-to-fg-1-base: #162338;
-  --ks-color-bg-inverted-to-fg-2-base: #2a3549;
-  --ks-color-bg-inverted-to-fg-3-base: #454f60;
-  --ks-color-bg-inverted-to-fg-4-base: #656d7b;
-  --ks-color-bg-inverted-to-fg-5-base: #858b97;
-  --ks-color-bg-inverted-to-fg-6-base: #a4a9b2;
-  --ks-color-bg-inverted-to-fg-7-base: #c4c7cd;
-  --ks-color-bg-inverted-to-fg-8-base: #dfe1e4;
-  --ks-color-bg-inverted-to-fg-9-base: #f3f3f5;
+  --ks-color-bg-inverted-base: #0f203e;
+  --ks-color-bg-inverted-alpha-1-base: rgba(15,32,62,.95);
+  --ks-color-bg-inverted-alpha-2-base: rgba(15,32,62,.87);
+  --ks-color-bg-inverted-alpha-3-base: rgba(15,32,62,.76);
+  --ks-color-bg-inverted-alpha-4-base: rgba(15,32,62,.63);
+  --ks-color-bg-inverted-alpha-5-base: rgba(15,32,62,.5);
+  --ks-color-bg-inverted-alpha-6-base: rgba(15,32,62,.37);
+  --ks-color-bg-inverted-alpha-7-base: rgba(15,32,62,.24);
+  --ks-color-bg-inverted-alpha-8-base: rgba(15,32,62,.13);
+  --ks-color-bg-inverted-alpha-9-base: rgba(15,32,62,.05);
+  --ks-color-bg-inverted-to-fg-1-base: #1b2b48;
+  --ks-color-bg-inverted-to-fg-2-base: #2e3d57;
+  --ks-color-bg-inverted-to-fg-3-base: #49566c;
+  --ks-color-bg-inverted-to-fg-4-base: #687385;
+  --ks-color-bg-inverted-to-fg-5-base: #87909f;
+  --ks-color-bg-inverted-to-fg-6-base: #a6acb8;
+  --ks-color-bg-inverted-to-fg-7-base: #c5c9d1;
+  --ks-color-bg-inverted-to-fg-8-base: #e0e2e6;
+  --ks-color-bg-inverted-to-fg-9-base: #f3f4f5;
   --ks-color-transparent-base: rgba(0,0,0,0);
   --ks-color-primary-base: #3065c0;
   --ks-color-primary-alpha-1-base: rgba(48,101,192,.95);
@@ -359,15 +359,15 @@
   --ks-color-primary-inverted-alpha-7-base: rgba(48,101,192,.24);
   --ks-color-primary-inverted-alpha-8-base: rgba(48,101,192,.13);
   --ks-color-primary-inverted-alpha-9-base: rgba(48,101,192,.05);
-  --ks-color-primary-inverted-to-bg-1-base: #2e61b9;
-  --ks-color-primary-inverted-to-bg-2-base: #2b5bad;
-  --ks-color-primary-inverted-to-bg-3-base: #27529d;
-  --ks-color-primary-inverted-to-bg-4-base: #22488a;
-  --ks-color-primary-inverted-to-bg-5-base: #1d3e77;
-  --ks-color-primary-inverted-to-bg-6-base: #183464;
-  --ks-color-primary-inverted-to-bg-7-base: #132a51;
-  --ks-color-primary-inverted-to-bg-8-base: #0f2141;
-  --ks-color-primary-inverted-to-bg-9-base: #0c1b35;
+  --ks-color-primary-inverted-to-bg-1-base: #2e62ba;
+  --ks-color-primary-inverted-to-bg-2-base: #2c5caf;
+  --ks-color-primary-inverted-to-bg-3-base: #2854a1;
+  --ks-color-primary-inverted-to-bg-4-base: #244b90;
+  --ks-color-primary-inverted-to-bg-5-base: #20437f;
+  --ks-color-primary-inverted-to-bg-6-base: #1b3a6e;
+  --ks-color-primary-inverted-to-bg-7-base: #17315d;
+  --ks-color-primary-inverted-to-bg-8-base: #13294f;
+  --ks-color-primary-inverted-to-bg-9-base: #112345;
   --ks-color-primary-inverted-to-fg-1-base: #3a6dc3;
   --ks-color-primary-inverted-to-fg-2-base: #4b79c8;
   --ks-color-primary-inverted-to-fg-3-base: #628acf;
@@ -405,34 +405,34 @@
   --ks-color-link-to-fg-7-base: #101e46;
   --ks-color-link-to-fg-8-base: #0b1434;
   --ks-color-link-to-fg-9-base: #080d27;
-  --ks-color-link-inverted-base: #3065c0;
-  --ks-color-link-inverted-alpha-1-base: rgba(48,101,192,.95);
-  --ks-color-link-inverted-alpha-2-base: rgba(48,101,192,.87);
-  --ks-color-link-inverted-alpha-3-base: rgba(48,101,192,.76);
-  --ks-color-link-inverted-alpha-4-base: rgba(48,101,192,.63);
-  --ks-color-link-inverted-alpha-5-base: rgba(48,101,192,.5);
-  --ks-color-link-inverted-alpha-6-base: rgba(48,101,192,.37);
-  --ks-color-link-inverted-alpha-7-base: rgba(48,101,192,.24);
-  --ks-color-link-inverted-alpha-8-base: rgba(48,101,192,.13);
-  --ks-color-link-inverted-alpha-9-base: rgba(48,101,192,.05);
-  --ks-color-link-inverted-to-bg-1-base: #2e61b9;
-  --ks-color-link-inverted-to-bg-2-base: #2b5bad;
-  --ks-color-link-inverted-to-bg-3-base: #27529d;
-  --ks-color-link-inverted-to-bg-4-base: #22488a;
-  --ks-color-link-inverted-to-bg-5-base: #1d3e77;
-  --ks-color-link-inverted-to-bg-6-base: #183464;
-  --ks-color-link-inverted-to-bg-7-base: #132a51;
-  --ks-color-link-inverted-to-bg-8-base: #0f2141;
-  --ks-color-link-inverted-to-bg-9-base: #0c1b35;
-  --ks-color-link-inverted-to-fg-1-base: #3a6dc3;
-  --ks-color-link-inverted-to-fg-2-base: #4b79c8;
-  --ks-color-link-inverted-to-fg-3-base: #628acf;
-  --ks-color-link-inverted-to-fg-4-base: #7d9ed7;
-  --ks-color-link-inverted-to-fg-5-base: #98b2e0;
-  --ks-color-link-inverted-to-fg-6-base: #b2c6e8;
-  --ks-color-link-inverted-to-fg-7-base: #cddaf0;
-  --ks-color-link-inverted-to-fg-8-base: #e4ebf7;
-  --ks-color-link-inverted-to-fg-9-base: #f5f7fc;
+  --ks-color-link-inverted-base: #98b2e0;
+  --ks-color-link-inverted-alpha-1-base: rgba(152,178,224,.95);
+  --ks-color-link-inverted-alpha-2-base: rgba(152,178,224,.87);
+  --ks-color-link-inverted-alpha-3-base: rgba(152,178,224,.76);
+  --ks-color-link-inverted-alpha-4-base: rgba(152,178,224,.63);
+  --ks-color-link-inverted-alpha-5-base: rgba(152,178,224,.5);
+  --ks-color-link-inverted-alpha-6-base: rgba(152,178,224,.37);
+  --ks-color-link-inverted-alpha-7-base: rgba(152,178,224,.24);
+  --ks-color-link-inverted-alpha-8-base: rgba(152,178,224,.13);
+  --ks-color-link-inverted-alpha-9-base: rgba(152,178,224,.05);
+  --ks-color-link-inverted-to-bg-1-base: #91abd8;
+  --ks-color-link-inverted-to-bg-2-base: #869fcb;
+  --ks-color-link-inverted-to-bg-3-base: #778fb9;
+  --ks-color-link-inverted-to-bg-4-base: #657ca4;
+  --ks-color-link-inverted-to-bg-5-base: #54698f;
+  --ks-color-link-inverted-to-bg-6-base: #42567a;
+  --ks-color-link-inverted-to-bg-7-base: #304365;
+  --ks-color-link-inverted-to-bg-8-base: #213353;
+  --ks-color-link-inverted-to-bg-9-base: #162746;
+  --ks-color-link-inverted-to-fg-1-base: #9db6e2;
+  --ks-color-link-inverted-to-fg-2-base: #a5bce4;
+  --ks-color-link-inverted-to-fg-3-base: #b1c4e7;
+  --ks-color-link-inverted-to-fg-4-base: #beceeb;
+  --ks-color-link-inverted-to-fg-5-base: #ccd9f0;
+  --ks-color-link-inverted-to-fg-6-base: #d9e3f4;
+  --ks-color-link-inverted-to-fg-7-base: #e6edf8;
+  --ks-color-link-inverted-to-fg-8-base: #f2f5fb;
+  --ks-color-link-inverted-to-fg-9-base: #fafbfd;
   --ks-color-positive-base: #6edb64;
   --ks-color-positive-alpha-1-base: rgba(110,219,100,.95);
   --ks-color-positive-alpha-2-base: rgba(110,219,100,.87);
@@ -471,15 +471,15 @@
   --ks-color-positive-inverted-alpha-7-base: rgba(35,131,27,.24);
   --ks-color-positive-inverted-alpha-8-base: rgba(35,131,27,.13);
   --ks-color-positive-inverted-alpha-9-base: rgba(35,131,27,.05);
-  --ks-color-positive-inverted-to-bg-1-base: #227e1c;
-  --ks-color-positive-inverted-to-bg-2-base: #20751d;
-  --ks-color-positive-inverted-to-bg-3-base: #1d6920;
-  --ks-color-positive-inverted-to-bg-4-base: #1a5b22;
-  --ks-color-positive-inverted-to-bg-5-base: #174d25;
-  --ks-color-positive-inverted-to-bg-6-base: #133f27;
-  --ks-color-positive-inverted-to-bg-7-base: #103129;
-  --ks-color-positive-inverted-to-bg-8-base: #0d252c;
-  --ks-color-positive-inverted-to-bg-9-base: #0b1c2d;
+  --ks-color-positive-inverted-to-bg-1-base: #227e1d;
+  --ks-color-positive-inverted-to-bg-2-base: #207620;
+  --ks-color-positive-inverted-to-bg-3-base: #1e6b23;
+  --ks-color-positive-inverted-to-bg-4-base: #1c5e28;
+  --ks-color-positive-inverted-to-bg-5-base: #19522d;
+  --ks-color-positive-inverted-to-bg-6-base: #164531;
+  --ks-color-positive-inverted-to-bg-7-base: #143836;
+  --ks-color-positive-inverted-to-bg-8-base: #122d39;
+  --ks-color-positive-inverted-to-bg-9-base: #10253c;
   --ks-color-positive-inverted-to-fg-1-base: #2e8926;
   --ks-color-positive-inverted-to-fg-2-base: #409339;
   --ks-color-positive-inverted-to-fg-3-base: #58a152;
@@ -527,15 +527,15 @@
   --ks-color-informative-inverted-alpha-7-base: rgba(0,113,143,.24);
   --ks-color-informative-inverted-alpha-8-base: rgba(0,113,143,.13);
   --ks-color-informative-inverted-alpha-9-base: rgba(0,113,143,.05);
-  --ks-color-informative-inverted-to-bg-1-base: #016d8a;
-  --ks-color-informative-inverted-to-bg-2-base: #016582;
-  --ks-color-informative-inverted-to-bg-3-base: #025b78;
-  --ks-color-informative-inverted-to-bg-4-base: #04506b;
-  --ks-color-informative-inverted-to-bg-5-base: #05445f;
-  --ks-color-informative-inverted-to-bg-6-base: #063852;
-  --ks-color-informative-inverted-to-bg-7-base: #082d45;
-  --ks-color-informative-inverted-to-bg-8-base: #09233b;
-  --ks-color-informative-inverted-to-bg-9-base: #0a1c33;
+  --ks-color-informative-inverted-to-bg-1-base: #016d8b;
+  --ks-color-informative-inverted-to-bg-2-base: #026684;
+  --ks-color-informative-inverted-to-bg-3-base: #045e7c;
+  --ks-color-informative-inverted-to-bg-4-base: #065371;
+  --ks-color-informative-inverted-to-bg-5-base: #084967;
+  --ks-color-informative-inverted-to-bg-6-base: #093e5c;
+  --ks-color-informative-inverted-to-bg-7-base: #0b3351;
+  --ks-color-informative-inverted-to-bg-8-base: #0d2b49;
+  --ks-color-informative-inverted-to-bg-9-base: #0e2442;
   --ks-color-informative-inverted-to-fg-1-base: #0d7895;
   --ks-color-informative-inverted-to-fg-2-base: #21839e;
   --ks-color-informative-inverted-to-fg-3-base: #3d93aa;
@@ -583,15 +583,15 @@
   --ks-color-notice-inverted-alpha-7-base: rgba(255,93,83,.24);
   --ks-color-notice-inverted-alpha-8-base: rgba(255,93,83,.13);
   --ks-color-notice-inverted-alpha-9-base: rgba(255,93,83,.05);
-  --ks-color-notice-inverted-to-bg-1-base: #f35a51;
-  --ks-color-notice-inverted-to-bg-2-base: #df544e;
-  --ks-color-notice-inverted-to-bg-3-base: #c44c4a;
-  --ks-color-notice-inverted-to-bg-4-base: #a44345;
-  --ks-color-notice-inverted-to-bg-5-base: #853a41;
-  --ks-color-notice-inverted-to-bg-6-base: #65313c;
-  --ks-color-notice-inverted-to-bg-7-base: #452837;
-  --ks-color-notice-inverted-to-bg-8-base: #2a2033;
-  --ks-color-notice-inverted-to-bg-9-base: #161b30;
+  --ks-color-notice-inverted-to-bg-1-base: #f35a52;
+  --ks-color-notice-inverted-to-bg-2-base: #e05550;
+  --ks-color-notice-inverted-to-bg-3-base: #c54e4e;
+  --ks-color-notice-inverted-to-bg-4-base: #a6464b;
+  --ks-color-notice-inverted-to-bg-5-base: #873f49;
+  --ks-color-notice-inverted-to-bg-6-base: #683746;
+  --ks-color-notice-inverted-to-bg-7-base: #492f43;
+  --ks-color-notice-inverted-to-bg-8-base: #2e2841;
+  --ks-color-notice-inverted-to-bg-9-base: #1b233f;
   --ks-color-notice-inverted-to-fg-1-base: #ff655c;
   --ks-color-notice-inverted-to-fg-2-base: #ff7269;
   --ks-color-notice-inverted-to-fg-3-base: #ff847c;
@@ -639,15 +639,15 @@
   --ks-color-negative-inverted-alpha-7-base: rgba(210,29,72,.24);
   --ks-color-negative-inverted-alpha-8-base: rgba(210,29,72,.13);
   --ks-color-negative-inverted-alpha-9-base: rgba(210,29,72,.05);
-  --ks-color-negative-inverted-to-bg-1-base: #c81d47;
-  --ks-color-negative-inverted-to-bg-2-base: #b81c45;
-  --ks-color-negative-inverted-to-bg-3-base: #a21c42;
-  --ks-color-negative-inverted-to-bg-4-base: #881b3e;
-  --ks-color-negative-inverted-to-bg-5-base: #6e1a3b;
-  --ks-color-negative-inverted-to-bg-6-base: #541938;
-  --ks-color-negative-inverted-to-bg-7-base: #3a1834;
-  --ks-color-negative-inverted-to-bg-8-base: #241831;
-  --ks-color-negative-inverted-to-bg-9-base: #14172f;
+  --ks-color-negative-inverted-to-bg-1-base: #c81d48;
+  --ks-color-negative-inverted-to-bg-2-base: #b91d47;
+  --ks-color-negative-inverted-to-bg-3-base: #a31e46;
+  --ks-color-negative-inverted-to-bg-4-base: #8a1e44;
+  --ks-color-negative-inverted-to-bg-5-base: #711f43;
+  --ks-color-negative-inverted-to-bg-6-base: #571f42;
+  --ks-color-negative-inverted-to-bg-7-base: #3e1f40;
+  --ks-color-negative-inverted-to-bg-8-base: #28203f;
+  --ks-color-negative-inverted-to-bg-9-base: #19203f;
   --ks-color-negative-inverted-to-fg-1-base: #d42851;
   --ks-color-negative-inverted-to-fg-2-base: #d83a60;
   --ks-color-negative-inverted-to-fg-3-base: #dd5374;

package/dist/components/section/section.schema.dereffed.json

@@ -3100,7 +3100,7 @@
                 "description": "Choose the alginment of the module content",
                 "enum": [
                   "center",
-                  "below",
+                  "bottom",
                   "left",
                   "right",
                   "corner"

package/dist/components/video-curtain/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { VideoCurtainProps } from "../../VideoCurtainProps-2b7b0265.js";
+import { VideoCurtainProps } from "../../VideoCurtainProps-88f08b62.js";
 declare const VideoCurtainContextDefault: import("react").ForwardRefExoticComponent<VideoCurtainProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const VideoCurtainContext: import("react").Context<import("react").ForwardRefExoticComponent<VideoCurtainProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const VideoCurtain: import("react").ForwardRefExoticComponent<VideoCurtainProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/video-curtain/index.js

@@ -14,10 +14,10 @@ const VideoCurtainContextDefault = forwardRef(({ headline, sub, text, highlightT
     // @ts-expect-error
     , { 
         // @ts-expect-error
-        value: ButtonGroup, children: jsx(Container, { name: "visual", children: jsx(VisualContextDefault, { ...rest, ref: ref, skipButton: true, className: classnames(`dsa-video-curtain`, highlightText ? `dsa-video-curtain--highlight-text` : "", colorNeutral ? `dsa-video-curtain--color-neutral` : "", className), height: "fullScreen", inbox: true, box: {
+        value: ButtonGroup, children: jsx(Container, { name: "visual", children: jsx(VisualContextDefault, { ...rest, ref: ref, skipButton: true, className: classnames(`dsa-video-curtain`, textPosition && `dsa-video-curtain--content-${textPosition}`, highlightText && `dsa-video-curtain--highlight-text`, colorNeutral && `dsa-video-curtain--color-neutral`, className), height: "fullScreen", inbox: true, box: {
                     background: "transparent",
                     enabled: true,
-                    vertical: textPosition === "below" || textPosition === "corner"
+                    vertical: textPosition === "bottom" || textPosition === "corner"
                         ? "bottom"
                         : "center",
                     horizontal: textPosition === "left" || textPosition === "corner"
@@ -30,7 +30,9 @@ const VideoCurtainContextDefault = forwardRef(({ headline, sub, text, highlightT
                         buttons,
                         colorNeutral,
                         enabled: buttons.length > 0,
-                        arrangement: textPosition === "center" ? "center" : "left",
+                        arrangement: textPosition === "left" || textPosition === "corner"
+                            ? "left"
+                            : "center",
                     },
                     headline: {
                         text: headline,

package/dist/components/video-curtain/video-curtain.css

@@ -11,10 +11,15 @@
   --dsa-video-curtain__textbox--border-radius: var(--ks-border-radius-surface);
   --dsa-video-curtain__textbox--max-width: var(--dsa-section__content--width_narrow);
   --dsa-video-curtain__textbox--padding: var(--ks-spacing-inset-squish-xl);
-  --dsa-video-curtain__overlay--background: linear-gradient(
+  --dsa-video-curtain_corner__overlay--background: linear-gradient(
+    20deg,
+    var(--ks-color-fg-inverted-alpha-2) 30%,
+    transparent 80%
+  );
+  --dsa-video-curtain_bottom__overlay--background: linear-gradient(
     0deg,
-    var(--dsa-overlay-box_transparent--background-color) 15%,
-    transparent 50%
+    var(--ks-color-fg-inverted-alpha-1),
+    transparent
   );
 }
 
@@ -30,23 +35,28 @@
   );
   --c-visual_overlay--background-size: 100%;
 }
-.c-visual.dsa-video-curtain--highlight-text .c-visual__box {
-  --c-visual_text--font: var(--dsa-video-curtain_highlight-text__copy--font, var(--ks-font-copy-l));
-}
-.c-visual.dsa-video-curtain .c-visual__box {
-  --c-visual_box--background: var(--ks-background-color-default);
-  --c-visual_box--color: var(--ks-color-fg);
-  --c-visual_subheadline--color: var(--ks-text-color-primary);
-  --c-visual_headline--color: var(--ks-color-fg);
+.c-visual.dsa-video-curtain--color-neutral {
+  --dsa-video-curtain__copy--color: var(--dsa-video-curtain_color-neutral__copy--color, var(--ks-text-color-default));
+  --dsa-video-curtain__headline--color: var(
+    --dsa-video-curtain_color-neutral__copy--color,
+    var(--ks-text-color-default)
+  );
+  --dsa-video-curtain__subheadline--color: var(
+    --dsa-video-curtain_color-neutral__copy--color,
+    var(--ks-text-color-default)
+  );
 }
-@container visual (min-width: 640px) {
-  .c-visual.dsa-video-curtain .c-visual__box {
-    --c-visual_box--max-width: var(--dsa-video-curtain__textbox--max-width, 50rem);
-  }
+.c-visual.dsa-video-curtain--content-bottom {
+  --c-visual_overlay--background: var(
+    --dsa-video-curtain_bottom__overlay--background,
+    linear-gradient(0deg, var(--ks-background-color-default) 15%, transparent 50%)
+  );
 }
-
-.c-visual.dsa-video-curtain {
-  --c-visual_overlay--background-size: 100%;
+.c-visual.dsa-video-curtain--content-corner {
+  --c-visual_overlay--background: var(
+    --dsa-video-curtain_corner__overlay--background,
+    linear-gradient(40deg, var(--ks-background-color-default) 15%, transparent 50%)
+  );
 }
 .c-visual.dsa-video-curtain .c-visual__box {
   --c-visual_box--background: var(--dsa-video-curtain__textbox--background-color, var(--ks-color-bg-alpha-2));
@@ -55,19 +65,16 @@
   --c-visual_box--padding: var(--dsa-video-curtain__textbox--padding, var(--ks-spacing-inset-squish-xl));
   --c-visual_text--font: var(--dsa-video-curtain__copy--font, var(--dsa-rich-text--font));
 }
-.c-visual.dsa-video-curtain--highlight-text.c-visual {
+.c-visual.dsa-video-curtain--highlight-text {
   --dsa-video-curtain__copy--font: var(--dsa-video-curtain_highlight-text__box--font, var(--ks-font-copy-l));
 }
-.c-visual.dsa-video-curtain--color-neutral.c-visual {
-  --dsa-video-curtain__copy--color: var(--dsa-video-curtain_color-neutral__copy--color, var(--ks-text-color-default));
-  --dsa-video-curtain__headline--color: var(
-    --dsa-video-curtain_color-neutral__copy--color,
-    var(--ks-text-color-default)
-  );
-  --dsa-video-curtain__subheadline--color: var(
-    --dsa-video-curtain_color-neutral__copy--color,
-    var(--ks-text-color-default)
-  );
+.c-visual.dsa-video-curtain--highlight-text .c-visual__box {
+  --c-visual_text--font: var(--dsa-video-curtain_highlight-text__copy--font, var(--ks-font-copy-l));
+}
+@container visual (min-width: 640px) {
+  .c-visual.dsa-video-curtain .c-visual__box {
+    --c-visual_box--max-width: var(--dsa-video-curtain__textbox--max-width, 50rem);
+  }
 }
 
 .c-visual.dsa-video-curtain .dsa-headline .dsa-headline__headline {
@@ -90,6 +97,15 @@
 .c-visual.dsa-video-curtain .c-visual__box--transparent {
   padding: 0;
 }
+.c-visual.dsa-video-curtain:not(.dsa-video-curtain--content-bottom) .c-visual__continue-btn {
+  position: absolute;
+  bottom: 0;
+  left: 50%;
+  transform: translate(-50%, -10px);
+}
+.c-visual.dsa-video-curtain:not(.dsa-video-curtain--content-bottom) .c-visual__continue-btn:hover {
+  transform: translate(-50%);
+}
 .c-visual.dsa-video-curtain .c-visual__continue-btn {
   color: var(--dsa-overlay-text--text-color, var(--ks-color-fg));
   filter: drop-shadow(var(--dsa-overlay-text--shadow, 0 0 10px var(--ks-color-bg-inverted-alpha-3-base)));

package/dist/components/video-curtain/video-curtain.schema.dereffed.json

@@ -113,7 +113,7 @@
       "description": "Choose the alginment of the module content",
       "enum": [
         "center",
-        "below",
+        "bottom",
         "left",
         "right",
         "corner"

package/dist/components/video-curtain/video-curtain.schema.json

@@ -61,7 +61,7 @@
     "textPosition": {
       "title": "Module aligment",
       "description": "Choose the alginment of the module content",
-      "enum": ["center", "below", "left", "right", "corner"],
+      "enum": ["center", "bottom", "left", "right", "corner"],
       "type": "string",
       "default": "bottom"
     }

package/dist/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 12 May 2025 13:12:31 GMT
+ * Generated on Wed, 14 May 2025 07:10:56 GMT
  */
 :root [ks-theme=business] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -2727,7 +2727,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Mon, 12 May 2025 13:12:35 GMT
+ * Generated on Wed, 14 May 2025 07:11:00 GMT
  */
 :root [ks-theme=google] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -5458,7 +5458,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Mon, 12 May 2025 13:12:33 GMT
+ * Generated on Wed, 14 May 2025 07:10:58 GMT
  */
 :root [ks-theme=ngo] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -8459,7 +8459,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Mon, 12 May 2025 13:12:37 GMT
+ * Generated on Wed, 14 May 2025 07:11:02 GMT
  */
 :root [ks-theme=telekom] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);