@kickstartds/ds-agency-premium 1.6.71--canary.45.1843.0 → 1.7.0--canary.18.1660.0

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

@@ -1,170 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/split-even.schema.json",
-  "title": "Split Even",
-  "type": "object",
-  "properties": {
-    "contentMinWidth": {
-      "title": "Content Minimum Width",
-      "description": "Sets the minimum width for each half of the split layout",
-      "type": "string",
-      "enum": ["narrow", "medium", "wide"],
-      "default": "medium"
-    },
-    "contentGutter": {
-      "title": "Content Gutter",
-      "description": "Sets the space between the content inside the two halves of the split layout",
-      "type": "string",
-      "enum": ["small", "default", "large", "none"],
-      "default": "default"
-    },
-    "mobileReverse": {
-      "title": "Mobile Reverse",
-      "description": "Reverses the order of the sections on mobile devices",
-      "type": "boolean",
-      "default": false
-    },
-    "verticalAlign": {
-      "title": "Vertical Alignment",
-      "type": "string",
-      "description": "Aligns the content vertically within the sections",
-      "enum": ["top", "center", "bottom", "sticky"],
-      "default": "top"
-    },
-    "verticalGutter": {
-      "title": "Vertical Gutter",
-      "description": "Sets the vertical space between the content of the split layout",
-      "type": "string",
-      "enum": ["large", "default", "small", "none"],
-      "default": "default"
-    },
-    "horizontalGutter": {
-      "title": "Horizontal Gutter",
-      "description": "Sets the horizontal space between the content of the split layout",
-      "type": "string",
-      "enum": ["large", "default", "small", "none"],
-      "default": "default"
-    },
-    "firstComponents": {
-      "type": "array",
-      "title": "First",
-      "description": "Allowed components for the first half of the split layout",
-      "items": {
-        "anyOf": [
-          {
-            "$ref": "http://schema.mydesignsystem.com/cta.schema.json"
-          },
-          {
-            "$ref": "http://schema.mydesignsystem.com/divider.schema.json"
-          },
-          {
-            "$ref": "http://schema.mydesignsystem.com/faq.schema.json"
-          },
-          {
-            "$ref": "http://schema.mydesignsystem.com/features.schema.json"
-          },
-          {
-            "$ref": "http://schema.mydesignsystem.com/gallery.schema.json"
-          },
-          {
-            "$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"
-          },
-          {
-            "$ref": "http://schema.mydesignsystem.com/image-text.schema.json"
-          },
-          {
-            "$ref": "http://schema.mydesignsystem.com/logos.schema.json"
-          },
-          {
-            "$ref": "http://schema.mydesignsystem.com/mosaic.schema.json"
-          },
-          {
-            "$ref": "http://schema.mydesignsystem.com/slider.schema.json"
-          },
-          {
-            "$ref": "http://schema.mydesignsystem.com/stats.schema.json"
-          },
-          {
-            "$ref": "http://schema.mydesignsystem.com/teaser-card.schema.json"
-          },
-          {
-            "$ref": "http://schema.mydesignsystem.com/testimonials.schema.json"
-          },
-          {
-            "$ref": "http://schema.mydesignsystem.com/text.schema.json"
-          },
-          {
-            "$ref": "http://schema.mydesignsystem.com/video-curtain.schema.json"
-          }
-        ]
-      }
-    },
-    "secondComponents": {
-      "type": "array",
-      "title": "Second",
-      "description": "Allowed components for the second half of the split layout",
-      "items": {
-        "anyOf": [
-          {
-            "$ref": "http://schema.mydesignsystem.com/cta.schema.json"
-          },
-          {
-            "$ref": "http://schema.mydesignsystem.com/divider.schema.json"
-          },
-          {
-            "$ref": "http://schema.mydesignsystem.com/faq.schema.json"
-          },
-          {
-            "$ref": "http://schema.mydesignsystem.com/features.schema.json"
-          },
-          {
-            "$ref": "http://schema.mydesignsystem.com/gallery.schema.json"
-          },
-          {
-            "$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"
-          },
-          {
-            "$ref": "http://schema.mydesignsystem.com/image-text.schema.json"
-          },
-          {
-            "$ref": "http://schema.mydesignsystem.com/logos.schema.json"
-          },
-          {
-            "$ref": "http://schema.mydesignsystem.com/mosaic.schema.json"
-          },
-          {
-            "$ref": "http://schema.mydesignsystem.com/slider.schema.json"
-          },
-          {
-            "$ref": "http://schema.mydesignsystem.com/stats.schema.json"
-          },
-          {
-            "$ref": "http://schema.mydesignsystem.com/teaser-card.schema.json"
-          },
-          {
-            "$ref": "http://schema.mydesignsystem.com/testimonials.schema.json"
-          },
-          {
-            "$ref": "http://schema.mydesignsystem.com/text.schema.json"
-          },
-          {
-            "$ref": "http://schema.mydesignsystem.com/video-curtain.schema.json"
-          }
-        ]
-      }
-    }
-  },
-  "additionalProperties": false
-}

