@kickstartds/ds-agency-premium 1.6.71--canary.45.1776.0 → 1.6.71--canary.45.1780.0

package/dist/EventFilterProps-b190eb86.d.ts

@@ -0,0 +1,73 @@
+/**
+ * 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.
+ */
+/**
+ * List of categories to filter appointments
+ */
+type Label = string[];
+interface EventFilterProps {
+    datePicker?: {
+        /**
+         * Title for the date picker
+         */
+        title?: string;
+        dateFromInput?: {
+            /**
+             * Label for the date-from input
+             */
+            label?: string;
+            /**
+             * Placeholder text for the date-from input
+             */
+            placeholder?: string;
+        };
+        dateToInput?: {
+            /**
+             * Label for the date-to input
+             */
+            label?: string;
+            /**
+             * Placeholder text for the date-to input
+             */
+            placeholder?: string;
+        };
+        /**
+         * Toggle to enable or disable the date picker
+         */
+        toggle?: boolean;
+    };
+    categories?: {
+        /**
+         * Title for the categories filter
+         */
+        title?: string;
+        categoryCheckboxes?: Label;
+        /**
+         * Toggle to enable or disable the category filter
+         */
+        toggle?: boolean;
+    };
+    applyButton?: {
+        /**
+         * Label for the button
+         */
+        label?: string;
+        /**
+         * Function to call on button click
+         */
+        onClick?: string;
+    };
+    resetButton?: {
+        /**
+         * Label for the button
+         */
+        label?: string;
+        /**
+         * Function to call on button click
+         */
+        onClick?: string;
+    };
+}
+export { Label, EventFilterProps };

package/dist/components/blog-post/index.d.ts

@@ -1,4 +1,4 @@
-import { BlogPostProps } from "../../BlogPostProps-6b3cff22.js";
+import { BlogPostProps } from "../../BlogPostProps-c760fd2a.js";
 import { FC, PropsWithChildren } from "react";
 declare const BlogPost: FC<PropsWithChildren<BlogPostProps>>;
 export type { BlogPostProps };

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

