@envive-ai/react-toolkit 0.1.1 → 0.1.2

package/dist/search/SearchResultsStates/NoSearchResultsFound.d.cts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime16 from "react/jsx-runtime";
+
+//#region src/components/search/SearchResultsStates/NoSearchResultsFound.d.ts
+interface NoSearchResultsFoundProps {
+  containerPaddingClasses: string;
+  includeBottomMargin?: boolean;
+  noResultsFoundText?: string;
+  sparkleIconColor?: string;
+}
+declare const NoSearchResultsFound: ({
+  containerPaddingClasses,
+  includeBottomMargin,
+  noResultsFoundText,
+  sparkleIconColor
+}: NoSearchResultsFoundProps) => react_jsx_runtime16.JSX.Element;
+//#endregion
+export { NoSearchResultsFound };

package/dist/search/SearchResultsStates/NoSearchResultsFound.d.ts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime11 from "react/jsx-runtime";
+
+//#region src/components/search/SearchResultsStates/NoSearchResultsFound.d.ts
+interface NoSearchResultsFoundProps {
+  containerPaddingClasses: string;
+  includeBottomMargin?: boolean;
+  noResultsFoundText?: string;
+  sparkleIconColor?: string;
+}
+declare const NoSearchResultsFound: ({
+  containerPaddingClasses,
+  includeBottomMargin,
+  noResultsFoundText,
+  sparkleIconColor
+}: NoSearchResultsFoundProps) => react_jsx_runtime11.JSX.Element;
+//#endregion
+export { NoSearchResultsFound };

package/dist/search/SearchResultsStates/NoSearchResultsFound.js

@@ -0,0 +1,26 @@
+import "../../textVariantClasses-5t3OricK.js";
+import { Text } from "../../Text-Bdv7F5-u.js";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Sparkles from "@envive-ai/react-icons/src/Sparkles";
+
+//#region src/components/search/SearchResultsStates/NoSearchResultsFound.tsx
+const NoSearchResultsFound = ({ containerPaddingClasses, includeBottomMargin = false, noResultsFoundText, sparkleIconColor = "var(--spiffy-colors-accent-primary)" }) => {
+	const containerClasses = classNames(containerPaddingClasses, includeBottomMargin ? "spiffy-tw-mb-[100vh]" : "", "spiffy-tw-mt-6");
+	return /* @__PURE__ */ jsx("div", {
+		className: containerClasses,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "spiffy-tw-flex spiffy-tw-items-start spiffy-tw-gap-2",
+			children: [/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Sparkles, {
+				className: "spiffy-tw-w-[24px] spiffy-tw-h-[24px]",
+				style: { color: sparkleIconColor }
+			}) }), /* @__PURE__ */ jsx(Text, {
+				variant: "body2",
+				children: noResultsFoundText || "I’m sorry, I wasn’t able to find an exact match. Try changing your filters or adjusting your search query."
+			})]
+		})
+	});
+};
+
+//#endregion
+export { NoSearchResultsFound };

package/dist/search/SearchResultsStates/SearchResultsGrid.cjs

