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

package/dist/components/pagination/pagination.schema.json

@@ -1,57 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/pagination.schema.json",
-  "title": "Pagination",
-  "type": "object",
-  "properties": {
-    "ariaLabels": {
-      "type": "object",
-      "properties": {
-        "previousPage": {
-          "type": "string",
-          "description": "Aria label for the previous page link",
-          "default": "Go to previous page"
-        },
-        "nextPage": {
-          "type": "string",
-          "description": "Aria label for the next page link",
-          "default": "Go to next page"
-        },
-        "skipToFirstPage": {
-          "type": "string",
-          "description": "Aria label for the link to skip to the first page",
-          "default": "Skip to first page"
-        },
-        "skipToLastPage": {
-          "type": "string",
-          "description": "Aria label for the link to skip to the last page",
-          "default": "Skip to last page"
-        },
-        "goToPage": {
-          "type": "string",
-          "description": "Aria label for the link to go to a specific page (will be placed before the page number)",
-          "default": "Go to page"
-        }
-      }
-    },
-    "pages": {
-      "type": "array",
-      "items": {
-        "type": "object",
-        "properties": {
-          "url": {
-            "type": "string",
-            "description": "The URL to the page"
-          },
-          "active": {
-            "type": "boolean",
-            "description": "Indicates if the page is currently active",
-            "default": false
-          }
-        },
-        "required": ["url"]
-      }
-    }
-  },
-  "additionalProperties": false
-}

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

@@ -1,19 +0,0 @@
-import { 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 { SearchFilterProps } from "../../SearchFilterProps-2fa6419b.js";
-import { SearchResultProps } from "../../SearchResultProps-224c2338.js";
-interface SearchProps {
-    /**
-     * Referenced component SearchFilterProps
-     */
-    searchFilter?: SearchFilterProps;
-    searchResults?: SearchResultProps[];
-}
-declare const Search: FC<PropsWithChildren<SearchProps>>;
-export type { SearchProps };
-export { Search };

package/dist/components/search/index.js

@@ -1,39 +0,0 @@
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { Section } from '../section/index.js';
-import { SplitWeighted } from '../split-weighted/index.js';
-import { SearchFilter } from '../search-filter/index.js';
-import { SearchResult } from '../search-result/index.js';
-import { RichText } from '@kickstartds/base/lib/rich-text';
-import { Pagination } from '../pagination/index.js';
-import 'react';
-import 'classnames';
-import '@kickstartds/core/lib/react';
-import '@kickstartds/base/lib/section';
-import '../section/js/Section.client.js';
-import '@kickstartds/core/lib/component';
-import 'markdown-to-jsx';
-import '@kickstartds/base/lib/link';
-import '@kickstartds/base/lib/icon';
-
-const Search = ({ searchFilter, searchResults, }) => (jsx(Fragment, { children: jsx(Section, { width: "wide", children: jsx(SplitWeighted, { verticalAlign: "sticky", mainLayout: {
-                minWidth: "narrow",
-            }, asideLayout: {
-                gutter: "small",
-            }, order: {
-                desktop: "asideFirst",
-                mobile: "asideFirst",
-            }, aside: jsxs(Fragment, { children: [jsx(SearchFilter, { ...searchFilter }), jsx(RichText, { text: `Showing 6 out of 18 results` })] }), main: jsxs(Fragment, { children: [searchResults.map((searchResult, index) => (jsx(SearchResult, { ...searchResult }, index))), jsx(Pagination, { pages: [
-                            {
-                                url: "https://example.com/page1",
-                                active: true,
-                            },
-                            {
-                                url: "https://example.com/page2",
-                            },
-                            {
-                                url: "https://example.com/page3",
-                            },
-                        ] })] }) }) }) }));
-Search.displayName = "Search";
-
-export { Search };

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

@@ -1,134 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/cms/search.schema.json",
-  "title": "Search",
-  "type": "object",
-  "properties": {
-    "searchFilter": {
-      "$schema": "http://json-schema.org/draft-07/schema#",
-      "$id": "http://schema.mydesignsystem.com/search-filter.schema.json",
-      "title": "Search Filter",
-      "type": "object",
-      "properties": {
-        "title": {
-          "type": "string",
-          "description": "The title of the search filter.",
-          "examples": [
-            "Search by category"
-          ]
-        },
-        "categories": {
-          "type": "array",
-          "description": "The categories to filter by.",
-          "examples": [
-            [
-              {
-                "title": "Pages",
-                "amount": "10"
-              },
-              {
-                "title": "News",
-                "amount": "5"
-              },
-              {
-                "title": "Blog Posts",
-                "amount": "8"
-              }
-            ]
-          ],
-          "items": {
-            "type": "object",
-            "properties": {
-              "title": {
-                "type": "string",
-                "description": "The name of the category.",
-                "examples": [
-                  "Pages",
-                  "News"
-                ]
-              },
-              "amount": {
-                "type": "string",
-                "description": "The number of items in the category.",
-                "examples": [
-                  "10",
-                  "5"
-                ]
-              },
-              "url": {
-                "type": "string",
-                "format": "uri",
-                "description": "The URL to filter by this category.",
-                "examples": [
-                  "#"
-                ]
-              }
-            },
-            "additionalProperties": false
-          }
-        },
-        "type": {
-          "const": "search-filter"
-        }
-      },
-      "additionalProperties": false
-    },
-    "searchResults": {
-      "type": "array",
-      "items": {
-        "$schema": "http://json-schema.org/draft-07/schema#",
-        "$id": "http://schema.mydesignsystem.com/search-result.schema.json",
-        "title": "Search Result",
-        "type": "object",
-        "properties": {
-          "url": {
-            "title": "URL",
-            "type": "string",
-            "description": "A URL linking to the search result or more information.",
-            "examples": [
-              "https://www.example.com/ai-conference-2023"
-            ]
-          },
-          "title": {
-            "title": "Title",
-            "type": "string",
-            "description": "The title of the search result.",
-            "examples": [
-              "AI Conference 2023"
-            ]
-          },
-          "text": {
-            "title": "Text",
-            "type": "string",
-            "description": "The main content or description of the search result.",
-            "examples": [
-              "Join us for the AI Conference 2023, where industry leaders discuss the future of AI."
-            ]
-          },
-          "showLink": {
-            "title": "Show Link",
-            "type": "boolean",
-            "description": "Whether to display the link to the search result.",
-            "default": true
-          },
-          "ariaLabel": {
-            "title": "ARIA Label",
-            "type": "string",
-            "description": "An ARIA label for accessibility purposes.",
-            "examples": [
-              "Search result: Conference 2023"
-            ]
-          },
-          "type": {
-            "const": "search-result"
-          }
-        },
-        "additionalProperties": false
-      }
-    },
-    "type": {
-      "const": "search"
-    }
-  },
-  "additionalProperties": false
-}

