@kickstartds/ds-agency-premium 1.4.12 → 1.4.13--canary.15.811.0

package/dist/components/split/split.css

@@ -1,24 +1,50 @@
-.l-split--sidebarRight {
+.l-split {
+  --dsa-split--gap-vertical: var(--ks-spacing-stack-l);
+  --dsa-split--gap-horizontal: var(--ks-spacing-inline-l);
+  --dsa-split__side--top-margin: var(--ks-spacing-stack-l);
+  --dsa-split__side--flex-basis: 210px;
+}
+
+.l-split {
   display: flex;
   flex-wrap: wrap;
-  gap: var(--ks-spacing-stack-l) var(--ks-spacing-inline-xl);
+  gap: var(--dsa-split--gap-horizontal) var(--dsa-split--gap-horizontal);
+}
+.l-split--narrow {
+  --split__main--flex-basis: var(--l-section--content-width-narrow);
+}
+.l-split--medium {
+  --split__main--flex-basis: var(--l-section--content-width-default);
+}
+.l-split--wide {
+  --split__main--flex-basis: var(--l-section--content-width-wide);
 }
 @media (min-width: 48em) {
-  .l-split--sidebarRight {
+  .l-split {
     justify-content: space-between;
   }
 }
-.l-split--sidebarRight > :first-child {
-  flex-basis: calc(var(--l-section--content-width-default) - var(--l-section--content-padding) * 2);
+.l-split > * {
   flex-grow: 1;
   flex-shrink: 1;
 }
-.l-split--sidebarRight > :last-child {
-  flex-grow: 1;
-  flex-shrink: 1;
-  flex-basis: 210px;
+.l-split--sidebar-right > :first-child {
+  flex-basis: calc(var(--split__main--flex-basis) - var(--l-section--content-padding) * 2);
+}
+.l-split--sidebar-right > :last-child {
+  flex-basis: var(--dsa-split__side--flex-basis, 210px);
+  position: -webkit-sticky;
+  position: sticky;
+  top: var(--dsa-split__side--top-margin, var(--ks-spacing-stack-l));
+  height: fit-content;
+}
+.l-split--sidebar-left > :last-child {
+  flex-basis: calc(var(--split__main--flex-basis) - var(--l-section--content-padding) * 2);
+}
+.l-split--sidebar-left > :first-child {
+  flex-basis: var(--dsa-split__side--flex-basis, 210px);
   position: -webkit-sticky;
   position: sticky;
-  top: var(--ks-spacing-stack-l);
+  top: var(--dsa-split__side--top-margin, var(--ks-spacing-stack-l));
   height: fit-content;
 }

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

@@ -8,9 +8,18 @@
       "type": "string",
       "enum": [
         "sidebarRight",
-        "sidebarLeft",
-        "even"
-      ]
+        "sidebarLeft"
+      ],
+      "default": "sidebarRight"
+    },
+    "mainSectionWidth": {
+      "type": "string",
+      "enum": [
+        "narrow",
+        "medium",
+        "wide"
+      ],
+      "default": "medium"
     },
     "type": {
       "const": "split"

package/dist/components/split/split.schema.json

@@ -6,7 +6,13 @@
   "properties": {
     "layout": {
       "type": "string",
-      "enum": ["sidebarRight", "sidebarLeft", "even"]
+      "enum": ["sidebarRight", "sidebarLeft"],
+      "default": "sidebarRight"
+    },
+    "mainSectionWidth": {
+      "type": "string",
+      "enum": ["narrow", "medium", "wide"],
+      "default": "medium"
     }
   },
   "additionalProperties": false

package/dist/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 02 Sep 2024 12:04:56 GMT
+ * Generated on Mon, 02 Sep 2024 12:20:00 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, 02 Sep 2024 12:05:00 GMT
+ * Generated on Mon, 02 Sep 2024 12:20:04 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, 02 Sep 2024 12:04:58 GMT
+ * Generated on Mon, 02 Sep 2024 12:20:02 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, 02 Sep 2024 12:05:03 GMT
+ * Generated on Mon, 02 Sep 2024 12:20:06 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, 02 Sep 2024 12:04:53 GMT
+ * Generated on Mon, 02 Sep 2024 12:19:58 GMT
  */
 
 :root, [ks-theme] {
@@ -116,8 +116,8 @@
   --ks-background-color-secondary-inverted-interactive-active-base: var(--ks-color-secondary-inverted-to-bg-2-base);
   --ks-background-color-secondary-inverted-interactive-selected-base: var(--ks-color-secondary-inverted-to-bg-4-base);
   --ks-background-color-secondary-inverted-translucent-base: var(--ks-color-secondary-inverted-alpha-5-base);
-  --ks-border-color-accent-base: var(--ks-color-primary-to-bg-8-base);
-  --ks-border-color-accent-inverted-base: var(--ks-color-primary-inverted-to-bg-8-base);
+  --ks-border-color-accent-base: var(--ks-color-fg-to-bg-7-base);
+  --ks-border-color-accent-inverted-base: var(--ks-color-fg-inverted-to-bg-7-base);
   --ks-border-color-clear-base: var(--ks-color-transparent-base);
   --ks-border-color-clear-interactive-base: var(--ks-color-transparent-base);
   --ks-border-color-clear-interactive-hover-base: var(--ks-color-primary-alpha-8-base);
@@ -808,14 +808,14 @@
   --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-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);
-  --ks-text-color-default-interactive-selected-base: var(--ks-color-link-base);
+  --ks-text-color-default-interactive-hover-base: var(--ks-color-link-to-fg-5-base);
+  --ks-text-color-default-interactive-active-base: var(--ks-color-link-to-fg-5-base);
+  --ks-text-color-default-interactive-selected-base: var(--ks-color-link-to-fg-5-base);
   --ks-text-color-default-inverted-base: var(--ks-color-fg-inverted-base);
   --ks-text-color-default-inverted-interactive-base: var(--ks-color-link-inverted-base);
-  --ks-text-color-default-inverted-interactive-hover-base: var(--ks-color-link-inverted-base);
-  --ks-text-color-default-inverted-interactive-active-base: var(--ks-color-link-inverted-base);
-  --ks-text-color-default-inverted-interactive-selected-base: var(--ks-color-link-inverted-base);
+  --ks-text-color-default-inverted-interactive-hover-base: var(--ks-color-link-inverted-to-fg-5-base);
+  --ks-text-color-default-inverted-interactive-active-base: var(--ks-color-link-inverted-to-fg-5-base);
+  --ks-text-color-default-inverted-interactive-selected-base: var(--ks-color-link-inverted-to-fg-5-base);
   --ks-text-color-copy-base: var(--ks-color-fg-alpha-3-base);
   --ks-text-color-copy-interactive-base: var(--ks-color-link-base);
   --ks-text-color-copy-interactive-hover-base: var(--ks-color-link-to-fg-2-base);

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 02 Sep 2024 12:04:53 GMT
+ * Generated on Mon, 02 Sep 2024 12:19:58 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#230a2b";
@@ -115,8 +115,8 @@ export const KsBackgroundColorSecondaryInvertedInteractiveHoverBase = "#e43489";
 export const KsBackgroundColorSecondaryInvertedInteractiveActiveBase = "#e43489";
 export const KsBackgroundColorSecondaryInvertedInteractiveSelectedBase = "#e868a6";
 export const KsBackgroundColorSecondaryInvertedTranslucentBase = "rgba(226, 24, 121, 0.5)";
-export const KsBorderColorAccentBase = "#230a2b";
-export const KsBorderColorAccentInvertedBase = "#dcd6f2";
+export const KsBorderColorAccentBase = "#424355";
+export const KsBorderColorAccentInvertedBase = "#b9b9c0";
 export const KsBorderColorClearBase = "rgba(0, 0, 0, 0)";
 export const KsBorderColorClearInteractiveBase = "rgba(0, 0, 0, 0)";
 export const KsBorderColorClearInteractiveHoverBase = "rgba(226, 24, 121, 0.13)";
@@ -811,14 +811,14 @@ export const KsSpacingInsetStretchL = "1.7768rem 1.2469rem";
 export const KsSpacingInsetStretchXl = "2.5319rem 1.7768rem";
 export const KsTextColorDefaultBase = "#ffffff";
 export const KsTextColorDefaultInteractiveBase = "#b7a5ff";
-export const KsTextColorDefaultInteractiveHoverBase = "#b7a5ff";
-export const KsTextColorDefaultInteractiveActiveBase = "#b7a5ff";
-export const KsTextColorDefaultInteractiveSelectedBase = "#b7a5ff";
+export const KsTextColorDefaultInteractiveHoverBase = "#dbd2ff";
+export const KsTextColorDefaultInteractiveActiveBase = "#dbd2ff";
+export const KsTextColorDefaultInteractiveSelectedBase = "#dbd2ff";
 export const KsTextColorDefaultInvertedBase = "#06081f";
 export const KsTextColorDefaultInvertedInteractiveBase = "#6642f6";
-export const KsTextColorDefaultInvertedInteractiveHoverBase = "#6642f6";
-export const KsTextColorDefaultInvertedInteractiveActiveBase = "#6642f6";
-export const KsTextColorDefaultInvertedInteractiveSelectedBase = "#6642f6";
+export const KsTextColorDefaultInvertedInteractiveHoverBase = "#36258b";
+export const KsTextColorDefaultInvertedInteractiveActiveBase = "#36258b";
+export const KsTextColorDefaultInvertedInteractiveSelectedBase = "#36258b";
 export const KsTextColorCopyBase = "rgba(255, 255, 255, 0.76)";
 export const KsTextColorCopyInteractiveBase = "#b7a5ff";
 export const KsTextColorCopyInteractiveHoverBase = "#c0b1ff";

package/package.json

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

package/dist/BlogTagProps-f5855e93.d.ts

@@ -1,16 +0,0 @@
-/**
- * This file was automatically generated by json-schema-to-typescript.
- * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
- * and run json-schema-to-typescript to regenerate this file.
- */
-/**
- * Name of the tag entry
- */
-type Entry = string;
-/**
- * Tag given to a blog post
- */
-interface BlogTagProps {
-    entry: Entry;
-}
-export { Entry, BlogTagProps };

package/dist/PageProps-aa29c554.d.ts

@@ -1,49 +0,0 @@
-/**
- * This file was automatically generated by json-schema-to-typescript.
- * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
- * and run json-schema-to-typescript to regenerate this file.
- */
-import { SectionProps } from "./SectionProps-83d399b4.js";
-import { SeoProps } from "./SeoProps-f2d6dcaa.js";
-/**
- * Collection of sections (with their contents) to render on the page
- */
-type Sections = SectionProps[];
-/**
- * Toggle default floating header behaviour set in global settings
- */
-type ToggleFloating = boolean;
-/**
- * Toggle default inverted header behaviour set in global settings
- */
-type ToggleInverted = boolean;
-/**
- * Toggle default inverted footer behaviour set in global settings
- */
-type ToggleInverted1 = boolean;
-/**
- * Abstracts a page concept into JSON schema
- */
-interface PageProps {
-    section?: Sections;
-    header?: Header;
-    footer?: Footer;
-    /**
-     * Referenced component SeoProps
-     */
-    seo: SeoProps;
-}
-/**
- * Header settings for the page
- */
-interface Header {
-    floating?: ToggleFloating;
-    inverted?: ToggleInverted;
-}
-/**
- * Footer settings for the page
- */
-interface Footer {
-    inverted?: ToggleInverted1;
-}
-export { Sections, ToggleFloating, ToggleInverted, ToggleInverted1, PageProps, Header, Footer };

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

@@ -1,21 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/blog-tag.schema.json",
-  "title": "Blog Tag",
-  "description": "Tag given to a blog post",
-  "type": "object",
-  "properties": {
-    "entry": {
-      "title": "Entry",
-      "description": "Name of the tag entry",
-      "type": "string"
-    },
-    "type": {
-      "const": "blog-tag"
-    }
-  },
-  "additionalProperties": false,
-  "required": [
-    "entry"
-  ]
-}

package/dist/components/blog-tag/blog-tag.schema.json

@@ -1,16 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/blog-tag.schema.json",
-  "title": "Blog Tag",
-  "description": "Tag given to a blog post",
-  "type": "object",
-  "properties": {
-    "entry": {
-      "title": "Entry",
-      "description": "Name of the tag entry",
-      "type": "string"
-    }
-  },
-  "additionalProperties": false,
-  "required": ["entry"]
-}

package/dist/components/nav-main/nav-main.css

@@ -1,11 +0,0 @@
-@media (min-width: 62rem) {
-  .dsa-nav-main .dsa-nav-flyout,
-  .dsa-nav-main .dsa-nav-toggle {
-    display: none;
-  }
-}
-@media (max-width: 62rem) {
-  .dsa-nav-main .dsa-nav-topbar {
-    display: none;
-  }
-}

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

@@ -1,4 +0,0 @@
-import { PageProps } from "../../PageProps-aa29c554.js";
-import { FC, PropsWithChildren } from "react";
-declare const Page: FC<PropsWithChildren<PageProps>>;
-export { Page };

package/dist/components/page/index.js

@@ -1,6 +0,0 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
-
-const Page = ({ children }) => (jsx(Fragment, { children: children }));
-Page.displayName = "Page";
-
-export { Page };