@kickstartds/ds-agency-premium 1.6.71--canary.1897.4e4f047.0 → 1.6.71--canary.1902.35c9a9f.0

package/dist/BlogOverviewProps-9f207f1c.d.ts

@@ -5,7 +5,7 @@
  */
 import { SectionProps } from "./SectionProps-21d04028.js";
 import { BlogTeaserProps } from "./BlogTeaserProps-f5855e93.js";
-import { CtaProps } from "./CtaProps-babe4ee6.js";
+import { CtaProps } from "./CtaProps-789f8508.js";
 import { SeoProps } from "./SeoProps-f2d6dcaa.js";
 /**
  * Collection of sections (with their contents) to render as the blog overview intro

package/dist/BlogPostProps-6b3cff22.d.ts

@@ -6,7 +6,7 @@
 import { BlogHeadProps } from "./BlogHeadProps-c04a5ed8.js";
 import { BlogAsideProps } from "./BlogAsideProps-c760fd2a.js";
 import { SectionProps } from "./SectionProps-21d04028.js";
-import { CtaProps } from "./CtaProps-babe4ee6.js";
+import { CtaProps } from "./CtaProps-789f8508.js";
 import { SeoProps } from "./SeoProps-f2d6dcaa.js";
 /**
  * Body text for the blog post, overwrites sections if present

package/dist/{CtaProps-babe4ee6.d.ts → CtaProps-789f8508.d.ts}

@@ -79,10 +79,6 @@ type VerticalAlignmentOfTheContent = "center" | "top" | "bottom";
  * Toggle padding of the content
  */
 type Padding1 = boolean;