package/dist/components/search/search.schema.json

@@ -1,18 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/cms/search.schema.json",
-  "title": "Search",
-  "type": "object",
-  "properties": {
-    "searchFilter": {
-      "$ref": "http://schema.mydesignsystem.com/search-filter.schema.json"
-    },
-    "searchResults": {
-      "type": "array",
-      "items": {
-        "$ref": "http://schema.mydesignsystem.com/search-result.schema.json"
-      }
-    }
-  },
-  "additionalProperties": false
-}

package/dist/components/search-bar/index.d.ts

@@ -1,35 +0,0 @@
-/// <reference types="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.
- */
-/**
- * Placeholder text for the search input field.
- */
-type Placeholder = string;
-interface SearchBarProps {
-    placeholder?: Placeholder;
-    /**
-     * Text displayed on the search button.
-     */
-    buttonText?: string;
-    /**
-     * Additional information or instructions related to the search functionality.
-     */
-    hint?: string;
-    /**
-     * Text to display when offering alternative results.
-     */
-    alternativeText?: string;
-    /**
-     * The alternative result to display when offering suggestions.
-     */
-    alternativeResult?: string;
-}
-declare const SearchBarContextDefault: import("react").ForwardRefExoticComponent<SearchBarProps & import("react").RefAttributes<HTMLDivElement>>;
-declare const SearchBarContext: import("react").Context<import("react").ForwardRefExoticComponent<SearchBarProps & import("react").RefAttributes<HTMLDivElement>>>;
-declare const SearchBar: import("react").ForwardRefExoticComponent<SearchBarProps & import("react").RefAttributes<HTMLDivElement>>;
-export type { SearchBarProps };
-export { SearchBarContextDefault, SearchBarContext, SearchBar };

package/dist/components/search-bar/index.js