package/dist/components/split-weighted/index.d.ts

@@ -1,104 +0,0 @@
-/// <reference types="react" />
-import { FC } 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-babe4ee6.js";
-import { DividerProps } from "../../DividerProps-2ef31901.js";
-import { FaqProps } from "../../FaqProps-ad618cd5.js";
-import { FeaturesProps } from "../../FeaturesProps-a9041d97.js";
-import { GalleryProps } from "../../GalleryProps-76e7de44.js";
-import { HeroProps } from "../../HeroProps-40f6c7f5.js";
-import { HtmlProps } from "../../HtmlProps-9d091769.js";
-import { ImageStoryProps } from "../../ImageStoryProps-e853e1e7.js";
-import { ImageTextProps } from "../../ImageTextProps-9286cca4.js";
-import { LogosProps } from "../../LogosProps-f9474fe2.js";
-import { MosaicProps } from "../../MosaicProps-d52c7151.js";
-import { SliderProps } from "../../SliderProps-babe4ee6.js";
-import { StatsProps } from "../../StatsProps-bf5ef578.js";
-import { TeaserCardProps } from "../../TeaserCardProps-994cb119.js";
-import { TestimonialsProps } from "../../TestimonialsProps-e344f597.js";
-import { TextProps } from "../../TextProps-a23170d2.js";
-import { VideoCurtainProps } from "../../VideoCurtainProps-a2c0cc7f.js";
-/**
- * Sets the vertical space between the content of the split layout
- */
-type VerticalGutter = "large" | "default" | "small" | "none";
-/**
- * Sets the horizontal space between the content of the split layout
- */
-type HorizontalGutter = "large" | "default" | "small" | "none";
-/**
- * Aligns the content vertically within the sections
- */
-type VerticalAlignment = "top" | "center" | "bottom" | "sticky";
-/**
- * Sets the space between the content of the split layout
- */
-type ContentGutter = "large" | "default" | "small" | "none";
-/**
- * Sets the minimum width of the main section
- */
-type MinimumWidth = "narrow" | "default" | "wide";
-/**
- * Size of gutter to use
- */
-type Gutter = "large" | "default" | "small" | "none";
-/**
- * Sets the minimum width of the main section
- */
-type MinimumWidth1 = "narrow" | "default" | "wide";
-/**
- * Determines the order of sections on mobile devices
- */
-type MobileOrder = "mainFirst" | "asideFirst";
-/**
- * Determines the order of sections on desktop devices
- */
-type DesktopOrder = "mainFirst" | "asideFirst";
-/**
- * Allowed components for the main half of the split layout
- */
-type Main = (CtaProps | DividerProps | FaqProps | FeaturesProps | GalleryProps | HeroProps | HtmlProps | ImageStoryProps | ImageTextProps | LogosProps | MosaicProps | SliderProps | StatsProps | TeaserCardProps | TestimonialsProps | TextProps | VideoCurtainProps)[];
-/**
- * Allowed components for the aside half of the split layout
- */
-type Aside = (CtaProps | DividerProps | FaqProps | FeaturesProps | GalleryProps | HeroProps | HtmlProps | ImageStoryProps | ImageTextProps | LogosProps | MosaicProps | SliderProps | StatsProps | TeaserCardProps | TestimonialsProps | TextProps | VideoCurtainProps)[];
-interface SplitWeightedProps {
-    verticalGutter?: VerticalGutter;
-    horizontalGutter?: HorizontalGutter;
-    verticalAlign?: VerticalAlignment;
-    mainLayout?: MainLayout;
-    asideLayout?: AsideLayout;
-    order?: Order;
-    mainComponents?: Main;
-    asideComponents?: Aside;
-}
-interface MainLayout {
-    gutter?: ContentGutter;
-    minWidth?: MinimumWidth;
-}
-/**
- * Layout settings for the aside section of the split layout
- */
-interface AsideLayout {
-    gutter?: Gutter;
-    minWidth?: MinimumWidth1;
-}
-/**
- * Sets the order of the main and aside sections in the split layout
- */
-interface Order {
-    mobile?: MobileOrder;
-    desktop?: DesktopOrder;
-}
-interface ComponentProps {
-    main?: React.ReactNode;
-    aside?: React.ReactNode;
-}
-type SplitWeightedComponentProps = SplitWeightedProps & ComponentProps;
-declare const SplitWeighted: FC<SplitWeightedComponentProps>;
-export { ComponentProps, SplitWeightedComponentProps, SplitWeighted };

