@kickstartds/ds-agency-premium 1.4.7--canary.15.776.0 → 1.4.8

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 27 Aug 2024 10:22:14 GMT
+ * Generated on Thu, 29 Aug 2024 09:27:43 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 = "#424355";
-export const KsBorderColorAccentInvertedBase = "#b9b9c0";
+export const KsBorderColorAccentBase = "#230a2b";
+export const KsBorderColorAccentInvertedBase = "#dcd6f2";
 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)";

package/package.json

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

package/dist/components/contact/contact.css

@@ -1,73 +0,0 @@
-.dsa-contact {
-  --dsa-contact--gap: var(--ks-spacing-stack-m) var(--ks-spacing-inline-m);
-  --dsa-contact__header--gap: 0;
-  --dsa-contact__body--gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-m);
-  --dsa-contact__title--color: var(--ks-text-color-display);
-  --dsa-contact__title--font: var(--ks-font-copy-l);
-  --dsa-contact__title--font-weight: var(--ks-font-weight-bold);
-  --dsa-contact__subtitle--color: var(--ks-text-color-copy);
-  --dsa-contact__subtitle--font: var(--ks-font-copy-m);
-  --dsa-contact__subtitle--font-weight: var(--ks-font-weight-regular);
-  --dsa-contact__links--gap: 0;
-  --dsa-contact__links--color: var(--dsa-link--color);
-  --dsa-contact__links--font: var(--ks-font-interface-s);
-  --dsa-contact__links__icon--margin-right: var(--ks-spacing-inline-xs);
-  --dsa-contact__links__icon--size: 1.5rem;
-  --dsa-contact__links__icon--color: var(--dsa-link--color);
-}
-
-.dsa-contact {
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--dsa-contact--gap);
-  justify-content: center;
-}
-.dsa-contact__image, .dsa-contact__body {
-  flex-grow: 1;
-}
-.dsa-contact__body {
-  display: flex;
-  flex-direction: column;
-  gap: var(--dsa-contact__body--gap);
-}
-.dsa-contact__header {
-  display: flex;
-  flex-direction: column;
-  gap: var(--dsa-contact__header--gap);
-}
-.dsa-contact__title {
-  font: var(--dsa-contact__title--font);
-  color: var(--dsa-contact__title--color);
-  font-weight: var(--dsa-contact__title--font-weight);
-}
-.dsa-contact__subtitle {
-  font: var(--dsa-contact__subtitle--font);
-  color: var(--dsa-contact__subtitle--color);
-  font-weight: var(--dsa-contact__subtitle--font-weight);
-}
-.dsa-contact__image {
-  text-align: center;
-}
-.dsa-contact__links {
-  display: flex;
-  flex-direction: column;
-  gap: var(--dsa-contact__links--gap);
-  font: var(--dsa-contact__links--font);
-  list-style: none;
-  padding: 0;
-  margin: 0;
-}
-.dsa-contact__links .icon {
-  width: var(--dsa-contact__links__icon--size);
-  height: var(--dsa-contact__links__icon--size);
-  color: var(--dsa-contact__links__icon--color);
-  margin-right: var(--dsa-contact__links__icon--margin-right);
-}
-.dsa-contact .c-headline {
-  --c-headline--color: var(--dsa-contact__headline--color);
-  --c-headline--font: var(--dsa-contact__headline--font);
-  --c-headline--font-weight: var(--dsa-contact__headline--font-weight);
-  --c-headline__subheadline--color: var(--dsa-contact__headline__subheadline--color);
-  --c-headline__subheadline--font: var(--dsa-contact__headline__subheadline--font);
-  --c-headline__subheadline--font-weight: var(--dsa-contact__headline__subheadline--font-weight);
-}

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