@@ -0,0 +1,66 @@
+const require_chunk = require('../../chunk-CUT6urMc.cjs');
+require('../../textVariantClasses-Bhf4VY5z.cjs');
+require('../../Text-C04c4Z93.cjs');
+require('../../Headline-L7w3BsBF.cjs');
+require('../../ImageWithFallback-P3AjyL2Y.cjs');
+require('../../productCardVariants-Dd-wrJKP.cjs');
+require('../../ProductCard-CS6DZAwO.cjs');
+require('../../Spinner-CfQ85Ajl.cjs');
+require('../../productGridVariants-DVzvjK9i.cjs');
+const require_ProductGrid = require('../../ProductGrid-B7QZfW-v.cjs');
+const require_AppliedFiltersScrollbar = require('../../AppliedFiltersScrollbar-BlcyhZkZ.cjs');
+const require_DynamicFiltersScrollbar = require('../../DynamicFiltersScrollbar-B2Rr1KnJ.cjs');
+require('../../colorsConfig-TCONYTQ7.cjs');
+const require_searchFilterSidebarVariants = require('../../searchFilterSidebarVariants-GfFbQzGf.cjs');
+let classnames = require("classnames");
+classnames = require_chunk.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
+let framer_motion = require("framer-motion");
+framer_motion = require_chunk.__toESM(framer_motion);
+
+//#region src/components/search/SearchResultsStates/SearchResultsGrid.tsx
+const SearchResultsGrid = ({ productList, availableDynamicFilters, searchFilterSidebarVariant, productGridVariant, selectedFilterOptions, searchResponseId, containerXPaddingClasses, productGridClasses, onRemoveFilter, onToggleDynamicFilter }) => {
+	const sharedFilterBarClasses = (0, classnames.default)("spiffy-suggestion-bar", "spiffy-tw-no-scrollbar", "spiffy-tw-flex", "spiffy-tw-flex-row", "spiffy-tw-gap-2", "spiffy-tw-mb-[16px]", "spiffy-tw-overflow-x-scroll", containerXPaddingClasses);
+	const filterBarClasses = (0, classnames.default)(sharedFilterBarClasses, "spiffy-tw-mt-[24px]");
+	const appliedFilterBarClasses = (0, classnames.default)(sharedFilterBarClasses, "spiffy-tw-mb-[32px]", "spiffy-tw-mt-[8px]");
+	const { filterDefaultClasses, filterHoverClasses, appliedFilterBackgroundClasses } = require_searchFilterSidebarVariants.searchFilterSidebarVariantClasses[searchFilterSidebarVariant];
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(framer_motion.motion.div, {
+		className: "spiffy-tw-justify-center spiffy-tw-w-full spiffy-tw-overflow-hidden",
+		initial: { opacity: 0 },
+		animate: { opacity: 1 },
+		exit: { opacity: 0 },
+		transition: { duration: .2 },
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AppliedFiltersScrollbar.AppliedFiltersScrollbar, {
+				selectedFilterOptions,
+				filterBarClassNames: appliedFilterBarClasses,
+				filterDefaultClasses,
+				filterHoverClasses,
+				appliedFilterBackgroundClasses,
+				onRemoveFilter
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DynamicFiltersScrollbar.DynamicFiltersScrollbar, {
+				availableDynamicFilters,
+				filterBarClassNames: filterBarClasses,
+				filterDefaultClasses,
+				filterHoverClasses,
+				onToggleDynamicFilter
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ProductGrid.ProductGrid, {
+				productList,
+				productGridVariant,
+				productGridClasses,
+				searchResponseId,
+				merchantShortName: "",
+				handleClick: function(clickedUrl) {
+					console.log(clickedUrl);
+					throw new Error("Function not implemented.");
+				}
+			})
+		]
+	});
+};
+
+//#endregion
+exports.SearchResultsGrid = SearchResultsGrid;

package/dist/search/SearchResultsStates/SearchResultsGrid.d.cts

@@ -0,0 +1,41 @@
+import { ProductGridVariant, SearchResponseProduct } from "../../types-aa4flfRE.cjs";
+import { SelectedFilterOption } from "../../types-DaSkJnT_.cjs";
+import { SearchFilterSidebarVariant } from "../../types-B4BGZSlV.cjs";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
+
+//#region src/components/search/SearchResultsStates/SearchResultsGrid.d.ts
+interface SearchResultsGridProps {
+  productList: SearchResponseProduct[];
+  availableDynamicFilters: {
+    name: string;
+    displayName: string;
+  }[];
+  searchFilterSidebarVariant: SearchFilterSidebarVariant;
+  productGridVariant: ProductGridVariant;
+  selectedFilterOptions: SelectedFilterOption[];
+  searchResponseId: string;
+  containerXPaddingClasses: string;
+  productGridClasses: string;
+  onRemoveFilter: (filter: SelectedFilterOption) => void;
+  onToggleDynamicFilter: ({
+    filter,
+    dynamicFilterDisplayName
+  }: {
+    filter: string;
+    dynamicFilterDisplayName: string;
+  }) => void;
+}
+declare const SearchResultsGrid: ({
+  productList,
+  availableDynamicFilters,
+  searchFilterSidebarVariant,
+  productGridVariant,
+  selectedFilterOptions,
+  searchResponseId,
+  containerXPaddingClasses,
+  productGridClasses,
+  onRemoveFilter,
+  onToggleDynamicFilter
+}: SearchResultsGridProps) => react_jsx_runtime18.JSX.Element;
+//#endregion
+export { SearchResultsGrid };