package/dist/components/split-weighted/index.js

@@ -1,13 +0,0 @@
-import "./split-weighted.css";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import classnames from 'classnames';
-
-const SplitWeighted = ({ order, mainLayout, asideLayout, horizontalGutter = "default", verticalGutter = "default", main, aside, verticalAlign = "top", }) => (jsxs("div", { className: classnames("l-split-weighted", order?.desktop === "asideFirst" &&
-        "l-split-weighted--desktop-aside-first", order?.mobile === "asideFirst" && "l-split-weighted--mobile-aside-first", horizontalGutter && `l-split-weighted--h-gutter-${horizontalGutter}`, verticalGutter && `l-split-weighted--v-gutter-${verticalGutter}`, verticalAlign && `l-split-weighted--align-${verticalAlign}`), children: [jsx("div", { className: classnames("l-split-weighted__main l-split-weighted__content", mainLayout?.gutter &&
-                `l-split-weighted__main--gutter-${mainLayout.gutter}`, mainLayout?.minWidth &&
-                `l-split-weighted__main--width-${mainLayout.minWidth}`), children: jsx("div", { className: classnames("l-split-weighted__content-container", mainLayout?.gutter &&
-                    `l-split-weighted__content-container--gutter-${mainLayout.gutter}`), children: main }) }), jsx("div", { className: classnames("l-split-weighted__aside l-split-weighted__content", asideLayout?.minWidth &&
-                `l-split-weighted__aside--width-${asideLayout.minWidth}`), children: jsx("div", { className: classnames("l-split-weighted__content-container", asideLayout?.gutter &&
-                    `l-split-weighted__content-container--gutter-${asideLayout.gutter}`), children: aside }) })] }));
-
-export { SplitWeighted };

package/dist/components/split-weighted/split-weighted.css

