@kickstartds/ds-agency-premium 1.6.59--canary.40.1485.0 → 1.6.59

package/dist/components/section/section.css

@@ -11,7 +11,7 @@
   --dsa-section__col--min-width_medium: var(--dsa-tile--width_medium);
   --dsa-section__col--min-width_large: var(--dsa-tile--width_large);
   --dsa-section__col--min-width_largest: var(--dsa-tile--width_largest);
-  --dsa-section--space_default: var(--dsa-content--vertical-spacing);
+  --dsa-section--space_default: var(--ks-spacing-xxl);
   --dsa-section--space_small: calc(var(--ks-spacing-xxl) / 2);
   --dsa-section--gutter_small: var(--ks-spacing-s);
   --dsa-section--gutter_default: var(--ks-spacing-m);
@@ -22,7 +22,7 @@
   --dsa-section__content--width_wide: var(--dsa-content--width_wide);
   --dsa-section__content--width_max: 100vw;
   --dsa-section__content--width_full: 100vw;
-  --dsa-section__content--padding: var(--dsa-content--horizontal-spacing);
+  --dsa-section__content--padding: var(--dsa-content--spacing);
   --dsa-section--background-color_default: var(--ks-background-color-default);
   --dsa-section--background-color_accent: var(--ks-background-color-accent);
   --dsa-section--background-color_bold: var(--ks-background-color-bold);

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

@@ -268,6 +268,12 @@
                 "default": false,
                 "type": "boolean"
               },
+              "fullWidth": {
+                "title": "Width",
+                "description": "Set the width of the content to the full width of the element",
+                "type": "boolean",
+                "default": false
+              },
               "buttons": {
                 "type": "array",
                 "items": {
@@ -331,17 +337,6 @@
                     "title": "Alt text",
                     "description": "Image description",
                     "type": "string"
-                  },
-                  "align": {
-                    "title": "Vertical alignment of the image",
-                    "description": "Select a vertical alignment for the image",
-                    "type": "string",
-                    "enum": [
-                      "center",
-                      "top",
-                      "bottom"
-                    ],
-                    "default": "center"
                   }
                 },
                 "additionalProperties": false
@@ -376,9 +371,9 @@
                 "type": "string",
                 "default": "left"
               },