package/dist/search/SearchResultsStates/SearchResultsGrid.d.ts

@@ -0,0 +1,41 @@
+import { ProductGridVariant, SearchResponseProduct } from "../../types-53zIialA.js";
+import { SelectedFilterOption } from "../../types-DFetqNL2.js";
+import { SearchFilterSidebarVariant } from "../../types-CpiJO5UH.js";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
+
+//#region src/components/search/SearchResultsStates/SearchResultsGrid.d.ts
+interface SearchResultsGridProps {
+  productList: SearchResponseProduct[];
+  availableDynamicFilters: {
+    name: string;
+    displayName: string;
+  }[];
+  searchFilterSidebarVariant: SearchFilterSidebarVariant;
+  productGridVariant: ProductGridVariant;
+  selectedFilterOptions: SelectedFilterOption[];
+  searchResponseId: string;
+  containerXPaddingClasses: string;
+  productGridClasses: string;
+  onRemoveFilter: (filter: SelectedFilterOption) => void;
+  onToggleDynamicFilter: ({
+    filter,
+    dynamicFilterDisplayName
+  }: {
+    filter: string;
+    dynamicFilterDisplayName: string;
+  }) => void;
+}
+declare const SearchResultsGrid: ({
+  productList,
+  availableDynamicFilters,
+  searchFilterSidebarVariant,
+  productGridVariant,
+  selectedFilterOptions,
+  searchResponseId,
+  containerXPaddingClasses,
+  productGridClasses,
+  onRemoveFilter,
+  onToggleDynamicFilter
+}: SearchResultsGridProps) => react_jsx_runtime5.JSX.Element;
+//#endregion
+export { SearchResultsGrid };

package/dist/search/SearchResultsStates/SearchResultsGrid.js

