@kickstartds/ds-agency-premium 1.6.68--canary.1591.bd2b7d4.0 → 1.6.68--canary.1597.5fb463e.0

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 12 May 2025 10:15:29 GMT
+ * Generated on Mon, 12 May 2025 13:01:55 GMT
  */
 :root, [ks-theme] {
   --ks-background-color-accent-base: var(--ks-color-fg-to-bg-9-base);
@@ -212,10 +212,10 @@
   --ks-box-shadow-opacity-control-hover: 0.3;
   --ks-box-shadow-opacity-control-inverted: 0.2;
   --ks-box-shadow-opacity-control-inverted-hover: 0.3;
-  --ks-box-shadow-opacity-card: 0.2;
-  --ks-box-shadow-opacity-card-hover: 0.3;
-  --ks-box-shadow-opacity-card-inverted: 0.2;
-  --ks-box-shadow-opacity-card-inverted-hover: 0.3;
+  --ks-box-shadow-opacity-card: 0.1;
+  --ks-box-shadow-opacity-card-hover: 0.2;
+  --ks-box-shadow-opacity-card-inverted: 0.1;
+  --ks-box-shadow-opacity-card-inverted-hover: 0.2;
   --ks-box-shadow-opacity-surface: 0.1;
   --ks-box-shadow-opacity-surface-hover: 0.2;
   --ks-box-shadow-opacity-surface-inverted: 0.1;
@@ -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: #f3f3f4;
-  --ks-color-fg-inverted-to-bg-2-base: #dfdfe2;
-  --ks-color-fg-inverted-to-bg-3-base: #c3c4c9;
-  --ks-color-fg-inverted-to-bg-4-base: #a3a4ac;
-  --ks-color-fg-inverted-to-bg-5-base: #83848f;
-  --ks-color-fg-inverted-to-bg-6-base: #626372;
-  --ks-color-fg-inverted-to-bg-7-base: #424355;
-  --ks-color-fg-inverted-to-bg-8-base: #26283c;
-  --ks-color-fg-inverted-to-bg-9-base: #12142a;
+  --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-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: #06081f;
-  --ks-color-bg-inverted-alpha-1-base: rgba(6,8,31,.95);
-  --ks-color-bg-inverted-alpha-2-base: rgba(6,8,31,.87);
-  --ks-color-bg-inverted-alpha-3-base: rgba(6,8,31,.76);
-  --ks-color-bg-inverted-alpha-4-base: rgba(6,8,31,.63);
-  --ks-color-bg-inverted-alpha-5-base: rgba(6,8,31,.5);
-  --ks-color-bg-inverted-alpha-6-base: rgba(6,8,31,.37);
-  --ks-color-bg-inverted-alpha-7-base: rgba(6,8,31,.24);
-  --ks-color-bg-inverted-alpha-8-base: rgba(6,8,31,.13);
-  --ks-color-bg-inverted-alpha-9-base: rgba(6,8,31,.05);
-  --ks-color-bg-inverted-to-fg-1-base: #12142a;
-  --ks-color-bg-inverted-to-fg-2-base: #26283c;
-  --ks-color-bg-inverted-to-fg-3-base: #424355;
-  --ks-color-bg-inverted-to-fg-4-base: #626372;
-  --ks-color-bg-inverted-to-fg-5-base: #83848f;
-  --ks-color-bg-inverted-to-fg-6-base: #a3a4ac;
-  --ks-color-bg-inverted-to-fg-7-base: #c3c4c9;
-  --ks-color-bg-inverted-to-fg-8-base: #dfdfe2;
-  --ks-color-bg-inverted-to-fg-9-base: #f3f3f4;
+  --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-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: #2e60b8;
-  --ks-color-primary-inverted-to-bg-2-base: #2b59ab;
-  --ks-color-primary-inverted-to-bg-3-base: #264f99;
-  --ks-color-primary-inverted-to-bg-4-base: #204384;
-  --ks-color-primary-inverted-to-bg-5-base: #1b3770;
-  --ks-color-primary-inverted-to-bg-6-base: #162a5b;
-  --ks-color-primary-inverted-to-bg-7-base: #101e46;
-  --ks-color-primary-inverted-to-bg-8-base: #0b1434;
-  --ks-color-primary-inverted-to-bg-9-base: #080d27;
+  --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-fg-1-base: #3a6dc3;
   --ks-color-primary-inverted-to-fg-2-base: #4b79c8;
   --ks-color-primary-inverted-to-fg-3-base: #628acf;
@@ -415,15 +415,15 @@
   --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: #2e60b8;
-  --ks-color-link-inverted-to-bg-2-base: #2b59ab;
-  --ks-color-link-inverted-to-bg-3-base: #264f99;
-  --ks-color-link-inverted-to-bg-4-base: #204384;
-  --ks-color-link-inverted-to-bg-5-base: #1b3770;
-  --ks-color-link-inverted-to-bg-6-base: #162a5b;
-  --ks-color-link-inverted-to-bg-7-base: #101e46;
-  --ks-color-link-inverted-to-bg-8-base: #0b1434;
-  --ks-color-link-inverted-to-bg-9-base: #080d27;
+  --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;
@@ -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: #227d1b;
-  --ks-color-positive-inverted-to-bg-2-base: #1f731c;
-  --ks-color-positive-inverted-to-bg-3-base: #1c651c;
-  --ks-color-positive-inverted-to-bg-4-base: #18551c;
-  --ks-color-positive-inverted-to-bg-5-base: #15461d;
-  --ks-color-positive-inverted-to-bg-6-base: #11361e;
-  --ks-color-positive-inverted-to-bg-7-base: #0d261e;
-  --ks-color-positive-inverted-to-bg-8-base: #0a181e;
-  --ks-color-positive-inverted-to-bg-9-base: #070e1f;
+  --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-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: #006c89;
-  --ks-color-informative-inverted-to-bg-2-base: #016380;
-  --ks-color-informative-inverted-to-bg-3-base: #015874;
-  --ks-color-informative-inverted-to-bg-4-base: #024a66;
-  --ks-color-informative-inverted-to-bg-5-base: #033d57;
-  --ks-color-informative-inverted-to-bg-6-base: #042f48;
-  --ks-color-informative-inverted-to-bg-7-base: #05213a;
-  --ks-color-informative-inverted-to-bg-8-base: #05162e;
-  --ks-color-informative-inverted-to-bg-9-base: #060d25;
+  --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-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: #f35950;
-  --ks-color-notice-inverted-to-bg-2-base: #df524c;
-  --ks-color-notice-inverted-to-bg-3-base: #c34947;
-  --ks-color-notice-inverted-to-bg-4-base: #a33e40;
-  --ks-color-notice-inverted-to-bg-5-base: #833339;
-  --ks-color-notice-inverted-to-bg-6-base: #622732;
-  --ks-color-notice-inverted-to-bg-7-base: #421c2b;
-  --ks-color-notice-inverted-to-bg-8-base: #261326;
-  --ks-color-notice-inverted-to-bg-9-base: #120c22;
+  --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-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: #c81c46;
-  --ks-color-negative-inverted-to-bg-2-base: #b71a43;
-  --ks-color-negative-inverted-to-bg-3-base: #a1183e;
-  --ks-color-negative-inverted-to-bg-4-base: #871539;
-  --ks-color-negative-inverted-to-bg-5-base: #6c1334;
-  --ks-color-negative-inverted-to-bg-6-base: #51102e;
-  --ks-color-negative-inverted-to-bg-7-base: #370d29;
-  --ks-color-negative-inverted-to-bg-8-base: #210b24;
-  --ks-color-negative-inverted-to-bg-9-base: #100921;
+  --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-fg-1-base: #d42851;
   --ks-color-negative-inverted-to-fg-2-base: #d83a60;
   --ks-color-negative-inverted-to-fg-3-base: #dd5374;
@@ -841,7 +841,7 @@
   --ks-timing-function-ease-in: ease-in;
   --ks-timing-function-ease-in-out: ease-in-out;
   --ks-timing-function-linear: linear;
-  --ks-transition-collapse: var(--ks-duration-slow) var(--ks-timing-function-ease-out);
+  --ks-transition-collapse: var(--ks-duration-medium) var(--ks-timing-function-ease-out);
   --ks-transition-hover: var(--ks-duration-fast) var(--ks-timing-function-ease-in-out);
   --ks-transition-fade: var(--ks-duration-slow) var(--ks-timing-function-ease-out);
   --ks-font-family-display: Inter, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;

package/dist/components/presets.json

@@ -2025,6 +2025,7 @@
         "indent": "none"
       },
       "textPosition": "below",