-/**
- * Toggle inversion of the component
- */
-type Inverted = boolean;
 interface CtaProps {
     headline?: ComponentHeadline;
     sub?: ComponentSubheadline;
@@ -97,7 +93,6 @@ interface CtaProps {
     textAlign?: TextAlignment;
     align?: VerticalAlignmentOfTheContent;
     padding?: Padding1;
-    inverted?: Inverted;
 }
 interface Button {
     label?: Label;
@@ -120,4 +115,4 @@ interface Order {
     mobileImageLast?: MobileImageAfterText;
     desktopImageLast?: DesktopImageAfterText;
 }
-export { ComponentHeadline, ComponentSubheadline, ComponentText, HighlightText, ColorNeutral, Label, Icon, URL, BackgroundColor, BackgroundImage, ImageSource, Padding, AltText, VerticalAlignmentOfTheImage, MobileImageAfterText, DesktopImageAfterText, TextAlignment, VerticalAlignmentOfTheContent, Padding1, Inverted, CtaProps, Button, Image, Order };
+export { ComponentHeadline, ComponentSubheadline, ComponentText, HighlightText, ColorNeutral, Label, Icon, URL, BackgroundColor, BackgroundImage, ImageSource, Padding, AltText, VerticalAlignmentOfTheImage, MobileImageAfterText, DesktopImageAfterText, TextAlignment, VerticalAlignmentOfTheContent, Padding1, CtaProps, Button, Image, Order };

package/dist/{HeroProps-40f6c7f5.d.ts → HeroProps-2ff0068e.d.ts}

@@ -71,11 +71,7 @@ type AltText = string;
 /**
  * Choose the alginment of the module content
  */
-type ModuleAligment = "center" | "below" | "left" | "right" | "corner";
-/**
- * Inverted color scheme for the box
- */
-type Inverted = boolean;
+type ModuleAligment = "center" | "below" | "offset" | "left" | "right" | "corner" | "bottom";
 interface HeroProps {
     headline?: Headline;
     sub?: ModuleSubheadline;
@@ -88,7 +84,6 @@ interface HeroProps {
     overlay?: GridLayer;
     image?: BackgroundImage;
     textPosition?: ModuleAligment;
-    inverted?: Inverted;
 }
 interface Button {
     label?: Label;
@@ -106,4 +101,4 @@ interface BackgroundImage {
     indent?: ImageIndent;
     alt?: AltText;
 }
-export { Headline, ModuleSubheadline, ModuleText, HighlightText, ColorNeutral, Height, Textbox, Label, Icon, URL, GridLayer, MobileImageSource, TabletImageSource, DesktopImageSource, OptionalSource, ImageIndent, AltText, ModuleAligment, Inverted, HeroProps, Button, BackgroundImage };
+export { Headline, ModuleSubheadline, ModuleText, HighlightText, ColorNeutral, Height, Textbox, Label, Icon, URL, GridLayer, MobileImageSource, TabletImageSource, DesktopImageSource, OptionalSource, ImageIndent, AltText, ModuleAligment, HeroProps, Button, BackgroundImage };

package/dist/SectionProps-21d04028.d.ts

@@ -3,18 +3,18 @@
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
-import { CtaProps } from "./CtaProps-babe4ee6.js";
+import { CtaProps } from "./CtaProps-789f8508.js";
 import { DividerProps } from "./DividerProps-2ef31901.js";
 import { FaqProps } from "./FaqProps-ad618cd5.js";
 import { FeaturesProps } from "./FeaturesProps-a9041d97.js";
 import { GalleryProps } from "./GalleryProps-76e7de44.js";
-import { HeroProps } from "./HeroProps-40f6c7f5.js";
+import { HeroProps } from "./HeroProps-2ff0068e.js";
 import { HtmlProps } from "./HtmlProps-9d091769.js";
 import { ImageStoryProps } from "./ImageStoryProps-e853e1e7.js";
 import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
 import { LogosProps } from "./LogosProps-f9474fe2.js";
 import { MosaicProps } from "./MosaicProps-d52c7151.js";
-import { SliderProps } from "./SliderProps-babe4ee6.js";
+import { SliderProps } from "./SliderProps-789f8508.js";
 import { StatsProps } from "./StatsProps-bf5ef578.js";
 import { TeaserCardProps } from "./TeaserCardProps-994cb119.js";
 import { TestimonialsProps } from "./TestimonialsProps-e344f597.js";

package/dist/{SliderProps-babe4ee6.d.ts → SliderProps-789f8508.d.ts}

@@ -3,10 +3,10 @@
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
-import { CtaProps } from "./CtaProps-babe4ee6.js";
+import { CtaProps } from "./CtaProps-789f8508.js";
 import { FeaturesProps } from "./FeaturesProps-a9041d97.js";
 import { GalleryProps } from "./GalleryProps-76e7de44.js";
-import { HeroProps } from "./HeroProps-40f6c7f5.js";
+import { HeroProps } from "./HeroProps-2ff0068e.js";
 import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
 import { LogosProps } from "./LogosProps-f9474fe2.js";
 import { StatsProps } from "./StatsProps-bf5ef578.js";

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

@@ -416,12 +416,6 @@
                       "type": "boolean",
                       "default": false
                     },
-                    "inverted": {
-                      "title": "Inverted",
-                      "description": "Toggle inversion of the component",
-                      "type": "boolean",
-                      "default": false
-                    },
                     "type": {
                       "const": "cta"
                     }
@@ -884,19 +878,15 @@
                       "enum": [
                         "center",
                         "below",
+                        "offset",
                         "left",
                         "right",
-                        "corner"
+                        "corner",
+                        "bottom"
                       ],
                       "type": "string",
                       "default": "bottom"
                     },
-                    "inverted": {
-                      "type": "boolean",
-                      "title": "Inverted",
-                      "description": "Inverted color scheme for the box",
-                      "default": false
-                    },
                     "type": {
                       "const": "hero"
                     }
@@ -1712,12 +1702,6 @@
                                 "type": "boolean",
                                 "default": false
                               },
-                              "inverted": {
-                                "title": "Inverted",
-                                "description": "Toggle inversion of the component",
-                                "type": "boolean",
-                                "default": false
-                              },
                               "type": {
                                 "const": "cta"
                               }
@@ -2097,19 +2081,15 @@
                                 "enum": [
                                   "center",
                                   "below",
+                                  "offset",
                                   "left",
                                   "right",
-                                  "corner"
+                                  "corner",
+                                  "bottom"
                                 ],
                                 "type": "string",
                                 "default": "bottom"
                               },
-                              "inverted": {
-                                "type": "boolean",
-                                "title": "Inverted",
-                                "description": "Inverted color scheme for the box",
-                                "default": false
-                              },
                               "type": {
                                 "const": "hero"
                               }
@@ -3915,12 +3895,6 @@
           "type": "boolean",
           "default": false
         },