@@ -0,0 +1,62 @@
+import "../../textVariantClasses-5t3OricK.js";
+import "../../Text-Bdv7F5-u.js";
+import "../../Headline-ro_Nigw5.js";
+import "../../ImageWithFallback-CfmkC58B.js";
+import "../../productCardVariants-C_QIZ-KF.js";
+import "../../ProductCard-Btg8tHGc.js";
+import "../../Spinner-BZ-kTOpm.js";
+import "../../productGridVariants-CxCKx5Fq.js";
+import { ProductGrid } from "../../ProductGrid-DB_Uq5F-.js";
+import { AppliedFiltersScrollbar } from "../../AppliedFiltersScrollbar-DFGzRemu.js";
+import { DynamicFiltersScrollbar } from "../../DynamicFiltersScrollbar-Dys6geP0.js";
+import "../../colorsConfig-l0ODUVhu.js";
+import { searchFilterSidebarVariantClasses } from "../../searchFilterSidebarVariants-lJVVZT_2.js";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { motion } from "framer-motion";
+
+//#region src/components/search/SearchResultsStates/SearchResultsGrid.tsx
+const SearchResultsGrid = ({ productList, availableDynamicFilters, searchFilterSidebarVariant, productGridVariant, selectedFilterOptions, searchResponseId, containerXPaddingClasses, productGridClasses, onRemoveFilter, onToggleDynamicFilter }) => {
+	const sharedFilterBarClasses = classNames("spiffy-suggestion-bar", "spiffy-tw-no-scrollbar", "spiffy-tw-flex", "spiffy-tw-flex-row", "spiffy-tw-gap-2", "spiffy-tw-mb-[16px]", "spiffy-tw-overflow-x-scroll", containerXPaddingClasses);
+	const filterBarClasses = classNames(sharedFilterBarClasses, "spiffy-tw-mt-[24px]");
+	const appliedFilterBarClasses = classNames(sharedFilterBarClasses, "spiffy-tw-mb-[32px]", "spiffy-tw-mt-[8px]");
+	const { filterDefaultClasses, filterHoverClasses, appliedFilterBackgroundClasses } = searchFilterSidebarVariantClasses[searchFilterSidebarVariant];
+	return /* @__PURE__ */ jsxs(motion.div, {
+		className: "spiffy-tw-justify-center spiffy-tw-w-full spiffy-tw-overflow-hidden",
+		initial: { opacity: 0 },
+		animate: { opacity: 1 },
+		exit: { opacity: 0 },
+		transition: { duration: .2 },
+		children: [
+			/* @__PURE__ */ jsx(AppliedFiltersScrollbar, {
+				selectedFilterOptions,
+				filterBarClassNames: appliedFilterBarClasses,
+				filterDefaultClasses,
+				filterHoverClasses,
+				appliedFilterBackgroundClasses,
+				onRemoveFilter
+			}),
+			/* @__PURE__ */ jsx(DynamicFiltersScrollbar, {
+				availableDynamicFilters,
+				filterBarClassNames: filterBarClasses,
+				filterDefaultClasses,
+				filterHoverClasses,
+				onToggleDynamicFilter
+			}),
+			/* @__PURE__ */ jsx(ProductGrid, {
+				productList,
+				productGridVariant,
+				productGridClasses,
+				searchResponseId,
+				merchantShortName: "",
+				handleClick: function(clickedUrl) {
+					console.log(clickedUrl);
+					throw new Error("Function not implemented.");
+				}
+			})
+		]
+	});
+};
+
+//#endregion
+export { SearchResultsGrid };

package/dist/search/SearchResultsStates/SearchResultsLoadingGrid.cjs

@@ -0,0 +1,52 @@
+const require_chunk = require('../../chunk-CUT6urMc.cjs');
+require('../../textVariantClasses-Bhf4VY5z.cjs');
+const require_Text = require('../../Text-C04c4Z93.cjs');
+require('../../productCardVariants-Dd-wrJKP.cjs');
+const require_ProductCardSkeleton = require('../../ProductCardSkeleton-BgvDlaty.cjs');
+const require_SparkleAnimation = require('../../SparkleAnimation-BpLwrEqM.cjs');
+const require_productGridVariants = require('../../productGridVariants-DVzvjK9i.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
+let framer_motion = require("framer-motion");
+framer_motion = require_chunk.__toESM(framer_motion);
+
+//#region src/components/search/SearchResultsStates/SearchResultsLoadingGrid.tsx
+const SearchResultsLoadingGrid = ({ productGridVariant, productGridClasses, sparkleIconColor = "var(--spiffy-colors-accent-primary)" }) => {
+	const { productCardLayoutVariant, productCardImageAspectRatio } = require_productGridVariants.productGridVariantClasses[productGridVariant];
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
+		className: "spiffy-tw-justify-center spiffy-tw-w-full spiffy-tw-overflow-hidden",
+		initial: { opacity: 0 },
+		animate: { opacity: 1 },
+		exit: { opacity: 0 },
+		transition: { duration: .2 },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "spiffy-tw-mt-6 spiffy-tw-w-full",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-justify-between spiffy-tw-mb-4",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-gap-2 spiffy-tw-ml-[16px] md:spiffy-tw-ml-[80px]",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "spiffy-tw-width-[24px]",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SparkleAnimation.SparkleAnimation, {
+							color: sparkleIconColor,
+							animate: true
+						})
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
+						variant: "body2",
+						children: "Finding the best options for you..."
+					})]
+				})
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: productGridClasses,
+				children: Array.from({ length: 8 }).map((_, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ProductCardSkeleton.ProductCardSkeleton, {
+					layoutVariant: productCardLayoutVariant,
+					aspectRatio: productCardImageAspectRatio,
+					growWithContainer: true
+				}, index))
+			})]
+		})
+	});
+};
+
+//#endregion
+exports.SearchResultsLoadingGrid = SearchResultsLoadingGrid;

