@kickstartds/ds-agency-premium 1.2.18 → 1.2.20

package/dist/tokens/themes.css.js

@@ -0,0 +1 @@
+import "./themes.css";

package/dist/tokens/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 01 Mar 2024 13:10:57 GMT
+ * Generated on Fri, 01 Mar 2024 17:00:23 GMT
  */
 
 :root, [ks-theme] {

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 01 Mar 2024 13:10:58 GMT
+ * Generated on Fri, 01 Mar 2024 17:00:24 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#230a2b";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kickstartds/ds-agency-premium",
-  "version": "1.2.18",
+  "version": "1.2.20",
   "description": "",
   "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
   "bugs": {
@@ -40,13 +40,13 @@
   "scripts": {
     "build-storybook": "yarn build-tokens && yarn schema && yarn token && storybook build",
     "postbuild-storybook": "yarn presets && yarn playroom:build && mkdir -p dist/components && cp snippets.json dist/components/presets.json",
-    "build-tokens": "kickstartDS tokens compile && yarn build-tokens-business && yarn build-tokens-ngo && yarn build-tokens-telekom && yarn build-tokens-google && yarn  && yarn copyTokensCss",
+    "build-tokens-ds-agency": "kickstartDS tokens compile",
     "build-tokens-business": "kickstartDS tokens compile --token-dictionary-path src/token-business/dictionary --sd-config-path sd.config-business.cjs",
     "build-tokens-ngo": "kickstartDS tokens compile --token-dictionary-path src/token-ngo/dictionary --sd-config-path sd.config-ngo.cjs",
     "build-tokens-google": "kickstartDS tokens compile --token-dictionary-path src/token-google/dictionary --sd-config-path sd.config-google.cjs",
     "build-tokens-telekom": "kickstartDS tokens compile --token-dictionary-path src/token-telekom/dictionary --sd-config-path sd.config-telekom.cjs",
+    "build-tokens": "run-s build-tokens-* && node scripts/patchThemeTokens.js",
     "chromatic": "chromatic --build-script-name \"build-storybook\" --output-dir \"storybook-static\" --skip \"@(renovate/**|dependabot/**)\" --exit-zero-on-changes --exit-once-uploaded",
-    "copyTokensCss": "cp src/token/tokens.css static/tokens.css && cp src/token-business/tokens.css static/tokens-business.css && cp src/token-google/tokens.css static/tokens-google.css && cp src/token-telekom/tokens.css static/tokens-telekom.css && cp src/token-ngo/tokens.css static/tokens-ngo.css",
     "init-tokens": "kickstartDS tokens init",
     "playroom": "run-p watch:* playroom:start",
     "playroom:start": "playroom start",
@@ -142,6 +142,7 @@
   "peerDependencies": {
     "@kickstartds/base": "2.3.0-beta.0",
     "@kickstartds/blog": "2.3.0-beta.0",
+    "@kickstartds/content": "3.0.0-next.7",
     "@kickstartds/core": "3.0.0-beta.0",
     "@kickstartds/form": "2.3.0-beta.0",
     "react": "^17 || ^18",

package/dist/BlogOverviewProps-525f7f9f.d.ts

@@ -1,36 +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 { BlogTeaserProps } from "./BlogTeaserProps-525f7f9f.js";
-import { CtaProps } from "./CtaProps-93230a76.js";
-import { SeoProps } from "./SeoProps-f2d6dcaa.js";
-/**
- * Collection of posts to list on the page
- */
-type Posts = BlogTeaserProps[];
-/**
- * Collection of posts to list on the page
- */
-type Posts1 = BlogTeaserProps[];
-/**
- * Abstracts a blog overview concept into JSON schema
- */
-interface BlogOverviewProps {
-    /**
-     * Referenced component BlogTeaserProps
-     */
-    latest?: BlogTeaserProps;
-    list?: Posts;
-    more?: Posts1;
-    /**
-     * Referenced component CtaProps
-     */
-    cta?: CtaProps;
-    /**
-     * Referenced component SeoProps
-     */
-    seo: SeoProps;
-}
-export { Posts, Posts1, BlogOverviewProps };

package/dist/BlogPostProps-e1cbd5d3.d.ts

@@ -1,36 +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 { BlogHeadProps } from "./BlogHeadProps-f9a49428.js";
-import { BlogAsideProps } from "./BlogAsideProps-e1cbd5d3.js";
-import { CtaProps } from "./CtaProps-93230a76.js";
-import { SeoProps } from "./SeoProps-f2d6dcaa.js";
-/**
- * Body text for the blog post
- */
-type Text = string;
-/**
- * Abstracts a blog post concept into JSON schema
- */
-interface BlogPostProps {
-    /**
-     * Referenced component BlogHeadProps
-     */
-    head?: BlogHeadProps;
-    /**
-     * Referenced component BlogAsideProps
-     */
-    aside?: BlogAsideProps;
-    content?: Text;
-    /**
-     * Referenced component CtaProps
-     */
-    cta?: CtaProps;
-    /**
-     * Referenced component SeoProps
-     */
-    seo: SeoProps;
-}
-export { Text, BlogPostProps };

package/dist/FooterProps-b5c16ab5.d.ts

@@ -1,37 +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.
- */
-/**
- * Picture source
- */
-type Source = string;
-/**
- * Alt text to display for picture
- */
-type AltText = string;
-/**
- * Width of the picture
- */
-type Width = number;
-/**
- * Height of the picture
- */
-type Height = number;
-interface FooterProps {
-    logo: Logo;
-    logoHref?: string;
-    navItems?: {
-        href: string;
-        label: string;
-        target?: string;
-    }[];
-}
-interface Logo {
-    src?: Source;
-    alt?: AltText;
-    width?: Width;
-    height?: Height;
-}
-export { Source, AltText, Width, Height, FooterProps, Logo };

package/dist/HeaderProps-ae331ab2.d.ts

@@ -1,42 +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.
- */
-/**
- * Picture source
- */
-type Source = string;
-/**
- * Alt text to display for picture
- */
-type AltText = string;
-/**
- * Width of the picture
- */
-type Width = number;
-/**
- * Height of the picture
- */
-type Height = number;
-/**
- * Make the header float over the first Section
- */
-type Floating = boolean;
-interface HeaderProps {
-    logo: Logo;
-    logoHref?: string;
-    floating?: Floating;
-    navItems?: {
-        href: string;
-        label: string;
-        active?: boolean;
-    }[];
-}
-interface Logo {
-    src?: Source;
-    alt?: AltText;
-    width?: Width;
-    height?: Height;
-}
-export { Source, AltText, Width, Height, Floating, HeaderProps, Logo };

package/dist/SectionProps-83d399b4.d.ts

@@ -1,141 +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 { CtaProps } from "./CtaProps-93230a76.js";
-import { FaqProps } from "./FaqProps-ad618cd5.js";
-import { FeaturesProps } from "./FeaturesProps-b05859d6.js";
-import { GalleryProps } from "./GalleryProps-76e7de44.js";
-import { HeroProps } from "./HeroProps-cf82a16d.js";
-import { ImageStoryProps } from "./ImageStoryProps-03ff6d21.js";
-import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
-import { LogosProps } from "./LogosProps-a8efd101.js";
-import { MosaicProps } from "./MosaicProps-aacb9422.js";
-import { SliderProps } from "./SliderProps-8cae490d.js";
-import { StatsProps } from "./StatsProps-17b0743a.js";
-import { TeaserCardProps } from "./TeaserCardProps-b9c28e78.js";
-import { TestimonialsProps } from "./TestimonialsProps-4b94faa8.js";
-import { TextProps } from "./TextProps-a23170d2.js";
-import { VideoCurtainProps } from "./VideoCurtainProps-6c625a69.js";
-import { ButtonProps } from "./ButtonProps-03ff6d21.js";
-/**
- * Width of section to use
- */
-type Width = "full" | "max" | "wide" | "default" | "narrow";
-/**
- * Style of background
- */
-type Style = "stagelights" | "horizontalGradient" | "verticalGradient" | "accentTransition" | "boldTransition" | "symmetricGlow" | "anchorGlow";
-/**
- * Color of background
- */
-type Style1 = "default" | "accent" | "bold";
-/**
- * Show spotlight behind cursor
- */
-type Spotlight = boolean;
-/**
- * Amount of spacing before the section
- */
-type SpaceBefore = "default" | "small" | "none";
-/**
- * Amount of spacing after the section
- */
-type SpaceAfter = "default" | "small" | "none";
-/**
- * Whether to invert the section
- */
-type Inverted = boolean;
-/**
- * Reserve additional spacing for a floating header
- */
-type HeaderSpacing = boolean;
-/**
- * Headline Text for the section
- */
-type Headline = string;
-/**
- * Make the headline larger
- */
-type LargeHeadline = boolean;
-/**
- * Width of headline to use
- */
-type HeadlineWidth = "unset" | "narrow" | "default" | "wide";
-/**
- * Choose the text alignment for the headline
- */
-type HeadlineTextAlignment = "left" | "center" | "right";
-/**
- * Choose an alignment for positioning the headline
- */
-type HeadlineAlignment = "left" | "center" | "right";
-/**
- * Subheadline for the section
- */
-type Subheadline = string;
-/**
- * Switch the order of headline and subheadline
- */
-type SwitchHeadlineOrder = boolean;
-/**
- * Width of content to use
- */
-type ContentWidth = "unset" | "narrow" | "default" | "wide";
-/**
- * Choose an alignment for the content
- */
-type ContentAlignment = "left" | "center" | "right";
-/**
- * Size of gutter to use
- */
-type Gutter = "large" | "default" | "small" | "none";
-/**
- * Layout mode used for section contents
- */
-type Mode = "default" | "tile" | "list" | "slider";
-/**
- * Set min-width for the tiles in the grid
- */
-type TileWidth = "smallest" | "default" | "medium" | "large" | "largest";
-/**
- * Allowed components for content
- */
-type Content = (CtaProps | FaqProps | FeaturesProps | GalleryProps | HeroProps | ImageStoryProps | ImageTextProps | LogosProps | MosaicProps | SliderProps | StatsProps | TeaserCardProps | TestimonialsProps | TextProps | VideoCurtainProps)[];
-/**
- * Buttons of the Button Group
- */
-type Buttons = ButtonProps[];
-/**
- * Component used to layout components into pages
- */
-interface SectionProps {
-    width?: Width;
-    style?: Style;
-    backgroundColor?: Style1;
-    spotlight?: Spotlight;
-    spaceBefore?: SpaceBefore;
-    spaceAfter?: SpaceAfter;
-    inverted?: Inverted;
-    headerSpacing?: HeaderSpacing;
-    headline?: {
-        text?: Headline;
-        large?: LargeHeadline;
-        width?: HeadlineWidth;
-        textAlign?: HeadlineTextAlignment;
-        align?: HeadlineAlignment;
-        sub?: Subheadline;
-        switchOrder?: SwitchHeadlineOrder;
-    };
-    content?: {
-        width?: ContentWidth;
-        align?: ContentAlignment;
-        gutter?: Gutter;
-        mode?: Mode;
-        tileWidth?: TileWidth;
-    };
-    components?: Content;
-    buttons?: Buttons;
-}
-export { Width, Style, Style1, Spotlight, SpaceBefore, SpaceAfter, Inverted, HeaderSpacing, Headline, LargeHeadline, HeadlineWidth, HeadlineTextAlignment, HeadlineAlignment, Subheadline, SwitchHeadlineOrder, ContentWidth, ContentAlignment, Gutter, Mode, TileWidth, Content, Buttons, SectionProps };

package/dist/components/feature/feature.css

@@ -1,99 +0,0 @@
-.c-feature {
-  --dsa-feature__title--color: var(--dsa-topic--color);
-  --dsa-feature__title--font: var(--ks-font-interface-m);
-  --dsa-feature__title--font-family: var(--dsa-topic--font-family);
-  --dsa-feature__copy--color: var(--dsa-rich-text--color);
-  --dsa-feature__copy--font: var(--ks-font-copy-s);
-  --dsa-feature__link-font: var(--ks-font-copy-s);
-  --dsa-feature__icon--color: var(--ks-text-color-primary);
-  --dsa-feature_small__icon--size: calc(var(--ks-line-height-interface-m) * var(--ks-font-size-interface-m));
-  --dsa-feature_large__icon--size: calc(var(--ks-font-size-copy-m) * 2.5);
-  --dsa-feature_small--gap: var(--ks-spacing-stack-xs);
-  --dsa-feature_large--gap: var(--ks-spacing-stack-s);
-  --dsa-feature_small__icon--gap: var(--ks-spacing-xs);
-  --dsa-feature_large__icon--gap: var(--ks-spacing-s);
-}
-
-.c-feature {
-  display: flex;
-  position: relative;
-  flex-direction: column;
-  gap: var(--dsa-feature--gap);
-}
-.c-feature--large {
-  --dsa-feature__icon--size: var(--dsa-feature_large__icon--size, calc(var(--ks-font-size-copy-m) * 2.5));
-  --dsa-feature__icon--gap: var(--dsa-feature_large__icon--gap, var(--ks-spacing-xs));
-  --dsa-feature--gap: var(--dsa-feature_large--gap, var(--ks-spacing-stack-s));
-}
-.c-feature--small {
-  --dsa-feature__icon--size: var(
-    --dsa-feature_small__icon--size,
-    calc(var(--ks-line-height-interface-m) * var(--ks-font-size-interface-m))
-  );
-  --dsa-feature__icon--gap: var(--dsa-feature_small__icon--gap, var(--ks-spacing-xs));
-  --dsa-feature--gap: var(--dsa-feature_small--gap, var(--ks-spacing-stack-xs));
-}
-.c-feature--beside {
-  padding-left: calc(var(--dsa-feature__icon--size) + var(--dsa-feature__icon--gap));
-}
-.c-feature--beside .c-feature__icon {
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-.c-feature--stack .c-feature__header {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-}
-.c-feature--centered .c-feature__header {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-.c-feature--centered .c-feature__title,
-.c-feature--centered .c-feature__text {
-  text-align: center;
-}
-.c-feature--centered .c-feature__cta {
-  display: flex;
-  justify-content: center;
-}
-.c-feature__header {
-  display: flex;
-  align-items: center;
-  gap: var(--dsa-feature__icon--gap);
-}
-.c-feature__title {
-  font: var(--dsa-feature__title--font, var(--ks-font-interface-m));
-  color: var(--dsa-feature__title--color, var(--ks-topic-color));
-  font-family: var(--dsa-feature__title--font-family, var(--ks-font-family-display));
-  font-weight: var(--dsa-feature__title--font-weight, var(--ks-font-weight-semi-bold));
-}
-.c-feature__text {
-  color: var(--dsa-feature__copy--color, var(--dsa-rich-text-color), var(--ks-text-color-default));
-  font: var(--dsa-feature__copy--font, var(--ks-font-copy-s));
-  margin: 0;
-}
-.c-feature__icon {
-  color: var(--dsa-feature__icon--color, var(--ks-text-color-primary));
-  width: var(--dsa-feature__icon--size);
-  height: var(--dsa-feature__icon--size);
-}
-.c-feature__cta {
-  margin-top: auto;
-}
-.c-feature__link {
-  font: var(--dsa-feature__link-font, var(--ks-font-copy-s));
-  display: flex;
-  align-items: center;
-  gap: var(--ks-spacing-xxs);
-  width: fit-content;
-}
-.c-feature__link .icon {
-  width: 1.125em;
-  height: 1.125em;
-}
-.c-feature__button {
-  margin-top: calc(var(--dsa-feature--gap) * 0.5);
-}

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

@@ -1,50 +0,0 @@
-/* eslint-disable */
-/**
- * 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";
-/* eslint-disable */
-/**
- * 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 { HeaderProps } from "../../HeaderProps-ae331ab2.js";
-import { FooterProps } from "../../FooterProps-b5c16ab5.js";
-/**
- * Collection of sections (with their contents) to render on the page
- */
-type Sections = SectionProps[];
-/**
- * Abstracts a page concept into JSON schema
- */
-interface PageProps {
-    section?: Sections;
-    /**
-     * Referenced component SeoProps
-     */
-    seo: SeoProps;
-}
-/**
- * Abstracts global settings made for a website into JSON Schema
- */
-interface SettingsProps {
-    /**
-     * Referenced component HeaderProps
-     */
-    header: HeaderProps;
-    /**
-     * Referenced component FooterProps
-     */
-    footer: FooterProps;
-    /**
-     * Referenced component SeoProps
-     */
-    seo: SeoProps;
-}
-export * from "../../BlogPostProps-e1cbd5d3.js";
-export * from "../../BlogOverviewProps-525f7f9f.js";
-export { Sections, PageProps, SettingsProps };

package/dist/components/index/index.js

@@ -1 +0,0 @@
-

package/dist/components/raw-page-wrapper/index.d.ts

@@ -1,3 +0,0 @@
-import { FC, PropsWithChildren } from "react";
-declare const RawPageWrapper: FC<PropsWithChildren>;
-export { RawPageWrapper };