@@ -66,7 +66,10 @@
           "description": "List of categories to filter appointments",
           "items": {
             "type": "string",
-            "description": "Category name"
+            "description": "Category name",
+            "examples": [
+              "Category Filter"
+            ]
           }
         },
         "toggle": {

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

@@ -51,7 +51,6 @@
     },
     "categories": {
       "type": "object",
-
       "properties": {
         "title": {
           "type": "string",
@@ -64,7 +63,8 @@
           "description": "List of categories to filter appointments",
           "items": {
             "type": "string",
-            "description": "Category name"
+            "description": "Category name",
+            "examples": ["Category Filter"]
           }
         },
         "toggle": {

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

@@ -1,77 +1,5 @@
 /// <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.
- */
-/**
- * List of categories to filter appointments
- */
-type Label = string[];
-interface EventFilterProps {
-    datePicker?: {
-        /**
-         * Title for the date picker
-         */
-        title?: string;
-        dateFromInput?: {
-            /**
-             * Label for the date-from input
-             */
-            label?: string;
-            /**
-             * Placeholder text for the date-from input
-             */
-            placeholder?: string;
-        };
-        dateToInput?: {
-            /**
-             * Label for the date-to input
-             */
-            label?: string;
-            /**
-             * Placeholder text for the date-to input
-             */
-            placeholder?: string;
-        };
-        /**
-         * Toggle to enable or disable the date picker
-         */
-        toggle?: boolean;
-    };
-    categories?: {
-        /**
-         * Title for the categories filter
-         */
-        title?: string;
-        categoryCheckboxes?: Label;
-        /**
-         * Toggle to enable or disable the category filter
-         */
-        toggle?: boolean;
-    };
-    applyButton?: {
-        /**
-         * Label for the button
-         */
-        label?: string;
-        /**
-         * Function to call on button click
-         */
-        onClick?: string;
-    };
-    resetButton?: {
-        /**
-         * Label for the button
-         */
-        label?: string;
-        /**
-         * Function to call on button click
-         */
-        onClick?: string;
-    };
-}
+import { EventFilterProps } from "../../EventFilterProps-b190eb86.js";
 declare const EventFilterContextDefault: import("react").ForwardRefExoticComponent<EventFilterProps & import("react").RefAttributes<HTMLDivElement>>;
 declare const EventFilterContext: import("react").Context<import("react").ForwardRefExoticComponent<EventFilterProps & import("react").RefAttributes<HTMLDivElement>>>;
 declare const EventFilter: import("react").ForwardRefExoticComponent<EventFilterProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -17,7 +17,7 @@ const EventFilterContextDefault = forwardRef(({ categories = {
     label: "Filter Appointments",
 }, resetButton = {
     label: "Reset Filters",
-}, }, ref) => (jsxs("div", { className: "dsa-event-filter", ref: ref, children: [datePicker?.toggle && (jsxs("div", { className: "dsa-event-filter__item", children: [jsx("span", { className: "dsa-event-filter__topic", children: datePicker.title || "Find Appointment" }), jsxs("div", { className: "dsa-event-filter__date-picker", children: [jsx(TextField, { label: datePicker.dateFromInput.label || "From", placeholder: datePicker.dateFromInput.placeholder || "Select a date" }), jsx(TextField, { label: datePicker.dateToInput.label || "To", placeholder: datePicker.dateToInput.placeholder || "Select a date" })] })] })), categories?.toggle && (jsxs("div", { className: "dsa-event-filter__item", children: [jsx("span", { className: "dsa-event-filter__topic", children: categories?.title || "Categories" }), jsx("div", { className: "dsa-event-filter__categories", children: categories &&
+}, }, ref) => (jsxs("div", { className: "dsa-event-filter", ref: ref, children: [datePicker?.toggle && (jsxs("div", { className: "dsa-event-filter__item", children: [jsx("span", { className: "dsa-event-filter__topic", children: datePicker.title || "Find Appointment" }), jsxs("div", { className: "dsa-event-filter__date-picker", children: [jsx(TextField, { label: datePicker.dateFromInput.label || "From", placeholder: datePicker.dateFromInput.placeholder || "Select a date" }), jsx(TextField, { label: datePicker.dateToInput.label || "To", placeholder: datePicker.dateToInput.placeholder || "Select a date" })] })] })), categories && categories?.toggle && (jsxs("div", { className: "dsa-event-filter__item", children: [jsx("span", { className: "dsa-event-filter__topic", children: categories?.title || "Categories" }), jsx("div", { className: "dsa-event-filter__categories", children: categories &&
                         categories.categoryCheckboxes.length > 0 &&
                         categories.categoryCheckboxes.map((category, index) => (jsx(Checkbox, { label: category }, index))) })] })), jsxs("div", { className: "dsa-event-filter__buttons", children: [jsx(Button, { size: "small", label: applyButton?.label || "Filter Appointments", variant: "primary", onClick: () => {
                         // Handle button click

package/dist/components/event-list/event-list.schema.dereffed.json

@@ -0,0 +1,130 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/cms/event-list.schema.json",
+  "title": "Event List",
+  "type": "object",
+  "properties": {
+    "filter": {
+      "$schema": "http://json-schema.org/draft-07/schema#",
+      "$id": "http://schema.mydesignsystem.com/event-filter.schema.json",
+      "title": "Event Filter",
+      "type": "object",
+      "properties": {
+        "datePicker": {
+          "type": "object",
+          "properties": {
+            "title": {
+              "type": "string",
+              "description": "Title for the date picker",
+              "default": "Find Appointment"
+            },
+            "dateFromInput": {
+              "type": "object",
+              "properties": {
+                "label": {
+                  "type": "string",
+                  "description": "Label for the date-from input",
+                  "default": "From"
+                },
+                "placeholder": {
+                  "type": "string",
+                  "description": "Placeholder text for the date-from input",
+                  "default": "Select a date"
+                }
+              },
+              "additionalProperties": false
+            },
+            "dateToInput": {
+              "type": "object",
+              "properties": {
+                "label": {
+                  "type": "string",
+                  "description": "Label for the date-to input",
+                  "default": "To"
+                },
+                "placeholder": {
+                  "type": "string",
+                  "description": "Placeholder text for the date-to input",
+                  "default": "Select a date"
+                }
+              },
+              "additionalProperties": false
+            },
+            "toggle": {
+              "type": "boolean",
+              "description": "Toggle to enable or disable the date picker",
+              "default": true
+            }
+          },
+          "additionalProperties": false
+        },
+        "categories": {
+          "type": "object",
+          "properties": {
+            "title": {
+              "type": "string",
+              "description": "Title for the categories filter",
+              "default": "Categories"
+            },
+            "categoryCheckboxes": {
+              "type": "array",
+              "title": "Label",
+              "description": "List of categories to filter appointments",
+              "items": {
+                "type": "string",
+                "description": "Category name",
+                "examples": [
+                  "Category Filter"
+                ]
+              }
+            },
+            "toggle": {
+              "type": "boolean",
+              "description": "Toggle to enable or disable the category filter",
+              "default": true
+            }
+          },
+          "additionalProperties": false
+        },
+        "applyButton": {
+          "type": "object",
+          "properties": {
+            "label": {
+              "type": "string",
+              "description": "Label for the button",
+              "default": "Filter Appointments"
+            },
+            "onClick": {
+              "type": "string",
+              "description": "Function to call on button click"
+            }
+          },
+          "additionalProperties": false
+        },
+        "resetButton": {
+          "type": "object",
+          "properties": {
+            "label": {
+              "type": "string",
+              "description": "Label for the button",
+              "default": "Reset Filters"
+            },
+            "onClick": {
+              "type": "string",
+              "description": "Function to call on button click"
+            }
+          },
+          "additionalProperties": false
+        },
+        "type": {
+          "const": "event-filter"
+        }
+      },
+      "additionalProperties": false
+    },
+    "type": {
+      "const": "event-list"
+    }
+  },
+  "additionalProperties": false
+}

package/dist/components/event-list/event-list.schema.json

@@ -0,0 +1,12 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/cms/event-list.schema.json",
+  "title": "Event List",
+  "type": "object",
+  "properties": {
+    "filter": {
+      "$ref": "http://schema.mydesignsystem.com/event-filter.schema.json"
+    }
+  },
+  "additionalProperties": false
+}

package/dist/components/event-list/index.d.ts

@@ -0,0 +1,17 @@
+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 { EventFilterProps } from "../../EventFilterProps-b190eb86.js";
+interface EventListProps {
+    /**
+     * Referenced component EventFilterProps
+     */
+    filter?: EventFilterProps;
+}
+declare const EventList: FC<PropsWithChildren<EventListProps>>;
+export type { EventListProps };
+export { EventList };

package/dist/components/event-list/index.js

@@ -0,0 +1,22 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { Section } from '../section/index.js';
+import { SplitWeighted } from '../split-weighted/index.js';
+import { EventFilter } from '../event-filter/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 '@kickstartds/form/lib/text-field';
+import '@kickstartds/form/lib/checkbox';
+import '../button/index.js';
+import '@kickstartds/base/lib/button';
+
+const EventList = ({ filter, }) => (jsx(Fragment, { children: jsx(Section, { width: "wide", children: jsx(SplitWeighted, { order: {
+                desktop: "asideFirst",
+                mobile: "asideFirst",
+            }, aside: jsx(EventFilter, { ...filter }) }) }) }));
+EventList.displayName = "EventList";
+
+export { EventList };

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

@@ -29,7 +29,7 @@ interface SettingsProps {
     seo: SeoProps;
     iconSprite?: IconSprite;
 }
-export * from "../../BlogPostProps-6b3cff22.js";
+export * from "../../BlogPostProps-c760fd2a.js";
 export * from "../../BlogOverviewProps-9f207f1c.js";
 export * from "../../PageProps-aa29c554.js";
 export { IconSprite, SettingsProps };

package/dist/components/page-wrapper/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 03 Jul 2025 11:03:33 GMT
+ * Generated on Thu, 03 Jul 2025 11:19:15 GMT
  */
 :root, [ks-theme] {
   --ks-background-color-accent-base: var(--ks-color-fg-to-bg-9-base);

package/dist/components/presets.json

@@ -935,6 +935,47 @@
     },
     "screenshot": "img/screenshots/page-archetypes-event-detail--event-detail.png"
   },
+  {
+    "id": "page-archetypes-event-list--event-list",
+    "group": "Page Archetypes/Event List",
+    "name": "EventList",
+    "code": "<EventList\n  filter={{\n    applyButton: {\n      label: 'Filter Appointments'\n    },\n    categories: {\n      categoryCheckboxes: [\n        'All',\n        'Buyers',\n        'Sellers',\n        'Renters',\n        'Landlords',\n        'Tenants'\n      ],\n      title: 'Categories',\n      toggle: true\n    },\n    datePicker: {\n      dateFromInput: {\n        label: 'From',\n        placeholder: 'Select a date'\n      },\n      dateToInput: {\n        label: 'To',\n        placeholder: 'Select a date'\n      },\n      title: 'Find Appointment',\n      toggle: true\n    },\n    resetButton: {\n      label: 'Reset Filters'\n    }\n  }}\n />",
+    "args": {
+      "filter": {
+        "datePicker": {
+          "title": "Find Appointment",
+          "dateFromInput": {
+            "label": "From",
+            "placeholder": "Select a date"
+          },
+          "dateToInput": {
+            "label": "To",
+            "placeholder": "Select a date"
+          },
+          "toggle": true
+        },
+        "categories": {
+          "title": "Categories",
+          "categoryCheckboxes": [
+            "All",
+            "Buyers",
+            "Sellers",
+            "Renters",
+            "Landlords",
+            "Tenants"
+          ],
+          "toggle": true
+        },
+        "applyButton": {
+          "label": "Filter Appointments"
+        },
+        "resetButton": {
+          "label": "Reset Filters"
+        }
+      }
+    },
+    "screenshot": "img/screenshots/page-archetypes-event-list--event-list.png"
+  },
   {
     "id": "components-contact--wide-image",
     "group": "Components/Contact",
@@ -1596,7 +1637,6 @@
       },
       "categories": {
         "title": "Categories",
-        "toggle": true,
         "categoryCheckboxes": [
           "All",
           "Buyers",
@@ -1604,7 +1644,8 @@
           "Renters",
           "Landlords",
           "Tenants"
-        ]
+        ],
+        "toggle": true
       },
       "applyButton": {
         "label": "Filter Appointments"

package/dist/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 03 Jul 2025 11:03:36 GMT
+ * Generated on Thu, 03 Jul 2025 11:19:17 GMT
  */
 :root [ks-theme=business] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -2727,7 +2727,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Thu, 03 Jul 2025 11:03:39 GMT
+ * Generated on Thu, 03 Jul 2025 11:19:21 GMT
  */
 :root [ks-theme=google] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -5458,7 +5458,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Thu, 03 Jul 2025 11:03:37 GMT
+ * Generated on Thu, 03 Jul 2025 11:19:19 GMT
  */
 :root [ks-theme=ngo] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -8459,7 +8459,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Thu, 03 Jul 2025 11:03:41 GMT
+ * Generated on Thu, 03 Jul 2025 11:19:23 GMT
  */
 :root [ks-theme=telekom] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);

package/dist/tokens/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 03 Jul 2025 11:03:33 GMT
+ * Generated on Thu, 03 Jul 2025 11:19:15 GMT
  */
 
 :root, [ks-theme] {

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 03 Jul 2025 11:03:34 GMT
+ * Generated on Thu, 03 Jul 2025 11:19:16 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#f3f3f4";

package/package.json

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