package/dist/search/SearchResultsStates/SearchResultsLoadingGrid.d.cts

@@ -0,0 +1,15 @@
+import { ProductGridVariant } from "../../types-aa4flfRE.cjs";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
+
+//#region src/components/search/SearchResultsStates/SearchResultsLoadingGrid.d.ts
+declare const SearchResultsLoadingGrid: ({
+  productGridVariant,
+  productGridClasses,
+  sparkleIconColor
+}: {
+  productGridVariant: ProductGridVariant;
+  productGridClasses: string;
+  sparkleIconColor?: string;
+}) => react_jsx_runtime19.JSX.Element;
+//#endregion
+export { SearchResultsLoadingGrid };

package/dist/search/SearchResultsStates/SearchResultsLoadingGrid.d.ts

@@ -0,0 +1,15 @@
+import { ProductGridVariant } from "../../types-53zIialA.js";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
+
+//#region src/components/search/SearchResultsStates/SearchResultsLoadingGrid.d.ts
+declare const SearchResultsLoadingGrid: ({
+  productGridVariant,
+  productGridClasses,
+  sparkleIconColor
+}: {
+  productGridVariant: ProductGridVariant;
+  productGridClasses: string;
+  sparkleIconColor?: string;
+}) => react_jsx_runtime10.JSX.Element;
+//#endregion
+export { SearchResultsLoadingGrid };

package/dist/search/SearchResultsStates/SearchResultsLoadingGrid.js

@@ -0,0 +1,49 @@
+import "../../textVariantClasses-5t3OricK.js";
+import { Text } from "../../Text-Bdv7F5-u.js";
+import "../../productCardVariants-C_QIZ-KF.js";
+import { ProductCardSkeleton } from "../../ProductCardSkeleton-BPfp6IOp.js";
+import { SparkleAnimation } from "../../SparkleAnimation-CXs58sFd.js";
+import { productGridVariantClasses } from "../../productGridVariants-CxCKx5Fq.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { motion } from "framer-motion";
+
+//#region src/components/search/SearchResultsStates/SearchResultsLoadingGrid.tsx
+const SearchResultsLoadingGrid = ({ productGridVariant, productGridClasses, sparkleIconColor = "var(--spiffy-colors-accent-primary)" }) => {
+	const { productCardLayoutVariant, productCardImageAspectRatio } = productGridVariantClasses[productGridVariant];
+	return /* @__PURE__ */ jsx(motion.div, {
+		className: "spiffy-tw-justify-center spiffy-tw-w-full spiffy-tw-overflow-hidden",
+		initial: { opacity: 0 },
+		animate: { opacity: 1 },
+		exit: { opacity: 0 },
+		transition: { duration: .2 },
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "spiffy-tw-mt-6 spiffy-tw-w-full",
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-justify-between spiffy-tw-mb-4",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-gap-2 spiffy-tw-ml-[16px] md:spiffy-tw-ml-[80px]",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "spiffy-tw-width-[24px]",
+						children: /* @__PURE__ */ jsx(SparkleAnimation, {
+							color: sparkleIconColor,
+							animate: true
+						})
+					}), /* @__PURE__ */ jsx(Text, {
+						variant: "body2",
+						children: "Finding the best options for you..."
+					})]
+				})
+			}), /* @__PURE__ */ jsx("div", {
+				className: productGridClasses,
+				children: Array.from({ length: 8 }).map((_, index) => /* @__PURE__ */ jsx(ProductCardSkeleton, {
+					layoutVariant: productCardLayoutVariant,
+					aspectRatio: productCardImageAspectRatio,
+					growWithContainer: true
+				}, index))
+			})]
+		})
+	});
+};
+
+//#endregion
+export { SearchResultsLoadingGrid };

