@kickstartds/ds-agency-premium 1.5.39--canary.1081.bfadc60.0 → 1.5.40

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes, FC, PropsWithChildren } from "react";
-import { SectionProps } from "../../SectionProps-83d399b4.js";
+import { SectionProps } from "../../SectionProps-7a46a8ad.js";
 declare const SectionContextDefault: import("react").ForwardRefExoticComponent<SectionProps & Omit<HTMLAttributes<HTMLElement>, "style" | "content"> & import("react").RefAttributes<HTMLDivElement>>;
 declare const SectionContext: import("react").Context<import("react").ForwardRefExoticComponent<SectionProps & Omit<HTMLAttributes<HTMLElement>, "style" | "content"> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const Section: import("react").ForwardRefExoticComponent<SectionProps & Omit<HTMLAttributes<HTMLElement>, "style" | "content"> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -382,6 +382,39 @@
             },
             "additionalProperties": false
           },
+          {
+            "$schema": "http://json-schema.org/draft-07/schema#",
+            "$id": "http://schema.mydesignsystem.com/divider.schema.json",
+            "title": "Divider",
+            "description": "Dividers bring clarity to a layout by grouping and dividing content in close proximity.",
+            "type": "object",
+            "properties": {
+              "variant": {
+                "title": "Style of the divider",
+                "type": "string",
+                "description": "Choose a variant for the divider",
+                "enum": [
+                  "default",
+                  "accent"
+                ],
+                "default": "default"
+              },
+              "className": {
+                "type": "string",
+                "title": "Additional Classes",
+                "description": "Add additional css classes that should be applied to the divider"
+              },
+              "component": {
+                "title": "`ks-component` attribute",
+                "description": "Optional custom component identifier",
+                "type": "string"
+              },
+              "type": {
+                "const": "divider"
+              }
+            },
+            "additionalProperties": false
+          },
           {
             "$schema": "http://json-schema.org/draft-07/schema#",
             "$id": "http://schema.mydesignsystem.com/faq.schema.json",
@@ -844,6 +877,36 @@
             },
             "additionalProperties": false
           },
