@kickstartds/ds-agency-premium 1.2.12--canary.216.0543b48.0 → 1.2.13--canary.6.224.0

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

@@ -1,146 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes, FC, PropsWithChildren } from "react";
-/* 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 { 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;
-}
+import { SectionProps } from "../../SectionProps-93230a76.js";
 declare const Section: import("react").ForwardRefExoticComponent<SectionProps & Omit<HTMLAttributes<HTMLElement>, "style" | "content"> & import("react").RefAttributes<HTMLDivElement>>;
 declare const SectionProvider: FC<PropsWithChildren<any>>;
 export { Section, SectionProvider };

package/dist/static/tokens-business.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 29 Feb 2024 18:10:34 GMT
+ * Generated on Thu, 29 Feb 2024 19:01:50 GMT
  */
 
 :root, [ks-theme] {

package/dist/static/tokens-google.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 29 Feb 2024 18:10:42 GMT
+ * Generated on Thu, 29 Feb 2024 19:01:59 GMT
  */
 
 :root, [ks-theme] {

package/dist/static/tokens-ngo.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 29 Feb 2024 18:10:37 GMT
+ * Generated on Thu, 29 Feb 2024 19:01:53 GMT
  */
 
 :root, [ks-theme] {

package/dist/static/tokens-telekom.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 29 Feb 2024 18:10:39 GMT
+ * Generated on Thu, 29 Feb 2024 19:01:56 GMT
  */
 
 :root, [ks-theme] {

package/dist/static/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 29 Feb 2024 18:10:31 GMT
+ * Generated on Thu, 29 Feb 2024 19:01:48 GMT
  */
 
 :root, [ks-theme] {

package/dist/tokens/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 29 Feb 2024 18:10:31 GMT
+ * Generated on Thu, 29 Feb 2024 19:01:48 GMT
  */
 
 :root, [ks-theme] {

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 29 Feb 2024 18:10:32 GMT
+ * Generated on Thu, 29 Feb 2024 19:01:48 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#230a2b";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kickstartds/ds-agency-premium",
-  "version": "1.2.12--canary.216.0543b48.0",
+  "version": "1.2.13--canary.6.224.0",
   "description": "",
   "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
   "bugs": {
@@ -39,7 +39,7 @@
   ],
   "scripts": {
     "build-storybook": "yarn build-tokens && yarn schema && yarn token && storybook build",
-    "postbuild-storybook": "yarn playroom:snippets && yarn playroom: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-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",
@@ -49,18 +49,22 @@
     "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:snippets": "rimraf tmp && node scripts/generatePlayroomSnippets.js",
     "playroom:start": "playroom start",
     "playroom:build": "playroom build",
+    "presets": "vitest run scripts/generatePresets.test.ts",
     "husky:precommit": "yarn schema && rollup -c",
     "prepare": "patch-package && husky install",
-    "prepublishOnly": "rm -rf dist && yarn build-tokens && yarn schema && rollup -c",
+    "prepublishOnly": "rm -rf dist && yarn build-tokens && yarn schema && rollup -c && yarn build-storybook",
     "schema": "run-p schema:*",
     "schema:dereference-schemas": "kickstartDS schema dereference --schema-domain schema.mydesignsystem.com",
     "schema:generate-props": "kickstartDS schema types",
     "schema:layer-types": "kickstartDS schema layer",
     "start": "run-p watch:* storybook",
     "storybook": "storybook dev -p 6006",
+    "create-component-previews": "yarn test && rimraf static/img/screenshots && mkdir -p static/img/screenshots && cp __snapshots__/*.png static/img/screenshots",
+    "test": "rimraf __snapshots__ && run-p -r test:*",
+    "test:server": "npx http-server storybook-static --port 6006 --silent",
+    "test:suite": "npx wait-on http://127.0.0.1:6006 && test-storybook",
     "token": "node scripts/customPropertyExtract.js",
     "watch:schema": "yarn schema && chokidar \"src/**/*.schema.json\" -c \"yarn schema\"",
     "watch:token": "yarn token && chokidar \"src/**/*-tokens.scss\" -c \"yarn token {path}\"",
@@ -79,15 +83,16 @@
     "@kickstartds/form": "2.3.0-canary.1615.6674.0",
     "@kickstartds/style-dictionary": "2.3.0-canary.1615.6674.0",
     "classnames": "^2.3.2",
-    "lazysizes": "^5.3.2",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
     "react-markdown": "^8.0.7"
   },
   "devDependencies": {
     "@auto-it/npm": "^11.0.1",
     "@auto-it/released": "^11.0.1",
-    "@babel/register": "^7.23.7",
+    "@kickstartds/base": "2.3.0-beta.1",
+    "@kickstartds/blog": "2.3.0-beta.1",
+    "@kickstartds/content": "3.0.0-next.7",
+    "@kickstartds/core": "3.0.0-beta.0",
+    "@kickstartds/form": "2.3.0-beta.1",
     "@kickstartds/storybook-addon-component-tokens": "1.0.0",
     "@kickstartds/storybook-addon-html": "^0.0.2",
     "@kickstartds/storybook-addon-jsonschema": "^2.0.1",
@@ -100,6 +105,10 @@
     "@storybook/core-webpack": "^7.6.7",
     "@storybook/react": "^7.6.7",
     "@storybook/react-vite": "^7.6.7",
+    "@storybook/test-runner": "^0.16.0",
+    "@testing-library/react": "^14.1.2",
+    "@types/jest": "^29.5.11",
+    "@types/jest-image-snapshot": "^6.4.0",
     "@types/react": "^18.2.21",
     "auto": "^11.0.1",
     "change-case": "^4.1.2",
@@ -110,14 +119,18 @@
     "deepmerge": "^4.3.1",
     "fast-glob": "^3.3.1",
     "fs-extra": "^11.1.1",
-    "global-jsdom": "^9.2.0",
+    "happy-dom": "^13.3.1",
     "husky": "^8.0.3",
+    "jest-image-snapshot": "^6.4.0",
     "kickstartds": "^3.0.0-next.7",
+    "lazysizes": "^5.3.2",
     "npm-run-all": "^4.1.5",
     "patch-package": "^8.0.0",
     "playroom": "^0.34.1",
     "postcss": "^8.4.29",
     "postcss-url": "^10.1.3",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
     "rollup": "^3.28.1",
     "rollup-plugin-copy": "^3.4.0",
     "rollup-plugin-node-externals": "^6.1.1",
@@ -128,7 +141,16 @@
     "storybook-addon-playroom": "^5.0.0",
     "storybook-design-token": "3.0.0-beta.3",
     "style-loader": "^3.3.3",
-    "typescript": "^5.2.2"
+    "typescript": "^5.2.2",
+    "vitest": "^1.2.1"
+  },
+  "peerDependencies": {
+    "@kickstartds/base": "2.3.0-beta.0",
+    "@kickstartds/blog": "2.3.0-beta.0",
+    "@kickstartds/core": "3.0.0-beta.0",
+    "@kickstartds/form": "2.3.0-beta.0",
+    "react": "^17 || ^18",
+    "react-dom": "^17 || ^18"
   },
   "publishConfig": {
     "access": "public",