package/dist/searchFilterSidebarVariants-GfFbQzGf.cjs

@@ -0,0 +1,39 @@
+const require_colorsConfig = require('./colorsConfig-TCONYTQ7.cjs');
+
+//#region src/components/search/SearchResultsFilterSidebar/searchFilterSidebarVariants.ts
+const searchFilterSidebarVariantClasses = {
+	darkButton: {
+		radioButtonFillColor: require_colorsConfig.colorVar(require_colorsConfig.ColorNames.BackgroundDark),
+		radioButtonHoverColor: require_colorsConfig.colorVar(require_colorsConfig.ColorNames.BackgroundSecondaryDark),
+		radioButtonUncheckedBorderColor: require_colorsConfig.colorVar(require_colorsConfig.ColorNames.BorderMedium),
+		searchFilterHeaderClasses: "spiffy-tw-text-[--spiffy-colors-text-light]",
+		filterDefaultClasses: "spiffy-tw-border-[--spiffy-colors-border-medium] spiffy-tw-bg-[--spiffy-colors-background-light] spiffy-tw-text-[--spiffy-colors-text-secondary]",
+		filterHoverClasses: "hover:spiffy-tw-border-[--spiffy-colors-background-secondary-dark] hover:spiffy-tw-bg-[--spiffy-colors-background-secondary-dark] hover:spiffy-tw-text-[--spiffy-colors-text-primary]",
+		filterActiveClasses: "spiffy-tw-border-[--spiffy-colors-border-outline] spiffy-tw-bg-[--spiffy-colors-background-dark] spiffy-tw-text-[--spiffy-colors-text-light]",
+		appliedFilterBackgroundClasses: "spiffy-tw-bg-[--spiffy-colors-border-light]",
+		applyFiltersUnchangedClasses: "spiffy-tw-bg-[--spiffy-colors-border-light] spiffy-tw-text-[--spiffy-colors-text-secondary]",
+		applyFiltersChangedClasses: "spiffy-tw-bg-[--spiffy-colors-background-dark] spiffy-tw-text-[--spiffy-colors-text-light]",
+		filterCloseIconVariant: "light"
+	},
+	lightButton: {
+		radioButtonFillColor: require_colorsConfig.colorVar(require_colorsConfig.ColorNames.BackgroundDark),
+		radioButtonHoverColor: require_colorsConfig.colorVar(require_colorsConfig.ColorNames.BackgroundSecondaryDark),
+		radioButtonUncheckedBorderColor: require_colorsConfig.colorVar(require_colorsConfig.ColorNames.BorderMedium),
+		searchFilterHeaderClasses: "spiffy-tw-text-[--spiffy-colors-text-primary]",
+		filterDefaultClasses: "spiffy-tw-border-[--spiffy-colors-border-medium] spiffy-tw-bg-[--spiffy-colors-background-light] spiffy-tw-text-[--spiffy-colors-text-secondary]",
+		filterHoverClasses: "hover:spiffy-tw-border-[--spiffy-colors-background-secondary-dark] hover:spiffy-tw-bg-[--spiffy-colors-background-secondary-dark] hover:spiffy-tw-text-[--spiffy-colors-text-primary]",
+		filterActiveClasses: "spiffy-tw-border-[--spiffy-colors-border-outline] spiffy-tw-bg-[--spiffy-colors-background-dark] spiffy-tw-text-[--spiffy-colors-text-light]",
+		appliedFilterBackgroundClasses: "spiffy-tw-bg-[--spiffy-colors-border-light]",
+		applyFiltersUnchangedClasses: "spiffy-tw-bg-[--spiffy-colors-border-light] spiffy-tw-text-[--spiffy-colors-text-secondary]",
+		applyFiltersChangedClasses: "spiffy-tw-bg-[--spiffy-colors-background-primary] spiffy-tw-text-[--spiffy-colors-text-link]",
+		filterCloseIconVariant: "dark"
+	}
+};
+
+//#endregion
+Object.defineProperty(exports, 'searchFilterSidebarVariantClasses', {
+  enumerable: true,
+  get: function () {
+    return searchFilterSidebarVariantClasses;
+  }
+});