-        "inverted": {
-          "title": "Inverted",
-          "description": "Toggle inversion of the component",
-          "type": "boolean",
-          "default": false
-        },
         "type": {
           "const": "cta"
         }

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

@@ -700,12 +700,6 @@
                       "type": "boolean",
                       "default": false
                     },
-                    "inverted": {
-                      "title": "Inverted",
-                      "description": "Toggle inversion of the component",
-                      "type": "boolean",
-                      "default": false
-                    },
                     "type": {
                       "const": "cta"
                     }
@@ -1168,19 +1162,15 @@
                       "enum": [
                         "center",
                         "below",
+                        "offset",
                         "left",
                         "right",
-                        "corner"
+                        "corner",
+                        "bottom"
                       ],
                       "type": "string",
                       "default": "bottom"
                     },
-                    "inverted": {
-                      "type": "boolean",
-                      "title": "Inverted",
-                      "description": "Inverted color scheme for the box",
-                      "default": false
-                    },
                     "type": {
                       "const": "hero"
                     }
@@ -1996,12 +1986,6 @@
                                 "type": "boolean",
                                 "default": false
                               },
-                              "inverted": {
-                                "title": "Inverted",
-                                "description": "Toggle inversion of the component",
-                                "type": "boolean",
-                                "default": false
-                              },
                               "type": {
                                 "const": "cta"
                               }
@@ -2381,19 +2365,15 @@
                                 "enum": [
                                   "center",
                                   "below",
+                                  "offset",
                                   "left",
                                   "right",
-                                  "corner"
+                                  "corner",
+                                  "bottom"
                                 ],
                                 "type": "string",
                                 "default": "bottom"
                               },
-                              "inverted": {
-                                "type": "boolean",
-                                "title": "Inverted",
-                                "description": "Inverted color scheme for the box",
-                                "default": false
-                              },
                               "type": {
                                 "const": "hero"
                               }
@@ -3682,12 +3662,6 @@
           "type": "boolean",
           "default": false
         },
-        "inverted": {
-          "title": "Inverted",
-          "description": "Toggle inversion of the component",
-          "type": "boolean",
-          "default": false
-        },
         "type": {
           "const": "cta"
         }

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

@@ -165,12 +165,6 @@
       "type": "boolean",
       "default": false
     },
-    "inverted": {
-      "title": "Inverted",
-      "description": "Toggle inversion of the component",
-      "type": "boolean",
-      "default": false
-    },
     "type": {
       "const": "cta"
     }

package/dist/components/cta/cta.schema.json

@@ -131,12 +131,6 @@
       "description": "Toggle padding of the content",
       "type": "boolean",
       "default": false
-    },
-    "inverted": {
-      "title": "Inverted",
-      "description": "Toggle inversion of the component",
-      "type": "boolean",
-      "default": false
     }
   },
   "additionalProperties": false

package/dist/components/cta/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { CtaProps } from "../../CtaProps-babe4ee6.js";
+import { CtaProps } from "../../CtaProps-789f8508.js";
 declare const CtaContextDefault: import("react").ForwardRefExoticComponent<CtaProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const CtaContext: import("react").Context<import("react").ForwardRefExoticComponent<CtaProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const Cta: import("react").ForwardRefExoticComponent<CtaProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/cta/index.js

@@ -8,7 +8,7 @@ import { useButtonGroup } from '../button-group/index.js';
 import { Container } from '@kickstartds/core/lib/container';
 import '@kickstartds/base/lib/button-group';
 