-              "align": {
+              "contentAlign": {
                 "title": "Vertical alignment of the content",
-                "description": "Select a vertical alignment for the content",
+                "description": "Select a vertical alignment for the image",
                 "type": "string",
                 "enum": [
                   "center",
@@ -1529,6 +1524,12 @@
                           "default": false,
                           "type": "boolean"
                         },
+                        "fullWidth": {
+                          "title": "Width",
+                          "description": "Set the width of the content to the full width of the element",
+                          "type": "boolean",
+                          "default": false
+                        },
                         "buttons": {
                           "type": "array",
                           "items": {
@@ -1592,17 +1593,6 @@
                               "title": "Alt text",
                               "description": "Image description",
                               "type": "string"
-                            },
-                            "align": {
-                              "title": "Vertical alignment of the image",
-                              "description": "Select a vertical alignment for the image",
-                              "type": "string",
-                              "enum": [
-                                "center",
-                                "top",
-                                "bottom"
-                              ],
-                              "default": "center"
                             }
                           },
                           "additionalProperties": false
@@ -1637,9 +1627,9 @@
                           "type": "string",
                           "default": "left"
                         },
-                        "align": {
+                        "contentAlign": {
                           "title": "Vertical alignment of the content",
-                          "description": "Select a vertical alignment for the content",
+                          "description": "Select a vertical alignment for the image",
                           "type": "string",
                           "enum": [
                             "center",

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { SliderProps } from "../../SliderProps-02e33bf1.js";
+import { SliderProps } from "../../SliderProps-93230a76.js";
 declare const Slider: import("react").ForwardRefExoticComponent<SliderProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 export type { SliderProps };
 export { Slider };

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

@@ -98,6 +98,12 @@
                 "default": false,
                 "type": "boolean"
               },
+              "fullWidth": {
+                "title": "Width",
+                "description": "Set the width of the content to the full width of the element",
+                "type": "boolean",
+                "default": false
+              },
               "buttons": {
                 "type": "array",
                 "items": {
@@ -161,17 +167,6 @@
                     "title": "Alt text",
                     "description": "Image description",
                     "type": "string"
-                  },
-                  "align": {
-                    "title": "Vertical alignment of the image",
-                    "description": "Select a vertical alignment for the image",
-                    "type": "string",
-                    "enum": [
-                      "center",
-                      "top",
-                      "bottom"
-                    ],
-                    "default": "center"
                   }
                 },
                 "additionalProperties": false
@@ -206,9 +201,9 @@
                 "type": "string",
                 "default": "left"
               },
-              "align": {
+              "contentAlign": {
                 "title": "Vertical alignment of the content",
-                "description": "Select a vertical alignment for the content",
+                "description": "Select a vertical alignment for the image",
                 "type": "string",
                 "enum": [
                   "center",

package/dist/components/split/split.css

@@ -30,7 +30,7 @@
   flex-shrink: 1;
 }
 .l-split--sidebar-right > :first-child {
-  flex-basis: calc(var(--split__main--flex-basis) - var(--dsa-content--horizontal-spacing) * 2);
+  flex-basis: calc(var(--split__main--flex-basis) - var(--dsa-content--spacing) * 2);
 }
 .l-split--sidebar-right > :last-child {
   flex-basis: var(--dsa-split__side--flex-basis, 210px);
@@ -41,7 +41,7 @@
   margin-top: var(--dsa-split__side-top-margin, var(--ks-spacing-stack-l));
 }
 .l-split--sidebar-left > :last-child {
-  flex-basis: calc(var(--split__main--flex-basis) - var(--dsa-content--horizontal-spacing) * 2);
+  flex-basis: calc(var(--split__main--flex-basis) - var(--dsa-content--spacing) * 2);
 }
 .l-split--sidebar-left > :first-child {
   flex-basis: var(--dsa-split__side--flex-basis, 210px);

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
 import { TestimonialsProps } from "../../TestimonialsProps-f7211553.js";
-import { SliderProps } from "../../SliderProps-02e33bf1.js";
+import { SliderProps } from "../../SliderProps-93230a76.js";
 interface ConditionalSliderProps extends SliderProps {
     layout: "slider" | "list" | "alternating";
 }

package/dist/global.css

@@ -291,7 +291,9 @@ h3 {
     --c-rich-text_headline--margin:1.5em 0 1em;
   }
 }
-:root {
+:root,
+[ks-inverted],
+[ks-theme] {
   --dsa-text-color-on-primary-base: var(--ks-color-fg);
   --dsa-text-color-on-primary-inverted-base: var(--ks-color-fg-inverted);
   --dsa-topic--font: var(--ks-font-display-m);
@@ -304,8 +306,7 @@ h3 {
   --dsa-link--text-decoration: underline;
   --dsa-link--text-decoration_hover: underline;
   --dsa-typo--highlight: linear-gradient(90deg, var(--ks-color-primary) 0%, var(--ks-color-secondary) 100%);
-  --dsa-content--horizontal-spacing: var(--ks-spacing-inset-l);
-  --dsa-content--vertical-spacing: var(--ks-spacing-xxl);
+  --dsa-content--spacing: var(--ks-spacing-inset-l);
   --dsa-content--width_narrow: calc(var(--ks-font-size-copy-m) * 34);
   --dsa-content--width_default: calc(var(--ks-font-size-copy-m) * 50);
   --dsa-content--width_wide: calc(var(--ks-font-size-copy-m) * 64);
@@ -320,17 +321,23 @@ h3 {
   --dsa-header--height: calc(var(--dsa-logo--height) + var(--ks-spacing-stack-m) + var(--ks-spacing-stack-m));
 }
 @media (min-width: 48em) {
-  :root {
-    --dsa-content--horizontal-spacing: var(--ks-spacing-inset-xl);
+  :root,
+  [ks-inverted],
+  [ks-theme] {
+    --dsa-content--spacing: var(--ks-spacing-inset-xl);
   }
 }
 @media (min-width: 48em) {
-  :root {
+  :root,
+  [ks-inverted],
+  [ks-theme] {
     --dsa-logo--height: 2.5rem;
   }
 }
 @media (min-width: 62em) {
-  :root {
+  :root,
+  [ks-inverted],
+  [ks-theme] {
     --dsa-logo--height: 3rem;
   }
 }

package/dist/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 10 Jan 2025 13:33:13 GMT
+ * Generated on Fri, 10 Jan 2025 13:43:16 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 Fri, 10 Jan 2025 13:33:17 GMT
+ * Generated on Fri, 10 Jan 2025 13:43:20 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 Fri, 10 Jan 2025 13:33:15 GMT
+ * Generated on Fri, 10 Jan 2025 13:43:18 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 Fri, 10 Jan 2025 13:33:19 GMT
+ * Generated on Fri, 10 Jan 2025 13:43:23 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 Fri, 10 Jan 2025 13:33:10 GMT
+ * Generated on Fri, 10 Jan 2025 13:43:13 GMT
  */
 
 :root, [ks-theme] {

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 10 Jan 2025 13:33:11 GMT
+ * Generated on Fri, 10 Jan 2025 13:43:14 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#230a2b";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kickstartds/ds-agency-premium",
-  "version": "1.6.59--canary.40.1485.0",
+  "version": "1.6.59",
   "description": "",
   "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
   "bugs": {