+      "inverted": false,
       "headline": "Welcome to Our Dynamic Workplace",
       "sub": "Where Creativity Meets Innovation",
       "text": "Experience the perfect blend of creativity, innovation, and productivity in our modern office environment."
@@ -2062,6 +2063,7 @@
         "indent": "none"
       },
       "textPosition": "center",
+      "inverted": false,
       "headline": "Master Scalable Solutions",
       "text": "Harness our expertise in crafting scalable and robust applications using cutting-edge technologies."
     },
@@ -2098,6 +2100,7 @@
         "indent": "none"
       },
       "textPosition": "left",
+      "inverted": false,
       "headline": "Discover Our Design System",
       "sub": "Scalable. Efficient. Seamless.",
       "text": "Our design system provides a seamless and efficient framework for building scalable applications. Experience unprecedented speed and scalability with our Headless CMS powered websites, web apps & composable architecture."

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

@@ -865,6 +865,12 @@
                 "type": "string",
                 "default": "bottom"
               },
+              "inverted": {
+                "type": "boolean",
+                "title": "Inverted",
+                "description": "Inverted color scheme for the box",
+                "default": false
+              },
               "type": {
                 "const": "hero"
               }
@@ -2061,6 +2067,12 @@
                           "type": "string",
                           "default": "bottom"
                         },