@@ -1,133 +0,0 @@
-.l-split-weighted {
-  --dsa-split-weighted--sticky-margin: var(--ks-spacing-stack-xl);
-  --dsa-split-weighted--v-gutter_default: var(--ks-spacing-stack-l);
-  --dsa-split-weighted--v-gutter_small: var(--ks-spacing-stack-s);
-  --dsa-split-weighted--v-gutter_large: var(--dsa-content--vertical-spacing);
-  --dsa-split-weighted--h-gutter_default: var(--ks-spacing-inline-l);
-  --dsa-split-weighted--h-gutter_small: var(--ks-spacing-inline-m);
-  --dsa-split-weighted--h-gutter_large: var(--ks-spacing-xxl);
-  --dsa-split-weighted__main--flex-basis_default: var(--dsa-tile--width_largest);
-  --dsa-split-weighted__main--flex-basis_narrow: var(--dsa-tile--width_large);
-  --dsa-split-weighted__main--flex-basis_wide: calc(var(--dsa-tile--width_largest) * 1.25);
-  --dsa-split-weighted__main--gutter_default: var(--ks-spacing-stack-l);
-  --dsa-split-weighted__main--gutter_small: var(--ks-spacing-stack-s);
-  --dsa-split-weighted__main--gutter_large: var(--dsa-content--vertical-spacing);
-  --dsa-split-weighted__aside--flex-basis_default: var(--dsa-tile--width_medium);
-  --dsa-split-weighted__aside--flex-basis_narrow: var(--dsa-tile--width_small);
-  --dsa-split-weighted__aside--flex-basis_wide: var(--dsa-tile--width_large);
-  --dsa-split-weighted__aside--gutter_default: var(--ks-spacing-stack-s);
-  --dsa-split-weighted__aside--gutter_small: var(--ks-spacing-stack-xs);
-  --dsa-split-weighted__aside--gutter_large: var(--ks-spacing-stack-m);
-}
-
-.l-split-weighted {
-  --dsa-split-weighted--v-gutter: var(--dsa-split-weighted--v-gutter_default, var(--ks-spacing-stack-m));
-  --dsa-split-weighted--h-gutter: var(--dsa-split-weighted--h-gutter_default, var(--ks-spacing-inline-l));
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--dsa-split-weighted--v-gutter) var(--dsa-split-weighted--h-gutter);
-}
-.l-split-weighted--align-top {
-  align-items: flex-start;
-}
-.l-split-weighted--align-center {
-  align-items: center;
-}
-.l-split-weighted--align-bottom {
-  align-items: flex-end;
-}
-.l-split-weighted--align-sticky {
-  position: relative;
-}
-.l-split-weighted--align-sticky .l-split-weighted__content-container {
-  position: sticky;
-  top: var(--dsa-split-weighted--sticky-margin, var(--ks-spacing-stack-xl));
-  height: fit-content;
-}
-.l-split-weighted--desktop-aside-first {
-  flex-direction: row-reverse;
-}
-.l-split-weighted--mobile-aside-first {
-  flex-wrap: wrap-reverse;
-}
-.l-split-weighted--mobile-aside-first.l-split-weighted--align-top {
-  align-items: flex-end;
-}
-.l-split-weighted--mobile-aside-first.l-split-weighted--align-bottom {
-  align-items: flex-start;
-}
-.l-split-weighted--v-gutter-small {
-  --dsa-split-weighted--v-gutter: var(--dsa-split-weighted--v-gutter_small, var(--ks-spacing-stack-l));
-}
-.l-split-weighted--v-gutter-large {
-  --dsa-split-weighted--v-gutter: var(--dsa-split-weighted--v-gutter_large, var(--dsa-content--vertical-spacing));
-}
-.l-split-weighted--v-gutter-none {
-  --dsa-split-weighted--v-gutter: 0;
-}
-.l-split-weighted--h-gutter-small {
-  --dsa-split-weighted--h-gutter: var(--dsa-split-weighted--h-gutter_small, var(--ks-spacing-inline-m));
-}
-.l-split-weighted--h-gutter-large {
-  --dsa-split-weighted--h-gutter: var(--dsa-split-weighted--h-gutter_large, var(--ks-spacing-xxl));
-}
-.l-split-weighted--h-gutter-none {
-  --dsa-split-weighted--h-gutter: 0;
-}
-.l-split-weighted__content {
-  display: flex;
-  flex-direction: column;
-}
-.l-split-weighted__content .l-split-weighted__content-container {
-  display: flex;
-  flex-direction: column;
-}
-.l-split-weighted__content .l-split-weighted__content-container--gutter-none {
-  gap: 0;
-}
-.l-split-weighted__main {
-  flex-basis: var(--dsa-split-weighted__main--flex-basis_default, calc(var(--dsa-content--width_default) * 1));
-  flex-grow: 1000;
-  flex-shrink: 1;
-}
-.l-split-weighted__main--width-narrow {
-  flex-basis: var(--dsa-split-weighted__main--flex-basis_narrow, var(--dsa-tile--width_large));
-}
-.l-split-weighted__main--width-wide {
-  flex-basis: var(--dsa-split-weighted__main--flex-basis_wide, var(--dsa-content--width_default));
-}
-.l-split-weighted__main .l-split-weighted__content-container {
-  gap: var(--dsa-split-weighted__main--gutter_default, var(--dsa-content--width_narrow));
-}
-.l-split-weighted__main .l-split-weighted__content-container--gutter-none {
-  gap: 0;
-}
-.l-split-weighted__main .l-split-weighted__content-container--gutter-small {
-  gap: var(--dsa-split-weighted__main--gutter_small, var(--ks-spacing-stack-s));
-}
-.l-split-weighted__main .l-split-weighted__content-container--gutter-large {
-  gap: var(--dsa-split-weighted__main--gutter_large, var(--ks-spacing-stack-l));
-}
-.l-split-weighted__aside {
-  flex-basis: var(--dsa-split-weighted__aside--flex-basis_default, var(--dsa-tile--width_medium));
-  flex-grow: 1;
-  gap: var(--dsa-split-weighted__aside--gutter_default, var(--ks-spacing-stack-s));
-}
-.l-split-weighted__aside--width-narrow {
-  flex-basis: var(--dsa-split-weighted__aside--flex-basis_narrow, var(--dsa-tile--width_small));
-}
-.l-split-weighted__aside--width-wide {
-  flex-basis: var(--dsa-split-weighted__aside--flex-basis_wide, var(--dsa-tile--width_large));
-}
-.l-split-weighted__aside .l-split-weighted__content-container {
-  gap: var(--dsa-split-weighted__main--gutter_default, var(--dsa-content--width_narrow));
-}
-.l-split-weighted__aside .l-split-weighted__content-container--gutter-none {
-  gap: 0;
-}
-.l-split-weighted__aside .l-split-weighted__content-container--gutter-small {
-  gap: var(--dsa-split-weighted__main--gutter_small, var(--ks-spacing-stack-s));
-}
-.l-split-weighted__aside .l-split-weighted__content-container--gutter-large {
-  gap: var(--dsa-split-weighted__main--gutter_large, var(--ks-spacing-stack-l));
-}