@envive-ai/react-toolkit-v3 0.3.14 → 0.3.15-beta.0

package/dist/CSSVariablesEditor/hooks/useGetCurrentMerchantColors.js

@@ -1,164 +0,0 @@
-import { ColorNames } from "../../packages/components-v3/src/models/colorsConfig.js";
-import { getCSSVariable } from "../../DesignTokens/components/utils.js";
-import { useEffect, useState } from "react";
-
-//#region src/components/CSSVariablesEditor/hooks/useGetCurrentMerchantColors.ts
-const defaultMerchantTest = {
-	devApiKey: "242fa4217b8b3db70e3a20f9740430afd87033d8f0b15e608ec8c42d5409094b",
-	domains: ["semantic-colors-test.com"],
-	name: "semantic-colors-test",
-	prodApiKey: "242fa4217b8b3db70e3a20f9740430afd87033d8f0b15e608ec8c42d5409094b"
-};
-const standardColors = {
-	[ColorNames.TextPrimary]: "#021414",
-	[ColorNames.TextSecondary]: "#666666",
-	[ColorNames.TextAccent]: "#478D87",
-	[ColorNames.TextLink]: "#042E2C",
-	[ColorNames.TextLight]: "#FFFFFF",
-	[ColorNames.BackgroundPrimary]: "#1F5F51",
-	[ColorNames.BackgroundSecondary]: "#F9F6EA",
-	[ColorNames.BackgroundSecondaryDark]: "#EEECDD",
-	[ColorNames.BackgroundTertiary]: "#EEECDD",
-	[ColorNames.BackgroundDark]: "#021414",
-	[ColorNames.BackgroundLight]: "#FFFFFF",
-	[ColorNames.BackgroundSaturated]: "#FFFFFF",
-	[ColorNames.BorderLight]: "#E6E7E7",
-	[ColorNames.BorderMedium]: "#B3B8B8",
-	[ColorNames.BorderDark]: "#021414",
-	[ColorNames.AccentPrimary]: "#1F5F51",
-	[ColorNames.AccentSecondary]: "#AE8659"
-};
-const getSpiffyColors = () => {
-	return {
-		[ColorNames.TextPrimary]: getCSSVariable("--spiffy-colors-text-primary") || getCSSVariable("--envive-colors-text-primary"),
-		[ColorNames.TextSecondary]: getCSSVariable("--spiffy-colors-text-secondary") || getCSSVariable("--envive-colors-text-secondary"),
-		[ColorNames.TextAccent]: getCSSVariable("--spiffy-colors-text-accent") || getCSSVariable("--envive-colors-text-accent"),
-		[ColorNames.TextLink]: getCSSVariable("--spiffy-colors-text-link") || getCSSVariable("--envive-colors-text-link"),
-		[ColorNames.TextLight]: getCSSVariable("--spiffy-colors-text-light") || getCSSVariable("--envive-colors-text-light"),
-		[ColorNames.BackgroundPrimary]: getCSSVariable("--spiffy-colors-background-primary") || getCSSVariable("--envive-colors-background-primary"),
-		[ColorNames.BackgroundSecondary]: getCSSVariable("--spiffy-colors-background-secondary") || getCSSVariable("--envive-colors-background-secondary"),
-		[ColorNames.BackgroundSecondaryDark]: getCSSVariable("--spiffy-colors-background-secondary-dark") || getCSSVariable("--envive-colors-background-secondary-dark"),
-		[ColorNames.BackgroundTertiary]: getCSSVariable("--spiffy-colors-background-tertiary") || getCSSVariable("--envive-colors-background-tertiary"),
-		[ColorNames.BackgroundDark]: getCSSVariable("--spiffy-colors-background-dark") || getCSSVariable("--envive-colors-background-dark"),
-		[ColorNames.BackgroundLight]: getCSSVariable("--spiffy-colors-background-light") || getCSSVariable("--envive-colors-background-light"),
-		[ColorNames.BackgroundSaturated]: getCSSVariable("--spiffy-colors-background-saturated") || getCSSVariable("--envive-colors-background-saturated"),
-		[ColorNames.BorderLight]: getCSSVariable("--spiffy-colors-border-light") || getCSSVariable("--envive-colors-border-light"),
-		[ColorNames.BorderMedium]: getCSSVariable("--spiffy-colors-border-medium") || getCSSVariable("--envive-colors-border-medium"),
-		[ColorNames.BorderDark]: getCSSVariable("--spiffy-colors-border-dark") || getCSSVariable("--envive-colors-border-dark"),
-		[ColorNames.AccentPrimary]: getCSSVariable("--spiffy-colors-accent-primary") || getCSSVariable("--envive-colors-accent-primary"),
-		[ColorNames.AccentSecondary]: getCSSVariable("--spiffy-colors-accent-secondary") || getCSSVariable("--envive-colors-accent-secondary")
-	};
-};
-const areColorMappingsEqual = (a, b) => {
-	for (const key in ColorNames) if (Object.prototype.hasOwnProperty.call(ColorNames, key)) {
-		const colorKey = ColorNames[key];
-		if (a[colorKey] !== b[colorKey]) return false;
-	}
-	return true;
-};
-const useGetCurrentMerchantColors = (selectedMerchant) => {
-	const [currentColors, setCurrentColors] = useState(() => {
-		if (selectedMerchant === defaultMerchantTest.name) return standardColors;
-		return getSpiffyColors();
-	});
-	useEffect(() => {
-		if (selectedMerchant === defaultMerchantTest.name) {
-			setCurrentColors((prev) => {
-				if (areColorMappingsEqual(prev, standardColors)) return prev;
-				return standardColors;
-			});
-			return () => {};
-		}
-		const initialColors = getSpiffyColors();
-		let lastDetectedColors = initialColors;
-		let stableColorCount = 0;
-		const requiredStableReads = 2;
-		const updateColors = () => {
-			const colors = getSpiffyColors();
-			if (areColorMappingsEqual(lastDetectedColors, colors)) {
-				stableColorCount += 1;
-				if (stableColorCount >= requiredStableReads) setCurrentColors((prev) => {
-					if (areColorMappingsEqual(prev, colors)) return prev;
-					return colors;
-				});
-			} else {
-				lastDetectedColors = colors;
-				stableColorCount = 1;
-				if (!areColorMappingsEqual(initialColors, colors)) setCurrentColors((prev) => {
-					if (areColorMappingsEqual(prev, colors)) return prev;
-					return colors;
-				});
-			}
-		};
-		let timeout2;
-		let timeout3;
-		let timeout4;
-		let timeout5;
-		let intervalId;
-		let headObserver;
-		const timeout1 = setTimeout(() => {
-			updateColors();
-			timeout2 = setTimeout(updateColors, 100);
-			timeout3 = setTimeout(updateColors, 300);
-			timeout4 = setTimeout(updateColors, 600);
-			timeout5 = setTimeout(updateColors, 1e3);
-		}, 300);
-		const lateTimeout = setTimeout(updateColors, 1500);
-		const observer = new MutationObserver(() => {
-			requestAnimationFrame(() => {
-				setTimeout(updateColors, 10);
-			});
-		});
-		if (typeof document !== "undefined") {
-			observer.observe(document.head, {
-				childList: true,
-				subtree: true,
-				attributes: true,
-				attributeFilter: ["style"],
-				characterData: true
-			});
-			observer.observe(document.documentElement, {
-				attributes: true,
-				attributeFilter: ["style", "class"],
-				subtree: false
-			});
-			const observeStyleElements = () => {
-				document.querySelectorAll("style").forEach((style) => {
-					observer.observe(style, {
-						childList: true,
-						characterData: true,
-						subtree: true,
-						attributes: true
-					});
-				});
-			};
-			observeStyleElements();
-			headObserver = new MutationObserver(() => {
-				observeStyleElements();
-				updateColors();
-			});
-			headObserver.observe(document.head, {
-				childList: true,
-				subtree: false
-			});
-			intervalId = setInterval(() => {
-				updateColors();
-			}, 300);
-		}
-		return () => {
-			if (timeout1) clearTimeout(timeout1);
-			if (timeout2) clearTimeout(timeout2);
-			if (timeout3) clearTimeout(timeout3);
-			if (timeout4) clearTimeout(timeout4);
-			if (timeout5) clearTimeout(timeout5);
-			clearTimeout(lateTimeout);
-			if (intervalId) clearInterval(intervalId);
-			observer.disconnect();
-			if (headObserver) headObserver.disconnect();
-		};
-	}, [selectedMerchant]);
-	return currentColors;
-};
-
-//#endregion
-export { useGetCurrentMerchantColors };