+          {
+            "$schema": "http://json-schema.org/draft-07/schema#",
+            "$id": "http://schema.mydesignsystem.com/html.schema.json",
+            "title": "Html",
+            "description": "Display raw HTML.",
+            "type": "object",
+            "properties": {
+              "html": {
+                "title": "HTML string",
+                "type": "string",
+                "examples": [
+                  "<p>Hello world!</p>"
+                ]
+              },
+              "className": {
+                "title": "Additional Classes",
+                "description": "Add additional css classes that should be applied to the element",
+                "type": "string"
+              },
+              "component": {
+                "title": "`ks-component` attribute",
+                "description": "Optional custom component identifier",
+                "type": "string"
+              },
+              "type": {
+                "const": "html"
+              }
+            },
+            "additionalProperties": false
+          },
           {
             "$schema": "http://json-schema.org/draft-07/schema#",
             "$id": "http://schema.mydesignsystem.com/image-story.schema.json",

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

@@ -165,6 +165,9 @@
           {
             "$ref": "http://schema.mydesignsystem.com/cta.schema.json"
           },
+          {
+            "$ref": "http://schema.mydesignsystem.com/divider.schema.json"
+          },
           {
             "$ref": "http://schema.mydesignsystem.com/faq.schema.json"
           },
@@ -177,6 +180,9 @@
           {
             "$ref": "http://schema.mydesignsystem.com/hero.schema.json"
           },
+          {
+            "$ref": "http://schema.mydesignsystem.com/html.schema.json"
+          },
           {
             "$ref": "http://schema.mydesignsystem.com/image-story.schema.json"
           },

package/dist/global.css

@@ -297,7 +297,7 @@ h3 {
   }
 }
 :root, [ks-inverted], [ks-theme] {
-  --dsa-text-color-on-primary: var(--ks-color-fg-inverted);
+  --dsa-text-color-on-primary: var(--ks-color-fg);
   --dsa-text-color-on-primary-inverted: var(--ks-color-fg-inverted);
   --dsa-topic--font: var(--ks-font-display-m);
   --dsa-topic--font-weight: var(--ks-font-weight-medium);
@@ -541,33 +541,68 @@ h3 {
 }
 
 @font-face {
-  font-family: "Vollkorn";
-  src: url("static/fonts/dsa/Vollkorn-Regular.woff2") format("woff2"), url("static/fonts/dsa/Vollkorn-Regular.woff") format("woff");
+  font-family: "Fredoka";
+  src: url("static/fonts/dsa/Fredoka-Regular.woff") format("woff2"), url("static/fonts/dsa/Fredoka-Regular.woff") format("woff");
   font-weight: 400;
   font-style: normal;
   font-display: swap;
 }
 @font-face {
-  font-family: "Vollkorn";
-  src: url("static/fonts/dsa/Vollkorn-SemiBold.woff2") format("woff2"), url("static/fonts/dsa/Vollkorn-SemiBold.woff") format("woff");
+  font-family: "Fredoka";
+  src: url("static/fonts/dsa/Fredoka-SemiBold.woff2") format("woff2"), url("static/fonts/dsa/Fredoka-SemiBold.woff") format("woff");
   font-weight: 600;
   font-style: normal;
   font-display: swap;
 }
 @font-face {
-  font-family: "Vollkorn";
-  src: url("static/fonts/dsa/Vollkorn-Medium.woff2") format("woff2"), url("static/fonts/dsa/Vollkorn-Medium.woff") format("woff");
+  font-family: "Fredoka";
+  src: url("static/fonts/dsa/Fredoka-Medium.woff2") format("woff2"), url("static/fonts/dsa/Fredoka-Medium.woff") format("woff");
   font-weight: 500;
   font-style: normal;
   font-display: swap;
 }
 @font-face {
-  font-family: "Vollkorn";
-  src: url("static/fonts/dsa/Vollkorn-Bold.woff2") format("woff2"), url("static/fonts/dsa/Vollkorn-Bold.woff") format("woff");
+  font-family: "Fredoka";
+  src: url("static/fonts/dsa/Fredoka-Light.woff2") format("woff2"), url("static/fonts/dsa/Fredoka-Light.woff") format("woff");
+  font-weight: 300;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "Fredoka";
+  src: url("static/fonts/dsa/Fredoka-Bold.woff2") format("woff2"), url("static/fonts/dsa/Fredoka-Bold.woff") format("woff");
   font-weight: bold;
   font-style: normal;
   font-display: swap;
 }
+@font-face {
+  font-family: "Mulish";
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("static/fonts/dsa/Mulish-Regular.woff2") format("woff2"), url("static/fonts/dsa/Mulish-Regular.woff") format("woff");
+}
+@font-face {
+  font-family: "Mulish";
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url("static/fonts/dsa/Mulish-600.woff2") format("woff2"), url("static/fonts/dsa/Mulish-600.woff") format("woff"); /* Legacy iOS */
+}
+@font-face {
+  font-family: "Mulish";
+  font-style: normal;
+  font-weight: 800;
+  font-display: swap;
+  src: url("static/fonts/dsa/Mulish-800.woff2") format("woff2"), url("static/fonts/dsa/Mulish-800.woff") format("woff");
+}
+@font-face {
+  font-family: "Mulish";
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: url("static/fonts/dsa/Mulish-300.woff2") format("woff2"), url("static/fonts/dsa/Mulish-300.woff") format("woff");
+}
 @font-face {
   font-family: "NovelPro";
   src: url("static/fonts/business/novelpro-regular.woff") format("woff");

package/dist/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 24 Oct 2024 09:00:15 GMT
+ * Generated on Thu, 24 Oct 2024 10:42:45 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 Thu, 24 Oct 2024 09:00:19 GMT
+ * Generated on Thu, 24 Oct 2024 10:42:49 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 Thu, 24 Oct 2024 09:00:17 GMT
+ * Generated on Thu, 24 Oct 2024 10:42:47 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 Thu, 24 Oct 2024 09:00:21 GMT
+ * Generated on Thu, 24 Oct 2024 10:42:51 GMT
  */
 :root [ks-theme=telekom] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);