@@ -1,108 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/contact.schema.json",
-  "title": "Contact",
-  "description": "Component used for user interaction",
-  "type": "object",
-  "properties": {
-    "image": {
-      "type": "object",
-      "properties": {
-        "src": {
-          "type": "string",
-          "format": "image",
-          "title": "Image Source",
-          "description": "URL of the image to display",
-          "examples": [
-            "img/people/author-emily.png"
-          ]
-        },
-        "alt": {
-          "type": "string",
-          "title": "Alt Text",
-          "description": "Alt text of the image",
-          "examples": [
-            "Picture of Jane Smith"
-          ]
-        }
-      },
-      "additionalProperties": false
-    },
-    "title": {
-      "title": "Title",
-      "description": "Name, company name, etc.",
-      "type": "string",
-      "examples": [
-        "Jane Smith"
-      ]
-    },
-    "subtitle": {
-      "title": "Subtitle",
-      "description": "Position, profession, department, location, etc.",
-      "type": "string",
-      "examples": [
-        "CEO at Company"
-      ]
-    },
-    "links": {
-      "type": "array",
-      "items": {
-        "type": "object",
-        "properties": {
-          "icon": {
-            "type": "string"
-          },
-          "label": {
-            "type": "string"
-          },
-          "href": {
-            "type": "string",
-            "format": "uri"
-          },
-          "newTab": {
-            "title": "Open link in new Tab",
-            "description": "Open link in new Tab",
-            "type": "boolean",
-            "default": false
-          }
-        },
-        "additionalProperties": false
-      },
-      "examples": [
-        [
-          {
-            "icon": "phone",
-            "label": "0228 / 688 966 20",
-            "href": "tel:+4922868896620"
-          },
-          {
-            "icon": "email",
-            "label": "mail@example.com",
-            "href": "mailto:mail@example.com"
-          }
-        ]
-      ]
-    },
-    "copy": {
-      "title": "Copy text",
-      "type": "string"
-    },
-    "className": {
-      "title": "Class",
-      "description": "Additional css classes attached to the wrapping element",
-      "type": "string"
-    },
-    "component": {
-      "title": "`ks-component` attribute",
-      "description": "Optional custom component identifier",
-      "type": "string"
-    },
-    "type": {
-      "const": "contact"
-    }
-  },
-  "additionalProperties": false,
-  "required": [
-    "name"
-  ]
-}

package/dist/components/contact/contact.schema.json

@@ -1,94 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/contact.schema.json",
-  "title": "Contact",
-  "description": "Component used for user interaction",
-  "type": "object",
-  "properties": {
-    "image": {
-      "type": "object",
-      "properties": {
-        "src": {
-          "type": "string",
-          "format": "image",
-          "title": "Image Source",
-          "description": "URL of the image to display",
-          "examples": ["img/people/author-emily.png"]
-        },
-        "alt": {
-          "type": "string",
-          "title": "Alt Text",
-          "description": "Alt text of the image",
-          "examples": ["Picture of Jane Smith"]
-        }
-      }
-    },
-    "title": {
-      "title": "Title",
-      "description": "Name, company name, etc.",
-      "type": "string",
-      "examples": ["Jane Smith"]
-    },
-    "subtitle": {
-      "title": "Subtitle",
-      "description": "Position, profession, department, location, etc.",
-      "type": "string",
-      "examples": ["CEO at Company"]
-    },
-    "links": {
-      "type": "array",
-      "items": {
-        "type": "object",
-        "properties": {
-          "icon": {
-            "type": "string"
-          },
-          "label": {
-            "type": "string"
-          },
-          "href": {
-            "type": "string",
-            "format": "uri"
-          },
-          "newTab": {
-            "title": "Open link in new Tab",
-            "description": "Open link in new Tab",
-            "type": "boolean",
-            "default": false
-          }
-        },
-        "additionalProperties": false
-      },
-      "examples": [
-        [
-          {
-            "icon": "phone",
-            "label": "0228 / 688 966 20",
-            "href": "tel:+4922868896620"
-          },
-          {
-            "icon": "email",
-            "label": "mail@example.com",
-            "href": "mailto:mail@example.com"
-          }
-        ]
-      ]
-    },
-    "copy": {
-      "title": "Copy text",
-      "type": "string"
-    },
-    "className": {
-      "title": "Class",
-      "description": "Additional css classes attached to the wrapping element",
-      "type": "string"
-    },
-    "component": {
-      "title": "`ks-component` attribute",
-      "description": "Optional custom component identifier",
-      "type": "string"
-    }
-  },
-  "additionalProperties": false,
-  "required": ["name"]
-}

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

