@kickstartds/ds-agency-premium 1.6.68--canary.1587.98fc9e3.0 → 1.6.68--canary.1593.79f68de.0

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

@@ -25,9 +25,7 @@
       "enum": [
         "framed",
         "deko",
-        "colorful",
-        "accentTransition",
-        "boldTransition"
+        "colorful"
       ]
     },
     "backgroundColor": {
@@ -41,6 +39,19 @@
       ],
       "default": "default"
     },
+    "transition": {
+      "type": "string",
+      "title": "Style",
+      "description": "Color of background",
+      "enum": [
+        "none",
+        "to-default",
+        "to-accent",
+        "to-bold",
+        "to-inverted"
+      ],
+      "default": "default"
+    },
     "backgroundImage": {
       "title": "Background image",
       "description": "Background image for the whole section",
@@ -854,6 +865,12 @@
                 "type": "string",
                 "default": "bottom"
               },
+              "inverted": {
+                "type": "boolean",
+                "title": "Inverted",
+                "description": "Inverted color scheme for the box",
+                "default": false
+              },
               "type": {
                 "const": "hero"
               }
@@ -2050,6 +2067,12 @@
                           "type": "string",
                           "default": "bottom"
                         },
+                        "inverted": {
+                          "type": "boolean",
+                          "title": "Inverted",
+                          "description": "Inverted color scheme for the box",
+                          "default": false
+                        },
                         "type": {
                           "const": "hero"
                         }
@@ -3077,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/section/section.schema.json

@@ -16,13 +16,7 @@
       "type": "string",
       "title": "Style",
       "description": "Style of background",
-      "enum": [
-        "framed",
-        "deko",
-        "colorful",
-        "accentTransition",
-        "boldTransition"
-      ]
+      "enum": ["framed", "deko", "colorful"]
     },
     "backgroundColor": {
       "type": "string",
@@ -31,6 +25,13 @@
       "enum": ["default", "accent", "bold"],
       "default": "default"
     },
+    "transition": {
+      "type": "string",
+      "title": "Style",
+      "description": "Color of background",
+      "enum": ["none", "to-default", "to-accent", "to-bold", "to-inverted"],
+      "default": "default"
+    },
     "backgroundImage": {
       "title": "Background image",
       "description": "Background image for the whole section",

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,15 +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-inverted-alpha-2);
-  --dsa-overlay-background-color-inverted: var(--ks-color-bg-alpha-2);
-  --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);
@@ -326,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 08:19:40 GMT
+ * Generated on Mon, 12 May 2025 12:52:04 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 08:19:45 GMT
+ * Generated on Mon, 12 May 2025 12:52:08 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 08:19:43 GMT
+ * Generated on Mon, 12 May 2025 12:52:06 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 08:19:47 GMT
+ * Generated on Mon, 12 May 2025 12:52:10 GMT
  */
 :root [ks-theme=telekom] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);