@@ -1,17 +0,0 @@
-import "./search-bar.css";
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { forwardRef, createContext, useContext } from 'react';
-import { TextField } from '@kickstartds/form/lib/text-field';
-import Markdown from 'markdown-to-jsx';
-import { Icon } from '@kickstartds/base/lib/icon';
-import { Link } from '@kickstartds/base/lib/link';
-
-const SearchBarContextDefault = forwardRef(({ placeholder, hint = "Press <kbd>Enter</kbd> to search", alternativeText = "Did you mean", alternativeResult = "AI Conference", }, ref) => (jsxs("div", { className: "dsa-search-bar", ref: ref, children: [jsxs("div", { className: "dsa-search-bar__input-container", children: [jsx(TextField, { hideLabel: true, type: "search", placeholder: placeholder || "Search...", className: "dsa-search-bar__input" }), jsx(Icon, { icon: "search" })] }), hint && jsx(Markdown, { className: "dsa-search-bar__hint", children: hint }), alternativeResult && (jsx("p", { className: "dsa-search-bar__alternative-text", children: jsxs(Fragment, { children: [alternativeText + " ", jsx(Link, { href: "#", children: alternativeResult })] }) }))] })));
-const SearchBarContext = createContext(SearchBarContextDefault);
-const SearchBar = forwardRef((props, ref) => {
-    const Component = useContext(SearchBarContext);
-    return jsx(Component, { ...props, ref: ref });
-});
-SearchBar.displayName = "SearchBar";
-
-export { SearchBar, SearchBarContext, SearchBarContextDefault };

package/dist/components/search-bar/search-bar.css

@@ -1,33 +0,0 @@
-.dsa-search-bar__input-container {
-  position: relative;
-}
-.dsa-search-bar__input-container .icon {
-  position: absolute;
-  left: var(--ks-spacing-inset-s);
-  top: 50%;
-  transform: translateY(-50%);
-  color: var(--ks-color-fg-alpha-6);
-  width: 1em;
-  height: 1em;
-}
-.dsa-search-bar__input.c-form-field__input {
-  padding: var(--ks-spacing-inset-xs);
-  font: var(--ks-font-interface-s);
-  padding-left: calc(var(--ks-spacing-inset-s) + 1em + var(--ks-spacing-xxs));
-}
-.dsa-search-bar__hint {
-  display: block;
-  font: var(--ks-font-interface-xs);
-  color: var(--ks-color-fg-alpha-4);
-  margin-top: var(--ks-spacing-stack-xs);
-}
-.dsa-search-bar__hint kbd {
-  font-size: 0.8em;
-  border-radius: 3px;
-}
-.dsa-search-bar__alternative-text {
-  margin-top: var(--ks-spacing-stack-s);
-  margin-bottom: 0;
-  font: var(--ks-font-interface-m);
-  color: var(--ks-text-color-interface);
-}

package/dist/components/search-bar/search-bar.schema.dereffed.json

@@ -1,48 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/search-bar.schema.json",
-  "title": "Search Bar",
-  "type": "object",
-  "properties": {
-    "placeholder": {
-      "title": "Placeholder",
-      "type": "string",
-      "description": "Placeholder text for the search input field.",
-      "examples": [
-        "Search..."
-      ]
-    },
-    "buttonText": {
-      "type": "string",
-      "description": "Text displayed on the search button.",
-      "examples": [
-        "Search"
-      ]
-    },
-    "hint": {
-      "type": "string",
-      "description": "Additional information or instructions related to the search functionality.",
-      "examples": [
-        "Press <kbd>Enter</kbd> to search"
-      ]
-    },
-    "alternativeText": {
-      "type": "string",
-      "description": "Text to display when offering alternative results.",
-      "examples": [
-        "Did you mean"
-      ]
-    },
-    "alternativeResult": {
-      "type": "string",
-      "description": "The alternative result to display when offering suggestions.",
-      "examples": [
-        "AI Conference"
-      ]
-    },
-    "type": {
-      "const": "search-bar"
-    }
-  },
-  "additionalProperties": false
-}

package/dist/components/search-bar/search-bar.schema.json