-const CtaContextDefault = forwardRef(({ headline, highlightText = false, sub, image, text, textAlign, backgroundImage, backgroundColor, colorNeutral, align, padding, order, buttons = [], inverted = false, ...rest }, ref) => {
+const CtaContextDefault = forwardRef(({ headline, highlightText = false, sub, image, text, textAlign, backgroundImage, backgroundColor, colorNeutral, align, padding, order, buttons = [], ...rest }, ref) => {
     const ButtonGroup = useButtonGroup();
     return (jsx(ButtonContext.Provider
     // @ts-expect-error

package/dist/components/hero/hero.css

@@ -20,24 +20,19 @@
   --dsa-hero__textbox--border-radius: var(--ks-border-radius-card);
   --dsa-hero__textbox--max-width: var(--dsa-content--width_narrow);
   --dsa-hero__textbox--padding: var(--ks-spacing-inset-squish-xl);
-  --dsa-hero_below__textbox--max-width: var(--dsa-content--width_default);
-  --dsa-hero_below__textbox--offset: -10%;
   --dsa-hero__overlay--background: radial-gradient(
     50% 125% at 100% 0%,
     var(--ks-color-primary-alpha-5) 0%,
     var(--ks-color-fg-inverted-alpha-5) 100%
   );
-  --dsa-hero--below__overlay--background: linear-gradient(
+  --dsa-hero_offset__textbox--max-width: var(--dsa-content--width_default);
+  --dsa-hero_offset__textbox--offset: -10%;
+  --dsa-hero_offset__overlay--background: linear-gradient(
     0deg,
     var(--ks-background-color-default) 15%,
     transparent 50%
   );
-  --dsa-hero--left__overlay--background: radial-gradient(
-    var(--dsa-hero__textbox--max-width) var(--dsa-hero__textbox--max-width) at
-      calc(var(--dsa-section__content--padding) * 2) 50%,
-    var(--ks-color-bg) 100%,
-    var(--ks-color-primary-alpha-5) 100%
-  );
+  --dsa-hero_below__textbox--max-width: var(--dsa-content--width_default);
 }
 @container hero (min-width: 640px) {
   .dsa-hero {
@@ -98,15 +93,9 @@
       radial-gradient(50% 125% at 100% 0%, var(--ks-color-primary-alpha-5) 0%, var(--ks-color-bg-alpha-4) 100%)
     );
   }
-  .c-visual.dsa-hero.dsa-hero--content-below {
+  .c-visual.dsa-hero.dsa-hero--content-offset {
     --c-visual_overlay--background: var(
-      --dsa-hero--below__overlay--background,
-      linear-gradient(0deg, var(--ks-background-color-default) 15%, transparent 50%)
-    );
-  }
-  .c-visual.dsa-hero.dsa-hero--content-left {
-    --c-visual_overlay--background: var(
-      --dsa-hero--left__overlay--background,
+      --dsa-hero--offset__overlay--background,
       linear-gradient(0deg, var(--ks-background-color-default) 15%, transparent 50%)
     );
   }
@@ -144,40 +133,47 @@
   filter: drop-shadow(var(--dsa-overlay-text--shadow, 0 0 10px var(--ks-color-bg-inverted-alpha-3-base)));
 }
 @container hero (min-width: 640px) {
-  .c-visual.dsa-hero.dsa-hero--content-below .c-visual__media {
+  .c-visual.dsa-hero.dsa-hero--content-below .c-visual__media, .c-visual.dsa-hero.dsa-hero--content-offset .c-visual__media {
     position: relative;
   }
-  .c-visual.dsa-hero.dsa-hero--content-below .c-visual__media .c-visual__image {
+  .c-visual.dsa-hero.dsa-hero--content-below .c-visual__media .c-visual__image, .c-visual.dsa-hero.dsa-hero--content-offset .c-visual__media .c-visual__image {
     height: var(--c-visual--min-height);
   }
-  .c-visual.dsa-hero.dsa-hero--content-below .c-visual__content {
-    padding: 0 var(--dsa-content--horizontal-spacing);
-    margin-top: var(--dsa-hero_below__textbox--offset, -10%);
+  .c-visual.dsa-hero.dsa-hero--content-below .c-visual__content, .c-visual.dsa-hero.dsa-hero--content-offset .c-visual__content {
     position: relative;
   }
+  .c-visual.dsa-hero.dsa-hero--content-below .c-visual__content .c-visual__box, .c-visual.dsa-hero.dsa-hero--content-offset .c-visual__content .c-visual__box {
+    --c-visual_box--max-width: var(--dsa-hero_below__textbox--max-width, var(--dsa-content--width_default));
+  }
   .c-visual.dsa-hero.dsa-hero--content-below .c-visual__content .c-visual__box {
     --c-visual_box--max-width: var(--dsa-hero_below__textbox--max-width, var(--dsa-content--width_default));
   }
+  .c-visual.dsa-hero.dsa-hero--content-offset .c-visual__content {
+    margin-top: var(--dsa-hero_offset__textbox--offset, -10%);
+  }
+  .c-visual.dsa-hero.dsa-hero--content-offset .c-visual__content .c-visual__box {
+    --c-visual_box--max-width: var(--dsa-hero_offset__textbox--max-width, var(--dsa-content--width_default));
+  }
   .c-visual.dsa-hero.c-visual--no-crop {
     --c-visual--min-height: 0;
   }
   @container hero (min-width: 640px) {
-    .c-visual.dsa-hero.dsa-hero--content-below.c-visual--no-crop .c-visual__media .c-visual__image {
+    .c-visual.dsa-hero.dsa-hero--content-below.c-visual--no-crop .c-visual__media .c-visual__image, .c-visual.dsa-hero.dsa-hero--content-offset.c-visual--no-crop .c-visual__media .c-visual__image {
       height: fit-content;
     }
-    .c-visual.dsa-hero.dsa-hero--content-below.c-visual--no-crop .c-visual__media .c-visual__image img {
+    .c-visual.dsa-hero.dsa-hero--content-below.c-visual--no-crop .c-visual__media .c-visual__image img, .c-visual.dsa-hero.dsa-hero--content-offset.c-visual--no-crop .c-visual__media .c-visual__image img {
       object-fit: contain;
       height: auto;
     }
   }
-  .c-visual.dsa-hero.dsa-hero--content-below.c-visual--full {
+  .c-visual.dsa-hero.dsa-hero--content-below.c-visual--full, .c-visual.dsa-hero.dsa-hero--content-offset.c-visual--full {
     height: fit-content;
   }
   @container hero (min-width: 640px) {
-    .c-visual.dsa-hero.dsa-hero--content-below.c-visual--full .c-visual__media .c-visual__image {
+    .c-visual.dsa-hero.dsa-hero--content-below.c-visual--full .c-visual__media .c-visual__image, .c-visual.dsa-hero.dsa-hero--content-offset.c-visual--full .c-visual__media .c-visual__image {
       height: fit-content;
     }
-    .c-visual.dsa-hero.dsa-hero--content-below.c-visual--full .c-visual__media .c-visual__image img {
+    .c-visual.dsa-hero.dsa-hero--content-below.c-visual--full .c-visual__media .c-visual__image img, .c-visual.dsa-hero.dsa-hero--content-offset.c-visual--full .c-visual__media .c-visual__image img {
       object-fit: cover;
       height: 100vh;
     }

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

@@ -156,19 +156,15 @@
       "enum": [
         "center",
         "below",
+        "offset",
         "left",
         "right",
-        "corner"
+        "corner",
+        "bottom"
       ],
       "type": "string",
       "default": "bottom"
     },
-    "inverted": {
-      "type": "boolean",
-      "title": "Inverted",
-      "description": "Inverted color scheme for the box",
-      "default": false
-    },
     "type": {
       "const": "hero"
     }

package/dist/components/hero/hero.schema.json

@@ -73,15 +73,17 @@
     "textPosition": {
       "title": "Module aligment",
       "description": "Choose the alginment of the module content",
-      "enum": ["center", "below", "left", "right", "corner"],
+      "enum": [
+        "center",
+        "below",
+        "offset",
+        "left",
+        "right",
+        "corner",
+        "bottom"
+      ],
       "type": "string",
       "default": "bottom"
-    },
-    "inverted": {
-      "type": "boolean",
-      "title": "Inverted",
-      "description": "Inverted color scheme for the box",
-      "default": false
     }
   },
   "additionalProperties": false

package/dist/components/hero/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { HeroProps } from "../../HeroProps-40f6c7f5.js";
+import { HeroProps } from "../../HeroProps-2ff0068e.js";
 declare const HeroContextDefault: import("react").ForwardRefExoticComponent<HeroProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const HeroContext: import("react").Context<import("react").ForwardRefExoticComponent<HeroProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const Hero: import("react").ForwardRefExoticComponent<HeroProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/hero/index.js

@@ -8,16 +8,23 @@ import { ButtonContext } from '@kickstartds/base/lib/button';
 import { useButtonGroup } from '../button-group/index.js';
 import '@kickstartds/base/lib/button-group';
 
-const HeroContextDefault = forwardRef(({ headline, sub, height, text, highlightText, textPosition = "center", colorNeutral, inverted, image, overlay, textbox, className, buttons = [], ...rest }, ref) => {
+const HeroContextDefault = forwardRef(({ headline, sub, height, text, highlightText, textPosition = "center", colorNeutral, image, overlay, textbox, className, buttons = [], ...rest }, ref) => {
     const ButtonGroup = useButtonGroup();
     return (jsx(ButtonContext.Provider
     // @ts-expect-error
     , { 
         // @ts-expect-error
-        value: ButtonGroup, children: jsx(Container, { name: "hero", children: jsx(Container, { name: "visual", children: jsx(VisualContextDefault, { ...rest, ref: ref, className: classnames(`dsa-hero dsa-hero--content-${textPosition}`, highlightText ? `dsa-hero--highlight-text` : "", colorNeutral ? `dsa-hero--color-neutral` : "", className), height: height, overlay: overlay, skipButton: height === "fullScreen" ? true : false, inverted: true, box: {
-                        background: textbox === true ? "solid" : "transparent",
+        value: ButtonGroup, children: jsx(Container, { name: "hero", children: jsx(Container, { name: "visual", children: jsx(VisualContextDefault, { ...rest, ref: ref, className: classnames(`dsa-hero dsa-hero--content-${textPosition}`, highlightText && `dsa-hero--highlight-text`, colorNeutral && `dsa-hero--color-neutral`, overlay && `dsa-hero--overlay`, className), height: height, overlay: overlay, skipButton: height === "fullScreen" ? true : false, inverted: true, box: {
+                        background: textPosition === "below"
+                            ? "transparent"
+                            : textbox === true
+                                ? "solid"
+                                : "transparent",
                         enabled: true,
-                        vertical: textPosition === "below" || textPosition === "corner"
+                        vertical: textPosition === "below" ||
+                            textPosition === "offset" ||
+                            textPosition === "corner" ||
+                            textPosition === "bottom"
                             ? "bottom"
                             : "center",
                         horizontal: textPosition === "left" || textPosition === "corner"
@@ -30,7 +37,10 @@ const HeroContextDefault = forwardRef(({ headline, sub, height, text, highlightT
                             buttons,
                             colorNeutral,
                             enabled: buttons.length > 0,
-                            arrangement: textPosition === "below" || textPosition === "center"
+                            arrangement: textPosition === "below" ||
+                                textPosition === "offset" ||
+                                textPosition === "center" ||
+                                textPosition === "bottom"
                                 ? "center"
                                 : "left",
                         },

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

@@ -416,12 +416,6 @@
                       "type": "boolean",
                       "default": false
                     },
-                    "inverted": {
-                      "title": "Inverted",
-                      "description": "Toggle inversion of the component",
-                      "type": "boolean",
-                      "default": false
-                    },
                     "type": {
                       "const": "cta"
                     }
@@ -884,19 +878,15 @@
                       "enum": [
                         "center",
                         "below",
+                        "offset",
                         "left",
                         "right",
-                        "corner"
+                        "corner",
+                        "bottom"
                       ],
                       "type": "string",
                       "default": "bottom"
                     },
-                    "inverted": {
-                      "type": "boolean",
-                      "title": "Inverted",
-                      "description": "Inverted color scheme for the box",
-                      "default": false
-                    },
                     "type": {
                       "const": "hero"
                     }
@@ -1712,12 +1702,6 @@
                                 "type": "boolean",
                                 "default": false
                               },
-                              "inverted": {
-                                "title": "Inverted",
-                                "description": "Toggle inversion of the component",
-                                "type": "boolean",
-                                "default": false
-                              },
                               "type": {
                                 "const": "cta"
                               }
@@ -2097,19 +2081,15 @@
                                 "enum": [
                                   "center",
                                   "below",
+                                  "offset",
                                   "left",
                                   "right",
-                                  "corner"
+                                  "corner",
+                                  "bottom"
                                 ],
                                 "type": "string",
                                 "default": "bottom"
                               },
-                              "inverted": {
-                                "type": "boolean",
-                                "title": "Inverted",
-                                "description": "Inverted color scheme for the box",
-                                "default": false
-                              },
                               "type": {
                                 "const": "hero"
                               }

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 29 Jul 2025 06:51:57 GMT
+ * Generated on Tue, 29 Jul 2025 07:44:50 GMT
  */
 :root, [ks-theme] {
   --ks-background-color-accent-base: var(--ks-color-fg-to-bg-9-base);