@@ -1,60 +0,0 @@
-/// <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.
- */
-/**
- * URL of the image to display
- */
-type ImageSource = string;
-/**
- * Alt text of the image
- */
-type AltText = string;
-/**
- * Name, company name, etc.
- */
-type Title = string;
-/**
- * Position, profession, department, location, etc.
- */
-type Subtitle = string;
-/**
- * Open link in new Tab
- */
-type OpenLinkInNewTab = boolean;
-type CopyText = string;
-/**
- * Additional css classes attached to the wrapping element
- */
-type Class = string;
-/**
- * Optional custom component identifier
- */
-type KsComponentAttribute = string;
-/**
- * Component used for user interaction
- */
-interface ContactProps {
-    image?: {
-        src?: ImageSource;
-        alt?: AltText;
-    };
-    title?: Title;
-    subtitle?: Subtitle;
-    links?: {
-        icon?: string;
-        label?: string;
-        href?: string;
-        newTab?: OpenLinkInNewTab;
-    }[];
-    copy?: CopyText;
-    className?: Class;
-    component?: KsComponentAttribute;
-}
-declare const Contact: import("react").ForwardRefExoticComponent<ContactProps & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLAnchorElement>>;
-declare const ContactProvider: FC<PropsWithChildren>;
-export { Contact, ContactProvider };

package/dist/components/contact/index.js

@@ -1,15 +0,0 @@
-import "./contact.css";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import classnames from 'classnames';
-import { Picture } from '@kickstartds/base/lib/picture';
-import { ContactContext } from '@kickstartds/base/lib/contact';
-import { Link } from '@kickstartds/base/lib/link';
-import { Icon } from '@kickstartds/base/lib/icon';
-import { RichText } from '@kickstartds/base/lib/rich-text';
-
-const Contact = forwardRef(({ title, subtitle, image, links, copy, className, ...props }, ref) => (jsxs("address", { className: classnames("dsa-contact", className), ref: ref, ...props, children: [image && image.src ? (jsx("div", { className: "dsa-contact__image", children: jsx(Picture, { ...image }) })) : (""), jsxs("div", { className: "dsa-contact__body", children: [title && (jsxs("div", { className: "dsa-contact__header", children: [jsx("span", { className: "dsa-contact__title", children: title }), jsx("span", { className: "dsa-contact__subtitle", children: subtitle })] })), links.length ? (jsx("ul", { className: "dsa-contact__links", children: links.map(({ icon, href, label, newTab }, i) => (jsx("li", { children: jsxs(Link, { className: "dsa-contact__link", href: href, ...(newTab ? { target: "_blank", rel: "noopener" } : {}), children: [jsx(Icon, { icon: icon }), label] }) }, i))) })) : (""), copy && jsx(RichText, { text: copy, className: "dsa-contact__copy" })] })] })));
-Contact.displayName = "Contact";
-const ContactProvider = (props) => (jsx(ContactContext.Provider, { ...props, value: Contact }));
-
-export { Contact, ContactProvider };

package/dist/components/html/html.schema.json

@@ -1,25 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.kickstartds.com/base/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"
-    }
-  },
-  "additionalProperties": false
-}

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

@@ -1,26 +0,0 @@
-import { ForwardRefRenderFunction, HTMLAttributes } 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 `yarn run schema` to regenerate this file.
- */
-type HTMLString = string;
-/**
- * Add additional css classes that should be applied to the element
- */
-type AdditionalClasses = string;
-/**
- * Optional custom component identifier
- */
-type KsComponentAttribute = string;
-/**
- * Display raw HTML.
- */
-interface HTMLProps {
-    html?: HTMLString;
-    className?: AdditionalClasses;
-    component?: KsComponentAttribute;
-}
-declare const HtmlComponent: ForwardRefRenderFunction<HTMLDivElement, HTMLProps & HTMLAttributes<HTMLDivElement>>;
-export { HTMLProps, HtmlComponent };

package/dist/components/html/index.js

@@ -1,6 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import classnames from 'classnames';
-
-const HtmlComponent = ({ html, className, component, ...props }, ref) => (jsx("div", { className: classnames('c-html', className), dangerouslySetInnerHTML: { __html: html }, "ks-component": component, ref: ref, ...props }));
-
-export { HtmlComponent };