@@ -1,35 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/search-bar.schema.json",
-  "title": "Search Bar",
-  "type": "object",
-  "properties": {
-    "placeholder": {
-      "title": "Placeholder",
-      "type": "string",
-      "description": "Placeholder text for the search input field.",
-      "examples": ["Search..."]
-    },
-    "buttonText": {
-      "type": "string",
-      "description": "Text displayed on the search button.",
-      "examples": ["Search"]
-    },
-    "hint": {
-      "type": "string",
-      "description": "Additional information or instructions related to the search functionality.",
-      "examples": ["Press <kbd>Enter</kbd> to search"]
-    },
-    "alternativeText": {
-      "type": "string",
-      "description": "Text to display when offering alternative results.",
-      "examples": ["Did you mean"]
-    },
-    "alternativeResult": {
-      "type": "string",
-      "description": "The alternative result to display when offering suggestions.",
-      "examples": ["AI Conference"]
-    }
-  },
-  "additionalProperties": false
-}

package/dist/components/search-filter/index.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { SearchFilterProps } from "../../SearchFilterProps-2fa6419b.js";
-declare const SearchFilterContextDefault: import("react").ForwardRefExoticComponent<SearchFilterProps & import("react").RefAttributes<HTMLDivElement>>;
-declare const SearchFilterContext: import("react").Context<import("react").ForwardRefExoticComponent<SearchFilterProps & import("react").RefAttributes<HTMLDivElement>>>;
-declare const SearchFilter: import("react").ForwardRefExoticComponent<SearchFilterProps & import("react").RefAttributes<HTMLDivElement>>;
-export type { SearchFilterProps };
-export { SearchFilterContextDefault, SearchFilterContext, SearchFilter };

package/dist/components/search-filter/index.js

@@ -1,15 +0,0 @@
-import "./search-filter.css";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, createContext, useContext } from 'react';
-import Markdown from 'markdown-to-jsx';
-import { Link } from '@kickstartds/base/lib/link';
-
-const SearchFilterContextDefault = forwardRef(({ title, categories }, ref) => (jsxs("div", { className: "dsa-search-filter", ref: ref, children: [title && jsx(Markdown, { className: "dsa-search-filter__title", children: title }), jsx("div", { className: "dsa-search-filter__categories", children: categories.map((category, index) => (jsxs("div", { className: "dsa-search-filter__category", children: [jsx(Link, { href: category.url, className: "dsa-search-filter__category-title", children: category.title }), jsx("span", { className: "dsa-search-filter__category-amount", children: " (" + category.amount + ")" })] }, index))) })] })));
-const SearchFilterContext = createContext(SearchFilterContextDefault);
-const SearchFilter = forwardRef((props, ref) => {
-    const Component = useContext(SearchFilterContext);
-    return jsx(Component, { ...props, ref: ref });
-});
-SearchFilter.displayName = "SearchFilter";
-
-export { SearchFilter, SearchFilterContext, SearchFilterContextDefault };

package/dist/components/search-filter/search-filter.css

@@ -1,20 +0,0 @@
-.dsa-search-filter {
-  background-color: var(--ks-background-color-accent);
-  border-radius: var(--ks-border-radius-card);
-  padding: var(--ks-spacing-inset-m);
-}
-.dsa-search-filter__title {
-  font: var(--dsa-topic--font);
-  color: var(--dsa-topic--color);
-  font-weight: var(--dsa-topic--font-weight);
-}
-.dsa-search-filter__categories {
-  display: flex;
-  flex-direction: column;
-  gap: var(--ks-spacing-xxs);
-  margin-top: var(--ks-spacing-stack-s);
-}
-.dsa-search-filter__category {
-  font: var(--ks-font-interface-m);
-  color: var(--ks-text-color-interface);
-}

package/dist/components/search-filter/search-filter.schema.dereffed.json

@@ -1,69 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/search-filter.schema.json",
-  "title": "Search Filter",
-  "type": "object",
-  "properties": {
-    "title": {
-      "type": "string",
-      "description": "The title of the search filter.",
-      "examples": [
-        "Search by category"
-      ]
-    },
-    "categories": {
-      "type": "array",
-      "description": "The categories to filter by.",
-      "examples": [
-        [
-          {
-            "title": "Pages",
-            "amount": "10"
-          },
-          {
-            "title": "News",
-            "amount": "5"
-          },
-          {
-            "title": "Blog Posts",
-            "amount": "8"
-          }
-        ]
-      ],
-      "items": {
-        "type": "object",
-        "properties": {
-          "title": {
-            "type": "string",
-            "description": "The name of the category.",
-            "examples": [
-              "Pages",
-              "News"
-            ]
-          },
-          "amount": {
-            "type": "string",
-            "description": "The number of items in the category.",
-            "examples": [
-              "10",
-              "5"
-            ]
-          },
-          "url": {
-            "type": "string",
-            "format": "uri",
-            "description": "The URL to filter by this category.",
-            "examples": [
-              "#"
-            ]
-          }
-        },
-        "additionalProperties": false
-      }
-    },
-    "type": {
-      "const": "search-filter"
-    }
-  },
-  "additionalProperties": false
-}