package/dist/searchFilterSidebarVariants-lJVVZT_2.js

@@ -0,0 +1,34 @@
+import { ColorNames, colorVar } from "./colorsConfig-l0ODUVhu.js";
+
+//#region src/components/search/SearchResultsFilterSidebar/searchFilterSidebarVariants.ts
+const searchFilterSidebarVariantClasses = {
+	darkButton: {
+		radioButtonFillColor: colorVar(ColorNames.BackgroundDark),
+		radioButtonHoverColor: colorVar(ColorNames.BackgroundSecondaryDark),
+		radioButtonUncheckedBorderColor: colorVar(ColorNames.BorderMedium),
+		searchFilterHeaderClasses: "spiffy-tw-text-[--spiffy-colors-text-light]",
+		filterDefaultClasses: "spiffy-tw-border-[--spiffy-colors-border-medium] spiffy-tw-bg-[--spiffy-colors-background-light] spiffy-tw-text-[--spiffy-colors-text-secondary]",
+		filterHoverClasses: "hover:spiffy-tw-border-[--spiffy-colors-background-secondary-dark] hover:spiffy-tw-bg-[--spiffy-colors-background-secondary-dark] hover:spiffy-tw-text-[--spiffy-colors-text-primary]",
+		filterActiveClasses: "spiffy-tw-border-[--spiffy-colors-border-outline] spiffy-tw-bg-[--spiffy-colors-background-dark] spiffy-tw-text-[--spiffy-colors-text-light]",
+		appliedFilterBackgroundClasses: "spiffy-tw-bg-[--spiffy-colors-border-light]",
+		applyFiltersUnchangedClasses: "spiffy-tw-bg-[--spiffy-colors-border-light] spiffy-tw-text-[--spiffy-colors-text-secondary]",
+		applyFiltersChangedClasses: "spiffy-tw-bg-[--spiffy-colors-background-dark] spiffy-tw-text-[--spiffy-colors-text-light]",
+		filterCloseIconVariant: "light"
+	},
+	lightButton: {
+		radioButtonFillColor: colorVar(ColorNames.BackgroundDark),
+		radioButtonHoverColor: colorVar(ColorNames.BackgroundSecondaryDark),
+		radioButtonUncheckedBorderColor: colorVar(ColorNames.BorderMedium),
+		searchFilterHeaderClasses: "spiffy-tw-text-[--spiffy-colors-text-primary]",
+		filterDefaultClasses: "spiffy-tw-border-[--spiffy-colors-border-medium] spiffy-tw-bg-[--spiffy-colors-background-light] spiffy-tw-text-[--spiffy-colors-text-secondary]",
+		filterHoverClasses: "hover:spiffy-tw-border-[--spiffy-colors-background-secondary-dark] hover:spiffy-tw-bg-[--spiffy-colors-background-secondary-dark] hover:spiffy-tw-text-[--spiffy-colors-text-primary]",
+		filterActiveClasses: "spiffy-tw-border-[--spiffy-colors-border-outline] spiffy-tw-bg-[--spiffy-colors-background-dark] spiffy-tw-text-[--spiffy-colors-text-light]",
+		appliedFilterBackgroundClasses: "spiffy-tw-bg-[--spiffy-colors-border-light]",
+		applyFiltersUnchangedClasses: "spiffy-tw-bg-[--spiffy-colors-border-light] spiffy-tw-text-[--spiffy-colors-text-secondary]",
+		applyFiltersChangedClasses: "spiffy-tw-bg-[--spiffy-colors-background-primary] spiffy-tw-text-[--spiffy-colors-text-link]",
+		filterCloseIconVariant: "dark"
+	}
+};
+
+//#endregion
+export { searchFilterSidebarVariantClasses };