+                        "inverted": {
+                          "type": "boolean",
+                          "title": "Inverted",
+                          "description": "Inverted color scheme for the box",
+                          "default": false
+                        },
                         "type": {
                           "const": "hero"
                         }
@@ -3088,8 +3100,10 @@
                 "description": "Choose the alginment of the module content",
                 "enum": [
                   "center",
+                  "below",
                   "left",
-                  "right"
+                  "right",
+                  "corner"
                 ],
                 "type": "string",
                 "default": "bottom"

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

@@ -604,6 +604,12 @@
                 "type": "string",
                 "default": "bottom"
               },
+              "inverted": {
+                "type": "boolean",
+                "title": "Inverted",
+                "description": "Inverted color scheme for the box",
+                "default": false
+              },
               "type": {
                 "const": "hero"
               }

package/dist/components/teaser-card/teaser-card.css

@@ -117,18 +117,17 @@
   .dsa-teaser-card--unset img {
     height: 100%;
   }
-  .dsa-teaser-card--row {
+  .dsa-teaser-card--row .c-teaser {
     flex-direction: row;
   }
-  .dsa-teaser-card--row .c-teaser__body {
+  .dsa-teaser-card--row .c-teaser .c-teaser__body {
     justify-content: center;
     flex-basis: 50%;
   }
-  .dsa-teaser-card--row .c-teaser__body .c-teaser__text {
+  .dsa-teaser-card--row .c-teaser .c-teaser__body .c-teaser__text {
     flex: 0;
   }
-  .dsa-teaser-card--row > :first-child:not(.c-teaser__body) {
+  .dsa-teaser-card--row .c-teaser > :first-child:not(.c-teaser__body) {
     flex: 50%;
-    border-radius: var(--dsa-teaser-card--border-radius) 0 0 var(--dsa-teaser-card--border-radius);
   }
 }

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { VideoCurtainProps } from "../../VideoCurtainProps-6c625a69.js";
+import { VideoCurtainProps } from "../../VideoCurtainProps-2b7b0265.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

@@ -15,11 +15,16 @@ const VideoCurtainContextDefault = forwardRef(({ headline, sub, text, highlightT
     , { 
         // @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: {
-                    inverted: true,
                     background: "transparent",
                     enabled: true,
-                    vertical: "center",
-                    horizontal: textPosition,
+                    vertical: textPosition === "below" || textPosition === "corner"
+                        ? "bottom"
+                        : "center",
+                    horizontal: textPosition === "left" || textPosition === "corner"
+                        ? "left"
+                        : textPosition === "right"
+                            ? "right"
+                            : "center",
                     link: {
                         // @ts-expect-error
                         buttons,

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

@@ -13,7 +13,7 @@
   --dsa-video-curtain__textbox--padding: var(--ks-spacing-inset-squish-xl);
   --dsa-video-curtain__overlay--background: linear-gradient(
     0deg,
-    var(--dsa-overlay--background-color) 15%,
+    var(--dsa-overlay-box--background-color) 15%,
     transparent 50%
   );
 }
@@ -87,7 +87,10 @@
   max-width: var(--c-visual_box--max-width);
   padding: var(--c-visual_box--padding);
 }
+.c-visual.dsa-video-curtain .c-visual__box--transparent {
+  padding: 0;
+}
 .c-visual.dsa-video-curtain .c-visual__continue-btn {
-  color: var(--dsa-overlay--text-color, var(--ks-color-fg-inverted));
-  filter: drop-shadow(0 2px 6px var(--dsa-overlay--text-color-inverted));
+  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,8 +113,10 @@
       "description": "Choose the alginment of the module content",
       "enum": [
         "center",
+        "below",
         "left",
-        "right"
+        "right",
+        "corner"
       ],
       "type": "string",
       "default": "bottom"

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", "left", "right"],
+      "enum": ["center", "below", "left", "right", "corner"],
       "type": "string",
       "default": "bottom"
     }

package/dist/global.css

@@ -291,16 +291,15 @@ h3 {
     --c-rich-text_headline--margin:1.5em 0 1em;
   }
 }
-:root,
-[ks-inverted],
-[ks-theme] {
+:root, [ks-inverted], [ks-theme] {
   --dsa-text-color-on-primary-base: var(--ks-color-fg-inverted);
   --dsa-text-color-on-primary-inverted-base: var(--ks-color-fg);
-  --dsa-overlay--background-color: var(--ks-color-bg-alpha-3);
-  --dsa-overlay--background-color-inverted: var(--ks-color-bg-inverted-alpha-3);
-  --dsa-overlay--backdrop-filter: blur(10px);
-  --dsa-overlay--text-color: var(--ks-color-fg);
-  --dsa-overlay--text-color-inverted: var(--ks-color-fg-inverted);
+  --dsa-overlay-box--background-color: var(--ks-color-bg-alpha-3);
+  --dsa-overlay-box--background-color-inverted: var(--ks-color-bg-inverted-alpha-3);
+  --dsa-overlay-box--backdrop-filter: blur(40px);
+  --dsa-overlay-box--text-color: var(--ks-color-fg);
+  --dsa-overlay-text--shadow: 0 0 10px var(--ks-color-fg-inverted);
+  --dsa-overlay-text--text-color: var(--ks-text-color-display);
   --dsa-topic--font: var(--ks-font-display-m);
   --dsa-topic--font-weight: var(--ks-font-weight-semi-bold);
   --dsa-topic--color: var(--ks-text-color-display);
@@ -327,23 +326,17 @@ h3 {
   --dsa-header--height: calc(var(--dsa-logo--height) + var(--ks-spacing-stack-m) + var(--ks-spacing-stack-m));
 }
 @media (min-width: 48em) {
-  :root,
-  [ks-inverted],
-  [ks-theme] {
+  :root, [ks-inverted], [ks-theme] {
     --dsa-content--horizontal-spacing: var(--ks-spacing-inset-xl);
   }
 }
 @media (min-width: 48em) {
-  :root,
-  [ks-inverted],
-  [ks-theme] {
+  :root, [ks-inverted], [ks-theme] {
     --dsa-logo--height: 2.5rem;
   }
 }
 @media (min-width: 62em) {
-  :root,
-  [ks-inverted],
-  [ks-theme] {
+  :root, [ks-inverted], [ks-theme] {
     --dsa-logo--height: 3rem;
   }
 }

package/dist/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 12 May 2025 10:15:32 GMT
+ * Generated on Mon, 12 May 2025 13:01:58 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 10:15:36 GMT
+ * Generated on Mon, 12 May 2025 13:02:02 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 10:15:34 GMT
+ * Generated on Mon, 12 May 2025 13:02:00 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 10:15:38 GMT
+ * Generated on Mon, 12 May 2025 13:02:04 GMT
  */
 :root [ks-theme=telekom] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);