package/dist/tokens/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 12 May 2025 08:19:38 GMT
+ * Generated on Mon, 12 May 2025 12:52:01 GMT
  */
 
 :root, [ks-theme] {
@@ -205,18 +205,18 @@
   --ks-border-width-default: 1px;
   --ks-border-width-emphasized: 2px;
   --ks-border-radius-control: 8px;
-  --ks-border-radius-card: 8px 8px 8px 24px;
-  --ks-border-radius-surface: 32px;
+  --ks-border-radius-card: 8px 8px 8px 32px;
+  --ks-border-radius-surface: 16px;
   --ks-border-radius-pill: 999px;
   --ks-border-radius-circle: 50%;
   --ks-box-shadow-opacity-control: 0.2;
   --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;
@@ -733,7 +733,7 @@
   --ks-spacing-inset-stretch-m: var(--ks-spacing-l) var(--ks-spacing-m);
   --ks-spacing-inset-stretch-l: var(--ks-spacing-xl) var(--ks-spacing-l);
   --ks-spacing-inset-stretch-xl: var(--ks-spacing-xxl) var(--ks-spacing-xl);
-  --ks-text-color-default-base: var(--ks-color-fg-base);
+  --ks-text-color-default-base: var(--ks-color-fg-alpha-3-base);
   --ks-text-color-default-interactive-base: var(--ks-color-link-base);
   --ks-text-color-default-interactive-hover-base: var(--ks-color-link-base);
   --ks-text-color-default-interactive-active-base: var(--ks-color-link-base);
@@ -842,7 +842,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/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 12 May 2025 08:19:38 GMT
+ * Generated on Mon, 12 May 2025 12:52:02 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#f3f3f4";
@@ -204,18 +204,18 @@ export const KsBorderColorNegativeInvertedTranslucentBase = "rgba(210, 29, 72, 0
 export const KsBorderWidthDefault = "1px";
 export const KsBorderWidthEmphasized = "2px";
 export const KsBorderRadiusControl = "8px";
-export const KsBorderRadiusCard = "8px 8px 8px 24px";
-export const KsBorderRadiusSurface = "32px";
+export const KsBorderRadiusCard = "8px 8px 8px 32px";
+export const KsBorderRadiusSurface = "16px";
 export const KsBorderRadiusPill = "999px";
 export const KsBorderRadiusCircle = "50%";
 export const KsBoxShadowOpacityControl = "0.2";
 export const KsBoxShadowOpacityControlHover = "0.3";
 export const KsBoxShadowOpacityControlInverted = "0.2";
 export const KsBoxShadowOpacityControlInvertedHover = "0.3";
-export const KsBoxShadowOpacityCard = "0.2";
-export const KsBoxShadowOpacityCardHover = "0.3";
-export const KsBoxShadowOpacityCardInverted = "0.2";
-export const KsBoxShadowOpacityCardInvertedHover = "0.3";
+export const KsBoxShadowOpacityCard = "0.1";
+export const KsBoxShadowOpacityCardHover = "0.2";
+export const KsBoxShadowOpacityCardInverted = "0.1";
+export const KsBoxShadowOpacityCardInvertedHover = "0.2";
 export const KsBoxShadowOpacitySurface = "0.1";
 export const KsBoxShadowOpacitySurfaceHover = "0.2";
 export const KsBoxShadowOpacitySurfaceInverted = "0.1";
@@ -224,10 +224,10 @@ export const KsBoxShadowColorControl = "rgba(6,8,31,0.2)";
 export const KsBoxShadowColorControlHover = "rgba(6,8,31,0.3)";
 export const KsBoxShadowColorControlInverted = "rgba(6,8,31,0.2)";
 export const KsBoxShadowColorControlInvertedHover = "rgba(6,8,31,0.3)";
-export const KsBoxShadowColorCard = "rgba(6,8,31,0.2)";
-export const KsBoxShadowColorCardHover = "rgba(6,8,31,0.3)";
-export const KsBoxShadowColorCardInverted = "rgba(6,8,31,0.2)";
-export const KsBoxShadowColorCardInvertedHover = "rgba(6,8,31,0.3)";
+export const KsBoxShadowColorCard = "rgba(6,8,31,0.1)";
+export const KsBoxShadowColorCardHover = "rgba(6,8,31,0.2)";
+export const KsBoxShadowColorCardInverted = "rgba(6,8,31,0.1)";
+export const KsBoxShadowColorCardInvertedHover = "rgba(6,8,31,0.2)";
 export const KsBoxShadowColorSurface = "rgba(6,8,31,0.1)";
 export const KsBoxShadowColorSurfaceHover = "rgba(6,8,31,0.2)";
 export const KsBoxShadowColorSurfaceInverted = "rgba(6,8,31,0.1)";
@@ -236,10 +236,10 @@ export const KsBoxShadowControl = "0 1px 2.75px rgba(6,8,31,0.2)";
 export const KsBoxShadowControlHover = "0 1px 5.5px rgba(6,8,31,0.3)";
 export const KsBoxShadowControlInverted = "0 1px 2.75px rgba(6,8,31,0.2)";
 export const KsBoxShadowControlInvertedHover = "0 1px 5.5px rgba(6,8,31,0.3)";
-export const KsBoxShadowCard = "0 1px 5.5px rgba(6,8,31,0.2)";
-export const KsBoxShadowCardHover = "0 1px 11px rgba(6,8,31,0.3)";
-export const KsBoxShadowCardInverted = "0 1px 5.5px rgba(6,8,31,0.2)";
-export const KsBoxShadowCardInvertedHover = "0 1px 11px rgba(6,8,31,0.3)";
+export const KsBoxShadowCard = "0 1px 5.5px rgba(6,8,31,0.1)";
+export const KsBoxShadowCardHover = "0 1px 11px rgba(6,8,31,0.2)";
+export const KsBoxShadowCardInverted = "0 1px 5.5px rgba(6,8,31,0.1)";
+export const KsBoxShadowCardInvertedHover = "0 1px 11px rgba(6,8,31,0.2)";
 export const KsBoxShadowSurface = "0 1px 11px rgba(6,8,31,0.1)";
 export const KsBoxShadowSurfaceHover = "0 1px 22px rgba(6,8,31,0.2)";
 export const KsBoxShadowSurfaceInverted = "0 1px 11px rgba(6,8,31,0.1)";
@@ -737,7 +737,7 @@ export const KsSpacingInsetStretchS = "0.875rem 0.6364rem";
 export const KsSpacingInsetStretchM = "1.2031rem 0.875rem";
 export const KsSpacingInsetStretchL = "1.6543rem 1.2031rem";
 export const KsSpacingInsetStretchXl = "2.2747rem 1.6543rem";
-export const KsTextColorDefaultBase = "#06081f";
+export const KsTextColorDefaultBase = "rgba(6, 8, 31, 0.76)";
 export const KsTextColorDefaultInteractiveBase = "#3065c0";
 export const KsTextColorDefaultInteractiveHoverBase = "#3065c0";
 export const KsTextColorDefaultInteractiveActiveBase = "#3065c0";
@@ -846,7 +846,7 @@ export const KsTimingFunctionEaseOut = "ease-out";
 export const KsTimingFunctionEaseIn = "ease-in";
 export const KsTimingFunctionEaseInOut = "ease-in-out";
 export const KsTimingFunctionLinear = "linear";
-export const KsTransitionCollapse = "300ms ease-out";
+export const KsTransitionCollapse = "150ms ease-out";
 export const KsTransitionHover = "100ms ease-in-out";
 export const KsTransitionFade = "300ms ease-out";
 export const KsFontFamilyDisplay = "Inter, Baskerville, 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kickstartds/ds-agency-premium",
-  "version": "1.6.68--canary.1587.98fc9e3.0",
+  "version": "1.6.68--canary.1593.79f68de.0",
   "description": "",
   "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
   "bugs": {