package/dist/textVariantClasses-5t3OricK.js

@@ -0,0 +1,101 @@
+//#region src/components/common/Text/textVariantClasses.ts
+const HeadlineVariantMap = {
+	t1: {
+		"spiffy-headline": true,
+		"spiffy-headline-1": true,
+		"spiffy-tw-text-[32px]": true,
+		"spiffy-tw-font-medium": true,
+		"spiffy-tw-leading-[124%]": true
+	},
+	t2: {
+		"spiffy-headline": true,
+		"spiffy-headline-1": true,
+		"spiffy-tw-text-[16px]": true,
+		"spiffy-tw-font-medium": true,
+		"spiffy-tw-leading-[124%]": true
+	},
+	t3: {
+		"spiffy-headline": true,
+		"spiffy-headline-1": true,
+		"spiffy-tw-text-[24px]": true,
+		"spiffy-tw-leading-[120%]": true
+	},
+	h1: {
+		"spiffy-headline": true,
+		"spiffy-headline-1": true,
+		"spiffy-tw-text-[20px]": true,
+		"spiffy-tw-font-normal": true,
+		"spiffy-tw-leading-[120%]": true
+	},
+	h2: {
+		"spiffy-headline": true,
+		"spiffy-headline-2": true,
+		"spiffy-tw-text-[16px]": true,
+		"spiffy-tw-font-normal": true,
+		"spiffy-tw-leading-[124%]": true
+	},
+	h3: {
+		"spiffy-headline": true,
+		"spiffy-headline-3": true,
+		"spiffy-tw-text-[15px]": true,
+		"spiffy-tw-font-medium": true,
+		"spiffy-tw-leading-[124%]": true
+	},
+	h4: {
+		"spiffy-headline": true,
+		"spiffy-headline-4": true,
+		"spiffy-tw-text-[14px]": true,
+		"spiffy-tw-font-medium": true,
+		"spiffy-tw-leading-[124%]": true
+	}
+};
+const TextVariantMap = {
+	body1: {
+		"spiffy-body-text": true,
+		"spiffy-body-1": true,
+		"spiffy-tw-text-[20px]": true,
+		"spiffy-tw-font-normal": true,
+		"spiffy-tw-line-height-[120%]": true
+	},
+	body2: {
+		"spiffy-body-text": true,
+		"spiffy-body-2": true,
+		"spiffy-tw-text-[16px]": true,
+		"spiffy-tw-font-normal": true,
+		"spiffy-tw-line-height-[148%]": true
+	},
+	body3: {
+		"spiffy-body-text": true,
+		"spiffy-body-3": true,
+		"spiffy-tw-text-sm": true,
+		"spiffy-tw-font-normal": true,
+		"spiffy-tw-leading-[140%]": true
+	},
+	body4: {
+		"spiffy-body-text": true,
+		"spiffy-body-4": true,
+		"spiffy-tw-text-xs": true,
+		"spiffy-tw-font-medium": true,
+		"spiffy-tw-leading-[130%]": true
+	},
+	body5: {
+		"spiffy-body-text": true,
+		"spiffy-body-5": true,
+		"spiffy-tw-text-[10px]": true,
+		"spiffy-tw-font-normal": true
+	}
+};
+const TextStyleVariantMap = {
+	...TextVariantMap,
+	...HeadlineVariantMap
+};
+const getVariantPlaceholderClassNames = (classes) => {
+	return Object.keys(classes).reduce((acc, key) => {
+		if (key.includes("spiffy-tw")) acc[`placeholder:${key}`] = classes[key];
+		else acc[`${key}-placeholder`] = classes[key];
+		return acc;
+	}, {});
+};
+
+//#endregion
+export { HeadlineVariantMap, TextStyleVariantMap, TextVariantMap, getVariantPlaceholderClassNames };