package/dist/CSSVariablesEditor/hooks/useGetDefaultCssVariables.cjs

@@ -1,423 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_colorsConfig = require('../../packages/components-v3/src/models/colorsConfig.cjs');
-const require_colors = require('../../packages/components-v3/tokens/colors/colors.cjs');
-const require_fontSize = require('../../packages/components-v3/tokens/typography/fontSize.cjs');
-const require_fontWeight = require('../../packages/components-v3/tokens/typography/fontWeight.cjs');
-const require_lineHeight = require('../../packages/components-v3/tokens/typography/lineHeight.cjs');
-const require_letterSpacing = require('../../packages/components-v3/tokens/typography/letterSpacing.cjs');
-const require_fontFamily = require('../../packages/components-v3/tokens/typography/fontFamily.cjs');
-const require_radius = require('../../packages/components-v3/tokens/radius/radius.cjs');
-const require_aspectRatio = require('../../packages/components-v3/tokens/aspectRatio/aspectRatio.cjs');
-const require_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
-const require_useGetCssVariablesOptions = require('./useGetCssVariablesOptions.cjs');
-let react = require("react");
-
-//#region src/components/CSSVariablesEditor/hooks/useGetDefaultCssVariables.ts
-const useGetDefaultCssVariables = ({ defaultMerchantColors }) => {
-	const { aspectRatioOptions, themeOptions, lightButtonBackgroundOptions, lightButtonIconOptions, darkButtonBackgroundOptions, darkButtonIconOptions } = require_useGetCssVariablesOptions.useGetCssVariablesOptions();
-	return { cssVariables: (0, react.useMemo)(() => [
-		{
-			key: "color-text-primary",
-			name: "Text Primary",
-			variable: require_colors.ColorsNamesVars.TextPrimary,
-			defaultValue: defaultMerchantColors[require_colorsConfig.ColorNames.TextPrimary],
-			category: "Colors",
-			isColor: true
-		},
-		{
-			key: "color-text-secondary",
-			name: "Text Secondary",
-			variable: require_colors.ColorsNamesVars.TextSecondary,
-			defaultValue: defaultMerchantColors[require_colorsConfig.ColorNames.TextSecondary],
-			category: "Colors",
-			isColor: true
-		},
-		{
-			key: "color-text-accent",
-			name: "Text Accent",
-			variable: require_colors.ColorsNamesVars.TextAccent,
-			defaultValue: defaultMerchantColors[require_colorsConfig.ColorNames.TextAccent],
-			category: "Colors",
-			isColor: true
-		},
-		{
-			key: "color-text-link",
-			name: "Text Link",
-			variable: require_colors.ColorsNamesVars.TextLink,
-			defaultValue: defaultMerchantColors[require_colorsConfig.ColorNames.TextLink],
-			category: "Colors",
-			isColor: true
-		},
-		{
-			key: "color-text-light",
-			name: "Text Light",
-			variable: require_colors.ColorsNamesVars.TextLight,
-			defaultValue: defaultMerchantColors[require_colorsConfig.ColorNames.TextLight],
-			category: "Colors",
-			isColor: true
-		},
-		{
-			key: "color-background-primary",
-			name: "Background Primary",
-			variable: require_colors.ColorsNamesVars.BackgroundPrimary,
-			defaultValue: defaultMerchantColors[require_colorsConfig.ColorNames.BackgroundPrimary],
-			category: "Colors",
-			isColor: true
-		},
-		{
-			key: "color-background-secondary",
-			name: "Background Secondary",
-			variable: require_colors.ColorsNamesVars.BackgroundSecondary,
-			defaultValue: defaultMerchantColors[require_colorsConfig.ColorNames.BackgroundSecondary],
-			category: "Colors",
-			isColor: true
-		},
-		{
-			key: "color-background-tertiary",
-			name: "Background Tertiary",
-			variable: require_colors.ColorsNamesVars.BackgroundTertiary,
-			defaultValue: defaultMerchantColors[require_colorsConfig.ColorNames.BackgroundTertiary],
-			category: "Colors",
-			isColor: true
-		},
-		{
-			key: "color-background-dark",
-			name: "Background Dark",
-			variable: require_colors.ColorsNamesVars.BackgroundDark,
-			defaultValue: defaultMerchantColors[require_colorsConfig.ColorNames.BackgroundDark],
-			category: "Colors",
-			isColor: true
-		},
-		{
-			key: "color-background-light",
-			name: "Background Light",
-			variable: require_colors.ColorsNamesVars.BackgroundLight,
-			defaultValue: defaultMerchantColors[require_colorsConfig.ColorNames.BackgroundLight],
-			category: "Colors",
-			isColor: true
-		},
-		{
-			key: "color-border-light",
-			name: "Border Light",
-			variable: require_colors.ColorsNamesVars.BorderLight,
-			defaultValue: defaultMerchantColors[require_colorsConfig.ColorNames.BorderLight],
-			category: "Colors",
-			isColor: true
-		},
-		{
-			key: "color-border-medium",
-			name: "Border Medium",
-			variable: require_colors.ColorsNamesVars.BorderMedium,
-			defaultValue: defaultMerchantColors[require_colorsConfig.ColorNames.BorderMedium],
-			category: "Colors",
-			isColor: true
-		},
-		{
-			key: "color-border-dark",
-			name: "Border Dark",
-			variable: require_colors.ColorsNamesVars.BorderDark,
-			defaultValue: defaultMerchantColors[require_colorsConfig.ColorNames.BorderDark],
-			category: "Colors",
-			isColor: true
-		},
-		{
-			key: "color-accent-primary",
-			name: "Accent Primary",
-			variable: require_colors.ColorsNamesVars.AccentPrimary,
-			defaultValue: defaultMerchantColors[require_colorsConfig.ColorNames.AccentPrimary],
-			category: "Colors",
-			isColor: true
-		},
-		{
-			key: "color-accent-secondary",
-			name: "Accent Secondary",
-			variable: require_colors.ColorsNamesVars.AccentSecondary,
-			defaultValue: defaultMerchantColors[require_colorsConfig.ColorNames.AccentSecondary],
-			category: "Colors",
-			isColor: true
-		},
-		{
-			key: "color-button-light-background",
-			name: "Light Button Background Color",
-			variable: require_colors.ButtonColorsVars.LightButtonBackgroundColor,
-			defaultValue: `var(--${require_colors.ColorsNamesVars.BackgroundSecondary})`,
-			category: "Prompt Button Colors",
-			options: lightButtonBackgroundOptions
-		},
-		{
-			key: "color-button-light-icon",
-			name: "Light Button Icon Color",
-			variable: require_colors.ButtonColorsVars.LightButtonIconColor,
-			defaultValue: `var(--${require_colors.ColorsNamesVars.AccentPrimary})`,
-			category: "Prompt Button Colors",
-			options: lightButtonIconOptions
-		},
-		{
-			key: "color-button-dark-background",
-			name: "Dark Button Background Color",
-			variable: require_colors.ButtonColorsVars.DarkButtonBackgroundColor,
-			defaultValue: `var(--${require_colors.ColorsNamesVars.BackgroundDark})`,
-			category: "Prompt Button Colors",
-			options: darkButtonBackgroundOptions
-		},
-		{
-			key: "color-button-dark-icon",
-			name: "Dark Button Icon Color",
-			variable: require_colors.ButtonColorsVars.DarkButtonIconColor,
-			defaultValue: `var(--${require_colors.ColorsNamesVars.AccentPrimary})`,
-			category: "Prompt Button Colors",
-			options: darkButtonIconOptions
-		},
-		{
-			key: "font-size-t1",
-			name: "Font Size T1",
-			variable: require_fontSize.FontSizeCSSVar.T1,
-			defaultValue: require_fontSize.fontSize.t1,
-			category: "Typography"
-		},
-		{
-			key: "font-size-t2",
-			name: "Font Size T2",
-			variable: require_fontSize.FontSizeCSSVar.T2,
-			defaultValue: require_fontSize.fontSize.t2,
-			category: "Typography"
-		},
-		{
-			key: "font-size-t3",
-			name: "Font Size T3",
-			variable: require_fontSize.FontSizeCSSVar.T3,
-			defaultValue: require_fontSize.fontSize.t3,
-			category: "Typography"
-		},
-		{
-			key: "font-size-h1",
-			name: "Font Size H1",
-			variable: require_fontSize.FontSizeCSSVar.H1,
-			defaultValue: require_fontSize.fontSize.h1,
-			category: "Typography"
-		},
-		{
-			key: "font-size-h2",
-			name: "Font Size H2",
-			variable: require_fontSize.FontSizeCSSVar.H2,
-			defaultValue: require_fontSize.fontSize.h2,
-			category: "Typography"
-		},
-		{
-			key: "font-size-h3",
-			name: "Font Size H3",
-			variable: require_fontSize.FontSizeCSSVar.H3,
-			defaultValue: require_fontSize.fontSize.h3,
-			category: "Typography"
-		},
-		{
-			key: "font-size-b1",
-			name: "Font Size B1",
-			variable: require_fontSize.FontSizeCSSVar.B1,
-			defaultValue: require_fontSize.fontSize.b1,
-			category: "Typography"
-		},
-		{
-			key: "font-size-b2",
-			name: "Font Size B2",
-			variable: require_fontSize.FontSizeCSSVar.B2,
-			defaultValue: require_fontSize.fontSize.b2,
-			category: "Typography"
-		},
-		{
-			key: "font-size-b3",
-			name: "Font Size B3",
-			variable: require_fontSize.FontSizeCSSVar.B3,
-			defaultValue: require_fontSize.fontSize.b3,
-			category: "Typography"
-		},
-		{
-			key: "font-size-b4",
-			name: "Font Size B4",
-			variable: require_fontSize.FontSizeCSSVar.B4,
-			defaultValue: require_fontSize.fontSize.b4,
-			category: "Typography"
-		},
-		{
-			key: "font-size-b5",
-			name: "Font Size B5",
-			variable: require_fontSize.FontSizeCSSVar.B5,
-			defaultValue: require_fontSize.fontSize.b5,
-			category: "Typography"
-		},
-		{
-			key: "font-size-l1",
-			name: "Font Size L1",
-			variable: require_fontSize.FontSizeCSSVar.L1,
-			defaultValue: require_fontSize.fontSize.l1,
-			category: "Typography"
-		},
-		{
-			key: "font-size-l2",
-			name: "Font Size L2",
-			variable: require_fontSize.FontSizeCSSVar.L2,
-			defaultValue: require_fontSize.fontSize.l2,
-			category: "Typography"
-		},
-		{
-			key: "font-weight-rg",
-			name: "Font Weight Regular",
-			variable: require_fontWeight.FontWeightCSSVar.RG,
-			defaultValue: require_fontWeight.fontWeight.rg,
-			category: "Typography"
-		},
-		{
-			key: "font-weight-md",
-			name: "Font Weight Medium",
-			variable: require_fontWeight.FontWeightCSSVar.MD,
-			defaultValue: require_fontWeight.fontWeight.md,
-			category: "Typography"
-		},
-		{
-			key: "font-weight-sb",
-			name: "Font Weight Semi Bold",
-			variable: require_fontWeight.FontWeightCSSVar.SB,
-			defaultValue: require_fontWeight.fontWeight.sb,
-			category: "Typography"
-		},
-		{
-			key: "line-height-124",
-			name: "Line Height 124%",
-			variable: require_lineHeight.LineHeightCSSVar.LineHeight124,
-			defaultValue: require_lineHeight.convertLineHeightToPercentage(require_lineHeight.lineHeight[124]),
-			category: "Typography"
-		},
-		{
-			key: "line-height-120",
-			name: "Line Height 120%",
-			variable: require_lineHeight.LineHeightCSSVar.LineHeight120,
-			defaultValue: require_lineHeight.convertLineHeightToPercentage(require_lineHeight.lineHeight[120]),
-			category: "Typography"
-		},
-		{
-			key: "line-height-118",
-			name: "Line Height 118%",
-			variable: require_lineHeight.LineHeightCSSVar.LineHeight118,
-			defaultValue: require_lineHeight.convertLineHeightToPercentage(require_lineHeight.lineHeight[118]),
-			category: "Typography"
-		},
-		{
-			key: "line-height-116",
-			name: "Line Height 116%",
-			variable: require_lineHeight.LineHeightCSSVar.LineHeight116,
-			defaultValue: require_lineHeight.convertLineHeightToPercentage(require_lineHeight.lineHeight[116]),
-			category: "Typography"
-		},
-		{
-			key: "line-height-114",
-			name: "Line Height 114%",
-			variable: require_lineHeight.LineHeightCSSVar.LineHeight114,
-			defaultValue: require_lineHeight.convertLineHeightToPercentage(require_lineHeight.lineHeight[114]),
-			category: "Typography"
-		},
-		{
-			key: "line-height-148",
-			name: "Line Height 148%",
-			variable: require_lineHeight.LineHeightCSSVar.LineHeight148,
-			defaultValue: require_lineHeight.convertLineHeightToPercentage(require_lineHeight.lineHeight[148]),
-			category: "Typography"
-		},
-		{
-			key: "line-height-140",
-			name: "Line Height 140%",
-			variable: require_lineHeight.LineHeightCSSVar.LineHeight140,
-			defaultValue: require_lineHeight.convertLineHeightToPercentage(require_lineHeight.lineHeight[140]),
-			category: "Typography"
-		},
-		{
-			key: "line-height-128",
-			name: "Line Height 128%",
-			variable: require_lineHeight.LineHeightCSSVar.LineHeight128,
-			defaultValue: require_lineHeight.convertLineHeightToPercentage(require_lineHeight.lineHeight[128]),
-			category: "Typography"
-		},
-		{
-			key: "line-height-130",
-			name: "Line Height 130%",
-			variable: require_lineHeight.LineHeightCSSVar.LineHeight130,
-			defaultValue: require_lineHeight.convertLineHeightToPercentage(require_lineHeight.lineHeight[130]),
-			category: "Typography"
-		},
-		{
-			key: "line-height-133",
-			name: "Line Height 133%",
-			variable: require_lineHeight.LineHeightCSSVar.LineHeight133,
-			defaultValue: require_lineHeight.convertLineHeightToPercentage(require_lineHeight.lineHeight[133]),
-			category: "Typography"
-		},
-		{
-			key: "letter-spacing-tight-0",
-			name: "Letter Spacing Tight 0",
-			variable: require_letterSpacing.LetterSpacingCSSVar.Tight0,
-			defaultValue: require_letterSpacing.letterSpacing["tight-0"],
-			category: "Typography"
-		},
-		{
-			key: "letter-spacing-wide-1",
-			name: "Letter Spacing Wide 1",
-			variable: require_letterSpacing.LetterSpacingCSSVar.Wide1,
-			defaultValue: require_letterSpacing.letterSpacing["wide-1"],
-			category: "Typography"
-		},
-		{
-			key: "font-family-title",
-			name: "Font Family Title",
-			variable: require_fontFamily.FontFamilyCSSVar.Title,
-			defaultValue: require_fontFamily.FontFamily.Poppins,
-			category: "Typography"
-		},
-		{
-			key: "font-family-header",
-			name: "Font Family Header",
-			variable: require_fontFamily.FontFamilyCSSVar.Header,
-			defaultValue: require_fontFamily.FontFamily.Poppins,
-			category: "Typography"
-		},
-		{
-			key: "font-family-body",
-			name: "Font Family Body",
-			variable: require_fontFamily.FontFamilyCSSVar.Body,
-			defaultValue: require_fontFamily.FontFamily.InterVariable,
-			category: "Typography"
-		},
-		{
-			key: "border-radius-global-custom",
-			name: "Border Radius Global Custom",
-			variable: require_radius.BorderRadiusCSSVar.GlobalCustom,
-			defaultValue: "8px",
-			category: "Border Radius"
-		},
-		{
-			key: "aspect-ratio-global-custom",
-			name: "Aspect Ratio Global Custom",
-			variable: require_aspectRatio.AspectRatioCSSVar.GlobalCustom,
-			defaultValue: require_aspectRatio.AspectRatio.SQUARE,
-			category: "Aspect Ratio",
-			options: aspectRatioOptions
-		},
-		{
-			key: "theme-global-custom",
-			name: "Theme Global Custom",
-			variable: require_theme.ThemeCSSVar.GlobalCustom,
-			defaultValue: require_theme.Theme.STANDARD,
-			category: "Theme",
-			options: themeOptions
-		}
-	], [
-		aspectRatioOptions,
-		themeOptions,
-		lightButtonBackgroundOptions,
-		lightButtonIconOptions,
-		darkButtonBackgroundOptions,
-		darkButtonIconOptions,
-		defaultMerchantColors
-	]) };
-};
-
-//#endregion
-exports.useGetDefaultCssVariables = useGetDefaultCssVariables;