package/dist/components/search-filter/search-filter.schema.json

@@ -1,46 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/search-filter.schema.json",
-  "title": "Search Filter",
-  "type": "object",
-  "properties": {
-    "title": {
-      "type": "string",
-      "description": "The title of the search filter.",
-      "examples": ["Search by category"]
-    },
-    "categories": {
-      "type": "array",
-      "description": "The categories to filter by.",
-      "examples": [
-        [
-          { "title": "Pages", "amount": "10" },
-          { "title": "News", "amount": "5" },
-          { "title": "Blog Posts", "amount": "8" }
-        ]
-      ],
-      "items": {
-        "type": "object",
-        "properties": {
-          "title": {
-            "type": "string",
-            "description": "The name of the category.",
-            "examples": ["Pages", "News"]
-          },
-          "amount": {
-            "type": "string",
-            "description": "The number of items in the category.",
-            "examples": ["10", "5"]
-          },
-          "url": {
-            "type": "string",
-            "format": "uri",
-            "description": "The URL to filter by this category.",
-            "examples": ["#"]
-          }
-        }
-      }
-    }
-  },
-  "additionalProperties": false
-}

package/dist/components/search-result/index.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { SearchResultProps } from "../../SearchResultProps-224c2338.js";
-declare const SearchResultContextDefault: import("react").ForwardRefExoticComponent<SearchResultProps & import("react").RefAttributes<HTMLAnchorElement>>;
-declare const SearchResultContext: import("react").Context<import("react").ForwardRefExoticComponent<SearchResultProps & import("react").RefAttributes<HTMLAnchorElement>>>;
-declare const SearchResult: import("react").ForwardRefExoticComponent<SearchResultProps & import("react").RefAttributes<HTMLAnchorElement>>;
-export type { SearchResultProps };
-export { SearchResultContextDefault, SearchResultContext, SearchResult };

package/dist/components/search-result/index.js

@@ -1,15 +0,0 @@
-import "./search-result.css";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, createContext, useContext } from 'react';
-import { Link } from '@kickstartds/base/lib/link';
-import { RichText } from '@kickstartds/base/lib/rich-text';
-
-const SearchResultContextDefault = forwardRef(({ title, text, url, showLink, ariaLabel }, ref) => (jsxs(Link, { "aria-label": ariaLabel, href: url, className: "dsa-search-result", ref: ref, children: [jsx("span", { className: "dsa-search-result__title", children: title }), jsx(RichText, { text: text, className: "dsa-search-result__text" }), showLink && jsx("span", { className: "dsa-search-result__link", children: url })] })));
-const SearchResultContext = createContext(SearchResultContextDefault);
-const SearchResult = forwardRef((props, ref) => {
-    const Component = useContext(SearchResultContext);
-    return jsx(Component, { ...props, ref: ref });
-});
-SearchResult.displayName = "SearchResult";
-
-export { SearchResult, SearchResultContext, SearchResultContextDefault };

package/dist/components/search-result/search-result.css

@@ -1,26 +0,0 @@
-.dsa-search-result {
-  --g-link--border-radius: var(--ks-border-radius-card);
-  display: flex;
-  flex-direction: column;
-  gap: var(--ks-spacing-stack-xs);
-  border: var(--ks-border-width-default) solid var(--ks-border-color-card-interactive);
-  padding: var(--ks-spacing-inset-m);
-  transition: var(--ks-transition-hover);
-}
-.dsa-search-result:hover {
-  border-color: var(--ks-border-color-card-interactive-hover);
-}
-.dsa-search-result__title {
-  font: var(--dsa-topic--font);
-  color: var(--dsa-topic--color);
-  font-weight: var(--dsa-topic--font-weight);
-}
-.dsa-search-result__link {
-  width: fit-content;
-  font: var(--ks-font-interface-s);
-  color: var(--dsa-link--color);
-  transition: inherit;
-}
-.dsa-search-result__link:hover {
-  color: var(--dsa-link--color_hover);
-}