@evolve.ui/theme-system 1.0.0

package/spacing-B2mhXYOl.cjs

@@ -0,0 +1,1446 @@
+//#region src/utils/wrapVar.ts
+/**
+* CSS variable wrapping utilities for Tailwind CSS configuration
+*
+* These utilities handle the conversion of CSS custom property names
+* into proper var() references, with optional opacity support for
+* Tailwind's alpha modifier syntax (e.g., `bg-primary-500/50`).
+*
+* @see https://tailwindcss.com/docs/customizing-colors#using-css-variables
+* Internal reference: Hammer UI patterns
+* Ported from the upstream theme system.
+*/
+/** Wraps a CSS variable name in var() */
+const wrapVar = (value) => `var(${value})`;
+/** Wraps a CSS variable name in rgb(var()) */
+const wrapVarRgb = (value) => `rgb(var(${value}))`;
+/** Wraps a variable reference with a fixed percentage opacity */
+const wrapOpacity = (wrappedVariable, percentOpacity) => `rgb(${wrappedVariable} / ${percentOpacity}%)`;
+/** Wraps a variable reference with Tailwind's alpha-value placeholder for dynamic opacity */
+const wrapVariableOpacity = (wrappedVariable) => `rgb(${wrappedVariable} / <alpha-value>)`;
+//#endregion
+//#region src/tailwind/cssVars.ts
+/**
+* CSS variable name constants for the theme system
+*
+* Central registry of all CSS custom property names used across brand themes.
+* These constants are imported by Tailwind config modules (colors.ts, boxShadow.ts, etc.)
+* to provide type-safe, refactor-friendly variable references.
+*
+* Internal reference: Hammer UI patterns
+* Ported from the upstream theme system.
+*/
+const shadow01 = "--box-shadow-01";
+const shadow02 = "--box-shadow-02";
+const shadow03 = "--box-shadow-03";
+const shadow04 = "--box-shadow-04";
+const shadow05 = "--box-shadow-05";
+const fontFamilyPrimary = "--font-family-primary";
+const fontFamilySecondary = "--font-family-secondary";
+const buttonBorderRadius = "--button-border-radius";
+const checkboxBorderRadius = "--checkbox-border-radius";
+const inputBorderRadius = "--input-border-radius";
+const searchInputBorderRadius = "--search-input-border-radius";
+const containerBorderRadius = "--container-border-radius";
+const widthPage = "--width-page";
+const widthDense = "--width-dense";
+const fontSizeButton100 = "--font-size-button-100";
+const fontSizeButton200 = "--font-size-button-200";
+const fontWeightH1 = "--font-weight-h1";
+const fontWeightH2 = "--font-weight-h2";
+const fontWeightH3 = "--font-weight-h3";
+const fontWeightH4 = "--font-weight-h4";
+const fontWeightH5 = "--font-weight-h5";
+const fontWeightH6 = "--font-weight-h6";
+const fontWeightBodyPrimary = "--font-weight-body-primary";
+const fontWeightBodySecondary = "--font-weight-body-secondary";
+const fontWeightLabelStrong = "--font-weight-label-strong";
+const fontWeightLabelMini = "--font-weight-label-mini";
+const fontWeightCaption = "--font-weight-caption";
+const fontWeightButton = "--font-weight-button";
+const letterSpacingH1 = "--letter-spacing-h1";
+const letterSpacingH1Mobile = "--letter-spacing-h1-mobile";
+const letterSpacingH2 = "--letter-spacing-h2";
+const letterSpacingH2Mobile = "--letter-spacing-h2-mobile";
+const letterSpacingH3 = "--letter-spacing-h3";
+const letterSpacingH3Mobile = "--letter-spacing-h3-mobile";
+const letterSpacingH4 = "--letter-spacing-h4";
+const letterSpacingH5 = "--letter-spacing-h5";
+const letterSpacingH6 = "--letter-spacing-h6";
+const letterSpacingBodyPrimary = "--letter-spacing-body-primary";
+const letterSpacingBodySecondary = "--letter-spacing-body-secondary";
+const letterSpacingLabelStrong = "--letter-spacing-label-strong";
+const letterSpacingLabelMini = "--letter-spacing-label-mini";
+const letterSpacingCaption = "--letter-spacing-caption";
+const letterSpacingButton = "--letter-spacing-button";
+const textTransformH6 = "--text-transform-h6";
+const textTransformLabelMini = "--text-transform-label-mini";
+const textTransformButton = "--text-transform-button";
+const colorPrimary50 = "--color-primary-50";
+const colorPrimary100 = "--color-primary-100";
+const colorPrimary200 = "--color-primary-200";
+const colorPrimary300 = "--color-primary-300";
+const colorPrimary400 = "--color-primary-400";
+const colorPrimary500 = "--color-primary-500";
+const colorPrimary600 = "--color-primary-600";
+const colorPrimary700 = "--color-primary-700";
+const colorPrimary800 = "--color-primary-800";
+const colorPrimary900 = "--color-primary-900";
+const colorSecondary50 = "--color-secondary-50";
+const colorSecondary100 = "--color-secondary-100";
+const colorSecondary200 = "--color-secondary-200";
+const colorSecondary300 = "--color-secondary-300";
+const colorSecondary400 = "--color-secondary-400";
+const colorSecondary500 = "--color-secondary-500";
+const colorSecondary600 = "--color-secondary-600";
+const colorSecondary700 = "--color-secondary-700";
+const colorSecondary800 = "--color-secondary-800";
+const colorSecondary900 = "--color-secondary-900";
+const colorTertiary50 = "--color-tertiary-50";
+const colorTertiary100 = "--color-tertiary-100";
+const colorTertiary200 = "--color-tertiary-200";
+const colorTertiary300 = "--color-tertiary-300";
+const colorTertiary400 = "--color-tertiary-400";
+const colorTertiary500 = "--color-tertiary-500";
+const colorTertiary600 = "--color-tertiary-600";
+const colorTertiary700 = "--color-tertiary-700";
+const colorTertiary800 = "--color-tertiary-800";
+const colorTertiary900 = "--color-tertiary-900";
+const colorInfo50 = "--color-info-50";
+const colorInfo100 = "--color-info-100";
+const colorInfo200 = "--color-info-200";
+const colorInfo300 = "--color-info-300";
+const colorInfo400 = "--color-info-400";
+const colorInfo500 = "--color-info-500";
+const colorInfo600 = "--color-info-600";
+const colorInfo700 = "--color-info-700";
+const colorInfo800 = "--color-info-800";
+const colorInfo900 = "--color-info-900";
+const colorSuccess50 = "--color-success-50";
+const colorSuccess100 = "--color-success-100";
+const colorSuccess200 = "--color-success-200";
+const colorSuccess300 = "--color-success-300";
+const colorSuccess400 = "--color-success-400";
+const colorSuccess500 = "--color-success-500";
+const colorSuccess600 = "--color-success-600";
+const colorSuccess700 = "--color-success-700";
+const colorSuccess800 = "--color-success-800";
+const colorSuccess900 = "--color-success-900";
+const colorCritical50 = "--color-critical-50";
+const colorCritical100 = "--color-critical-100";
+const colorCritical200 = "--color-critical-200";
+const colorCritical300 = "--color-critical-300";
+const colorCritical400 = "--color-critical-400";
+const colorCritical500 = "--color-critical-500";
+const colorCritical600 = "--color-critical-600";
+const colorCritical700 = "--color-critical-700";
+const colorCritical800 = "--color-critical-800";
+const colorCritical900 = "--color-critical-900";
+const colorWarning50 = "--color-warning-50";
+const colorWarning100 = "--color-warning-100";
+const colorWarning200 = "--color-warning-200";
+const colorWarning300 = "--color-warning-300";
+const colorWarning400 = "--color-warning-400";
+const colorWarning500 = "--color-warning-500";
+const colorWarning600 = "--color-warning-600";
+const colorWarning700 = "--color-warning-700";
+const colorWarning800 = "--color-warning-800";
+const colorWarning900 = "--color-warning-900";
+const colorSurface50 = "--color-surface-50";
+const colorSurface100 = "--color-surface-100";
+const colorSurface200 = "--color-surface-200";
+const colorSurface300 = "--color-surface-300";
+const colorSurface400 = "--color-surface-400";
+const colorSurface500 = "--color-surface-500";
+const colorSurface600 = "--color-surface-600";
+const colorSurface700 = "--color-surface-700";
+const colorSurface800 = "--color-surface-800";
+const colorSurface900 = "--color-surface-900";
+const colorTextPrimary = "--color-text-primary";
+const colorTextSecondary = "--color-text-secondary";
+const colorTextInverse = "--color-text-inverse";
+const colorTextCritical = "--color-text-critical";
+const colorTextInfo = "--color-text-info";
+const colorTextSuccess = "--color-text-success";
+const colorTextInactive = "--color-text-inactive";
+const colorTextDisabled = "--color-text-disabled";
+const colorTextWarning = "--color-text-warning";
+const colorIconPrimary = "--color-icon-primary";
+const colorIconSecondary = "--color-icon-secondary";
+const colorIconInverse = "--color-icon-inverse";
+const colorIconInfo = "--color-icon-info";
+const colorIconSuccess = "--color-icon-success";
+const colorIconWarning = "--color-icon-warning";
+const colorIconCritical = "--color-icon-critical";
+const colorIconDisabled = "--color-icon-disabled";
+const colorLinkPrimary = "--color-link-primary";
+const colorLinkSecondary = "--color-link-secondary";
+const colorLinkMonochrome = "--color-link-monochrome";
+const colorLinkHover = "--color-link-hover";
+const colorLinkPressed = "--color-link-pressed";
+const colorLinkDisabled = "--color-link-disabled";
+const colorLinkInverse = "--color-link-inverse";
+const colorLinkInverseHover = "--color-link-inverse-hover";
+const colorLinkInversePressed = "--color-link-inverse-pressed";
+const colorLinkInverseDisabled = "--color-link-inverse-disabled";
+const colorBackgroundPrimary = "--color-background-primary";
+const colorBackgroundSecondary = "--color-background-secondary";
+const colorBackgroundTertiary = "--color-background-tertiary";
+const colorBackgroundInverse = "--color-background-inverse";
+const colorBackgroundSubdued = "--color-background-subdued";
+const colorBackgroundHover = "--color-background-hover";
+const colorBackgroundOverlay = "--color-background-overlay";
+const colorBackgroundPressed = "--color-background-pressed";
+const colorBackgroundDisabled = "--color-background-disabled";
+const colorBackgroundInfoLight = "--color-background-info-light";
+const colorBackgroundInfoDark = "--color-background-info-dark";
+const colorBackgroundSuccessLight = "--color-background-success-light";
+const colorBackgroundSuccessDark = "--color-background-success-dark";
+const colorBackgroundCriticalLight = "--color-background-critical-light";
+const colorBackgroundCriticalDark = "--color-background-critical-dark";
+const colorBackgroundWarningLight = "--color-background-warning-light";
+const colorBackgroundWarningDark = "--color-background-warning-dark";
+const colorBackgroundHoverInverse = "--color-background-hover-inverse";
+const colorBackgroundPressedInverse = "--color-background-pressed-inverse";
+const colorBorderPrimary = "--color-border-primary";
+const colorBorderSecondary = "--color-border-secondary";
+const colorBorderTertiary = "--color-border-tertiary";
+const colorBorderInverse = "--color-border-inverse";
+const colorBorderBlack = "--color-border-black";
+const colorBorderInfo = "--color-border-info";
+const colorBorderSuccess = "--color-border-success";
+const colorBorderCritical = "--color-border-critical";
+const colorBorderWarning = "--color-border-warning";
+const colorBorderDisabled = "--color-border-disabled";
+const colorBorderHover = "--color-border-hover";
+const colorBorderSelected = "--color-border-selected";
+const colorFocusPrimary = "--color-focus-primary";
+const colorFocusInverse = "--color-focus-inverse";
+//#endregion
+//#region src/tailwind/borderRadius.ts
+/**
+* Border radius configuration for Tailwind CSS
+*
+* Internal reference: Hammer UI patterns
+* Ported from the upstream theme system.
+*/
+const borderRadius = {
+	button: wrapVar(buttonBorderRadius),
+	checkbox: wrapVar(checkboxBorderRadius),
+	container: wrapVar(containerBorderRadius),
+	full: "9999px",
+	input: wrapVar(inputBorderRadius),
+	lg: "16px",
+	md: "8px",
+	none: "0",
+	"search-input": wrapVar(searchInputBorderRadius),
+	sm: "4px",
+	xl: "32px",
+	xs: "2px"
+};
+//#endregion
+//#region src/tailwind/screens.ts
+/**
+* Responsive breakpoints for Tailwind CSS
+*
+* These breakpoints mirror the Hammer UI responsive system.
+* Usage: mobile:gap-[2px], mdMin:max-w-[786px], desktop:text-lg
+*/
+const screens = {
+	desktop: { min: "769px" },
+	lgMax: { max: "1644px" },
+	lgMin: { min: "1249px" },
+	mdMax: { max: "1248px" },
+	mdMin: { min: "1024px" },
+	mobile: { max: "480px" },
+	mobileSmall: { max: "380px" },
+	print: { raw: "print" },
+	smMax: { max: "1023px" },
+	smMin: { min: "769px" },
+	tabletMax: { max: "954px" },
+	tabletMin: { min: "954px" },
+	xlMin: { min: "1645px" },
+	xsMax: { max: "768px" }
+};
+//#endregion
+//#region src/tailwind/spacing.ts
+/**
+* Spacing scale for Tailwind CSS
+*
+* Fixed pixel values that don't change per brand.
+*
+* Internal reference: Hammer UI patterns
+* Ported from the upstream theme system.
+*/
+const spacing = {
+	"2xl": "64px",
+	"2xs": "4px",
+	"3xl": "128px",
+	"3xs": "2px",
+	lg: "32px",
+	md: "24px",
+	sm: "16px",
+	xl: "48px",
+	xs: "8px"
+};
+//#endregion
+Object.defineProperty(exports, "borderRadius", {
+	enumerable: true,
+	get: function() {
+		return borderRadius;
+	}
+});
+Object.defineProperty(exports, "buttonBorderRadius", {
+	enumerable: true,
+	get: function() {
+		return buttonBorderRadius;
+	}
+});
+Object.defineProperty(exports, "checkboxBorderRadius", {
+	enumerable: true,
+	get: function() {
+		return checkboxBorderRadius;
+	}
+});
+Object.defineProperty(exports, "colorBackgroundCriticalDark", {
+	enumerable: true,
+	get: function() {
+		return colorBackgroundCriticalDark;
+	}
+});
+Object.defineProperty(exports, "colorBackgroundCriticalLight", {
+	enumerable: true,
+	get: function() {
+		return colorBackgroundCriticalLight;
+	}
+});
+Object.defineProperty(exports, "colorBackgroundDisabled", {
+	enumerable: true,
+	get: function() {
+		return colorBackgroundDisabled;
+	}
+});
+Object.defineProperty(exports, "colorBackgroundHover", {
+	enumerable: true,
+	get: function() {
+		return colorBackgroundHover;
+	}
+});
+Object.defineProperty(exports, "colorBackgroundHoverInverse", {
+	enumerable: true,
+	get: function() {
+		return colorBackgroundHoverInverse;
+	}
+});
+Object.defineProperty(exports, "colorBackgroundInfoDark", {
+	enumerable: true,
+	get: function() {
+		return colorBackgroundInfoDark;
+	}
+});
+Object.defineProperty(exports, "colorBackgroundInfoLight", {
+	enumerable: true,
+	get: function() {
+		return colorBackgroundInfoLight;
+	}
+});
+Object.defineProperty(exports, "colorBackgroundInverse", {
+	enumerable: true,
+	get: function() {
+		return colorBackgroundInverse;
+	}
+});
+Object.defineProperty(exports, "colorBackgroundOverlay", {
+	enumerable: true,
+	get: function() {
+		return colorBackgroundOverlay;
+	}
+});
+Object.defineProperty(exports, "colorBackgroundPressed", {
+	enumerable: true,
+	get: function() {
+		return colorBackgroundPressed;
+	}
+});
+Object.defineProperty(exports, "colorBackgroundPressedInverse", {
+	enumerable: true,
+	get: function() {
+		return colorBackgroundPressedInverse;
+	}
+});
+Object.defineProperty(exports, "colorBackgroundPrimary", {
+	enumerable: true,
+	get: function() {
+		return colorBackgroundPrimary;
+	}
+});
+Object.defineProperty(exports, "colorBackgroundSecondary", {
+	enumerable: true,
+	get: function() {
+		return colorBackgroundSecondary;
+	}
+});
+Object.defineProperty(exports, "colorBackgroundSubdued", {
+	enumerable: true,
+	get: function() {
+		return colorBackgroundSubdued;
+	}
+});
+Object.defineProperty(exports, "colorBackgroundSuccessDark", {
+	enumerable: true,
+	get: function() {
+		return colorBackgroundSuccessDark;
+	}
+});
+Object.defineProperty(exports, "colorBackgroundSuccessLight", {
+	enumerable: true,
+	get: function() {
+		return colorBackgroundSuccessLight;
+	}
+});
+Object.defineProperty(exports, "colorBackgroundTertiary", {
+	enumerable: true,
+	get: function() {
+		return colorBackgroundTertiary;
+	}
+});
+Object.defineProperty(exports, "colorBackgroundWarningDark", {
+	enumerable: true,
+	get: function() {
+		return colorBackgroundWarningDark;
+	}
+});
+Object.defineProperty(exports, "colorBackgroundWarningLight", {
+	enumerable: true,
+	get: function() {
+		return colorBackgroundWarningLight;
+	}
+});
+Object.defineProperty(exports, "colorBorderBlack", {
+	enumerable: true,
+	get: function() {
+		return colorBorderBlack;
+	}
+});
+Object.defineProperty(exports, "colorBorderCritical", {
+	enumerable: true,
+	get: function() {
+		return colorBorderCritical;
+	}
+});
+Object.defineProperty(exports, "colorBorderDisabled", {
+	enumerable: true,
+	get: function() {
+		return colorBorderDisabled;
+	}
+});
+Object.defineProperty(exports, "colorBorderHover", {
+	enumerable: true,
+	get: function() {
+		return colorBorderHover;
+	}
+});
+Object.defineProperty(exports, "colorBorderInfo", {
+	enumerable: true,
+	get: function() {
+		return colorBorderInfo;
+	}
+});
+Object.defineProperty(exports, "colorBorderInverse", {
+	enumerable: true,
+	get: function() {
+		return colorBorderInverse;
+	}
+});
+Object.defineProperty(exports, "colorBorderPrimary", {
+	enumerable: true,
+	get: function() {
+		return colorBorderPrimary;
+	}
+});
+Object.defineProperty(exports, "colorBorderSecondary", {
+	enumerable: true,
+	get: function() {
+		return colorBorderSecondary;
+	}
+});
+Object.defineProperty(exports, "colorBorderSelected", {
+	enumerable: true,
+	get: function() {
+		return colorBorderSelected;
+	}
+});
+Object.defineProperty(exports, "colorBorderSuccess", {
+	enumerable: true,
+	get: function() {
+		return colorBorderSuccess;
+	}
+});
+Object.defineProperty(exports, "colorBorderTertiary", {
+	enumerable: true,
+	get: function() {
+		return colorBorderTertiary;
+	}
+});
+Object.defineProperty(exports, "colorBorderWarning", {
+	enumerable: true,
+	get: function() {
+		return colorBorderWarning;
+	}
+});
+Object.defineProperty(exports, "colorCritical100", {
+	enumerable: true,
+	get: function() {
+		return colorCritical100;
+	}
+});
+Object.defineProperty(exports, "colorCritical200", {
+	enumerable: true,
+	get: function() {
+		return colorCritical200;
+	}
+});
+Object.defineProperty(exports, "colorCritical300", {
+	enumerable: true,
+	get: function() {
+		return colorCritical300;
+	}
+});
+Object.defineProperty(exports, "colorCritical400", {
+	enumerable: true,
+	get: function() {
+		return colorCritical400;
+	}
+});
+Object.defineProperty(exports, "colorCritical50", {
+	enumerable: true,
+	get: function() {
+		return colorCritical50;
+	}
+});
+Object.defineProperty(exports, "colorCritical500", {
+	enumerable: true,
+	get: function() {
+		return colorCritical500;
+	}
+});
+Object.defineProperty(exports, "colorCritical600", {
+	enumerable: true,
+	get: function() {
+		return colorCritical600;
+	}
+});
+Object.defineProperty(exports, "colorCritical700", {
+	enumerable: true,
+	get: function() {
+		return colorCritical700;
+	}
+});
+Object.defineProperty(exports, "colorCritical800", {
+	enumerable: true,
+	get: function() {
+		return colorCritical800;
+	}
+});
+Object.defineProperty(exports, "colorCritical900", {
+	enumerable: true,
+	get: function() {
+		return colorCritical900;
+	}
+});
+Object.defineProperty(exports, "colorFocusInverse", {
+	enumerable: true,
+	get: function() {
+		return colorFocusInverse;
+	}
+});
+Object.defineProperty(exports, "colorFocusPrimary", {
+	enumerable: true,
+	get: function() {
+		return colorFocusPrimary;
+	}
+});
+Object.defineProperty(exports, "colorIconCritical", {
+	enumerable: true,
+	get: function() {
+		return colorIconCritical;
+	}
+});
+Object.defineProperty(exports, "colorIconDisabled", {
+	enumerable: true,
+	get: function() {
+		return colorIconDisabled;
+	}
+});
+Object.defineProperty(exports, "colorIconInfo", {
+	enumerable: true,
+	get: function() {
+		return colorIconInfo;
+	}
+});
+Object.defineProperty(exports, "colorIconInverse", {
+	enumerable: true,
+	get: function() {
+		return colorIconInverse;
+	}
+});
+Object.defineProperty(exports, "colorIconPrimary", {
+	enumerable: true,
+	get: function() {
+		return colorIconPrimary;
+	}
+});
+Object.defineProperty(exports, "colorIconSecondary", {
+	enumerable: true,
+	get: function() {
+		return colorIconSecondary;
+	}
+});
+Object.defineProperty(exports, "colorIconSuccess", {
+	enumerable: true,
+	get: function() {
+		return colorIconSuccess;
+	}
+});
+Object.defineProperty(exports, "colorIconWarning", {
+	enumerable: true,
+	get: function() {
+		return colorIconWarning;
+	}
+});
+Object.defineProperty(exports, "colorInfo100", {
+	enumerable: true,
+	get: function() {
+		return colorInfo100;
+	}
+});
+Object.defineProperty(exports, "colorInfo200", {
+	enumerable: true,
+	get: function() {
+		return colorInfo200;
+	}
+});
+Object.defineProperty(exports, "colorInfo300", {
+	enumerable: true,
+	get: function() {
+		return colorInfo300;
+	}
+});
+Object.defineProperty(exports, "colorInfo400", {
+	enumerable: true,
+	get: function() {
+		return colorInfo400;
+	}
+});
+Object.defineProperty(exports, "colorInfo50", {
+	enumerable: true,
+	get: function() {
+		return colorInfo50;
+	}
+});
+Object.defineProperty(exports, "colorInfo500", {
+	enumerable: true,
+	get: function() {
+		return colorInfo500;
+	}
+});
+Object.defineProperty(exports, "colorInfo600", {
+	enumerable: true,
+	get: function() {
+		return colorInfo600;
+	}
+});
+Object.defineProperty(exports, "colorInfo700", {
+	enumerable: true,
+	get: function() {
+		return colorInfo700;
+	}
+});
+Object.defineProperty(exports, "colorInfo800", {
+	enumerable: true,
+	get: function() {
+		return colorInfo800;
+	}
+});
+Object.defineProperty(exports, "colorInfo900", {
+	enumerable: true,
+	get: function() {
+		return colorInfo900;
+	}
+});
+Object.defineProperty(exports, "colorLinkDisabled", {
+	enumerable: true,
+	get: function() {
+		return colorLinkDisabled;
+	}
+});
+Object.defineProperty(exports, "colorLinkHover", {
+	enumerable: true,
+	get: function() {
+		return colorLinkHover;
+	}
+});
+Object.defineProperty(exports, "colorLinkInverse", {
+	enumerable: true,
+	get: function() {
+		return colorLinkInverse;
+	}
+});
+Object.defineProperty(exports, "colorLinkInverseDisabled", {
+	enumerable: true,
+	get: function() {
+		return colorLinkInverseDisabled;
+	}
+});
+Object.defineProperty(exports, "colorLinkInverseHover", {
+	enumerable: true,
+	get: function() {
+		return colorLinkInverseHover;
+	}
+});
+Object.defineProperty(exports, "colorLinkInversePressed", {
+	enumerable: true,
+	get: function() {
+		return colorLinkInversePressed;
+	}
+});
+Object.defineProperty(exports, "colorLinkMonochrome", {
+	enumerable: true,
+	get: function() {
+		return colorLinkMonochrome;
+	}
+});
+Object.defineProperty(exports, "colorLinkPressed", {
+	enumerable: true,
+	get: function() {
+		return colorLinkPressed;
+	}
+});
+Object.defineProperty(exports, "colorLinkPrimary", {
+	enumerable: true,
+	get: function() {
+		return colorLinkPrimary;
+	}
+});
+Object.defineProperty(exports, "colorLinkSecondary", {
+	enumerable: true,
+	get: function() {
+		return colorLinkSecondary;
+	}
+});
+Object.defineProperty(exports, "colorPrimary100", {
+	enumerable: true,
+	get: function() {
+		return colorPrimary100;
+	}
+});
+Object.defineProperty(exports, "colorPrimary200", {
+	enumerable: true,
+	get: function() {
+		return colorPrimary200;
+	}
+});
+Object.defineProperty(exports, "colorPrimary300", {
+	enumerable: true,
+	get: function() {
+		return colorPrimary300;
+	}
+});
+Object.defineProperty(exports, "colorPrimary400", {
+	enumerable: true,
+	get: function() {
+		return colorPrimary400;
+	}
+});
+Object.defineProperty(exports, "colorPrimary50", {
+	enumerable: true,
+	get: function() {
+		return colorPrimary50;
+	}
+});
+Object.defineProperty(exports, "colorPrimary500", {
+	enumerable: true,
+	get: function() {
+		return colorPrimary500;
+	}
+});
+Object.defineProperty(exports, "colorPrimary600", {
+	enumerable: true,
+	get: function() {
+		return colorPrimary600;
+	}
+});
+Object.defineProperty(exports, "colorPrimary700", {
+	enumerable: true,
+	get: function() {
+		return colorPrimary700;
+	}
+});
+Object.defineProperty(exports, "colorPrimary800", {
+	enumerable: true,
+	get: function() {
+		return colorPrimary800;
+	}
+});
+Object.defineProperty(exports, "colorPrimary900", {
+	enumerable: true,
+	get: function() {
+		return colorPrimary900;
+	}
+});
+Object.defineProperty(exports, "colorSecondary100", {
+	enumerable: true,
+	get: function() {
+		return colorSecondary100;
+	}
+});
+Object.defineProperty(exports, "colorSecondary200", {
+	enumerable: true,
+	get: function() {
+		return colorSecondary200;
+	}
+});
+Object.defineProperty(exports, "colorSecondary300", {
+	enumerable: true,
+	get: function() {
+		return colorSecondary300;
+	}
+});
+Object.defineProperty(exports, "colorSecondary400", {
+	enumerable: true,
+	get: function() {
+		return colorSecondary400;
+	}
+});
+Object.defineProperty(exports, "colorSecondary50", {
+	enumerable: true,
+	get: function() {
+		return colorSecondary50;
+	}
+});
+Object.defineProperty(exports, "colorSecondary500", {
+	enumerable: true,
+	get: function() {
+		return colorSecondary500;
+	}
+});
+Object.defineProperty(exports, "colorSecondary600", {
+	enumerable: true,
+	get: function() {
+		return colorSecondary600;
+	}
+});
+Object.defineProperty(exports, "colorSecondary700", {
+	enumerable: true,
+	get: function() {
+		return colorSecondary700;
+	}
+});
+Object.defineProperty(exports, "colorSecondary800", {
+	enumerable: true,
+	get: function() {
+		return colorSecondary800;
+	}
+});
+Object.defineProperty(exports, "colorSecondary900", {
+	enumerable: true,
+	get: function() {
+		return colorSecondary900;
+	}
+});
+Object.defineProperty(exports, "colorSuccess100", {
+	enumerable: true,
+	get: function() {
+		return colorSuccess100;
+	}
+});
+Object.defineProperty(exports, "colorSuccess200", {
+	enumerable: true,
+	get: function() {
+		return colorSuccess200;
+	}
+});
+Object.defineProperty(exports, "colorSuccess300", {
+	enumerable: true,
+	get: function() {
+		return colorSuccess300;
+	}
+});
+Object.defineProperty(exports, "colorSuccess400", {
+	enumerable: true,
+	get: function() {
+		return colorSuccess400;
+	}
+});
+Object.defineProperty(exports, "colorSuccess50", {
+	enumerable: true,
+	get: function() {
+		return colorSuccess50;
+	}
+});
+Object.defineProperty(exports, "colorSuccess500", {
+	enumerable: true,
+	get: function() {
+		return colorSuccess500;
+	}
+});
+Object.defineProperty(exports, "colorSuccess600", {
+	enumerable: true,
+	get: function() {
+		return colorSuccess600;
+	}
+});
+Object.defineProperty(exports, "colorSuccess700", {
+	enumerable: true,
+	get: function() {
+		return colorSuccess700;
+	}
+});
+Object.defineProperty(exports, "colorSuccess800", {
+	enumerable: true,
+	get: function() {
+		return colorSuccess800;
+	}
+});
+Object.defineProperty(exports, "colorSuccess900", {
+	enumerable: true,
+	get: function() {
+		return colorSuccess900;
+	}
+});
+Object.defineProperty(exports, "colorSurface100", {
+	enumerable: true,
+	get: function() {
+		return colorSurface100;
+	}
+});
+Object.defineProperty(exports, "colorSurface200", {
+	enumerable: true,
+	get: function() {
+		return colorSurface200;
+	}
+});
+Object.defineProperty(exports, "colorSurface300", {
+	enumerable: true,
+	get: function() {
+		return colorSurface300;
+	}
+});
+Object.defineProperty(exports, "colorSurface400", {
+	enumerable: true,
+	get: function() {
+		return colorSurface400;
+	}
+});
+Object.defineProperty(exports, "colorSurface50", {
+	enumerable: true,
+	get: function() {
+		return colorSurface50;
+	}
+});
+Object.defineProperty(exports, "colorSurface500", {
+	enumerable: true,
+	get: function() {
+		return colorSurface500;
+	}
+});
+Object.defineProperty(exports, "colorSurface600", {
+	enumerable: true,
+	get: function() {
+		return colorSurface600;
+	}
+});
+Object.defineProperty(exports, "colorSurface700", {
+	enumerable: true,
+	get: function() {
+		return colorSurface700;
+	}
+});
+Object.defineProperty(exports, "colorSurface800", {
+	enumerable: true,
+	get: function() {
+		return colorSurface800;
+	}
+});
+Object.defineProperty(exports, "colorSurface900", {
+	enumerable: true,
+	get: function() {
+		return colorSurface900;
+	}
+});
+Object.defineProperty(exports, "colorTertiary100", {
+	enumerable: true,
+	get: function() {
+		return colorTertiary100;
+	}
+});
+Object.defineProperty(exports, "colorTertiary200", {
+	enumerable: true,
+	get: function() {
+		return colorTertiary200;
+	}
+});
+Object.defineProperty(exports, "colorTertiary300", {
+	enumerable: true,
+	get: function() {
+		return colorTertiary300;
+	}
+});
+Object.defineProperty(exports, "colorTertiary400", {
+	enumerable: true,
+	get: function() {
+		return colorTertiary400;
+	}
+});
+Object.defineProperty(exports, "colorTertiary50", {
+	enumerable: true,
+	get: function() {
+		return colorTertiary50;
+	}
+});
+Object.defineProperty(exports, "colorTertiary500", {
+	enumerable: true,
+	get: function() {
+		return colorTertiary500;
+	}
+});
+Object.defineProperty(exports, "colorTertiary600", {
+	enumerable: true,
+	get: function() {
+		return colorTertiary600;
+	}
+});
+Object.defineProperty(exports, "colorTertiary700", {
+	enumerable: true,
+	get: function() {
+		return colorTertiary700;
+	}
+});
+Object.defineProperty(exports, "colorTertiary800", {
+	enumerable: true,
+	get: function() {
+		return colorTertiary800;
+	}
+});
+Object.defineProperty(exports, "colorTertiary900", {
+	enumerable: true,
+	get: function() {
+		return colorTertiary900;
+	}
+});
+Object.defineProperty(exports, "colorTextCritical", {
+	enumerable: true,
+	get: function() {
+		return colorTextCritical;
+	}
+});
+Object.defineProperty(exports, "colorTextDisabled", {
+	enumerable: true,
+	get: function() {
+		return colorTextDisabled;
+	}
+});
+Object.defineProperty(exports, "colorTextInactive", {
+	enumerable: true,
+	get: function() {
+		return colorTextInactive;
+	}
+});
+Object.defineProperty(exports, "colorTextInfo", {
+	enumerable: true,
+	get: function() {
+		return colorTextInfo;
+	}
+});
+Object.defineProperty(exports, "colorTextInverse", {
+	enumerable: true,
+	get: function() {
+		return colorTextInverse;
+	}
+});
+Object.defineProperty(exports, "colorTextPrimary", {
+	enumerable: true,
+	get: function() {
+		return colorTextPrimary;
+	}
+});
+Object.defineProperty(exports, "colorTextSecondary", {
+	enumerable: true,
+	get: function() {
+		return colorTextSecondary;
+	}
+});
+Object.defineProperty(exports, "colorTextSuccess", {
+	enumerable: true,
+	get: function() {
+		return colorTextSuccess;
+	}
+});
+Object.defineProperty(exports, "colorTextWarning", {
+	enumerable: true,
+	get: function() {
+		return colorTextWarning;
+	}
+});
+Object.defineProperty(exports, "colorWarning100", {
+	enumerable: true,
+	get: function() {
+		return colorWarning100;
+	}
+});
+Object.defineProperty(exports, "colorWarning200", {
+	enumerable: true,
+	get: function() {
+		return colorWarning200;
+	}
+});
+Object.defineProperty(exports, "colorWarning300", {
+	enumerable: true,
+	get: function() {
+		return colorWarning300;
+	}
+});
+Object.defineProperty(exports, "colorWarning400", {
+	enumerable: true,
+	get: function() {
+		return colorWarning400;
+	}
+});
+Object.defineProperty(exports, "colorWarning50", {
+	enumerable: true,
+	get: function() {
+		return colorWarning50;
+	}
+});
+Object.defineProperty(exports, "colorWarning500", {
+	enumerable: true,
+	get: function() {
+		return colorWarning500;
+	}
+});
+Object.defineProperty(exports, "colorWarning600", {
+	enumerable: true,
+	get: function() {
+		return colorWarning600;
+	}
+});
+Object.defineProperty(exports, "colorWarning700", {
+	enumerable: true,
+	get: function() {
+		return colorWarning700;
+	}
+});
+Object.defineProperty(exports, "colorWarning800", {
+	enumerable: true,
+	get: function() {
+		return colorWarning800;
+	}
+});
+Object.defineProperty(exports, "colorWarning900", {
+	enumerable: true,
+	get: function() {
+		return colorWarning900;
+	}
+});
+Object.defineProperty(exports, "containerBorderRadius", {
+	enumerable: true,
+	get: function() {
+		return containerBorderRadius;
+	}
+});
+Object.defineProperty(exports, "fontFamilyPrimary", {
+	enumerable: true,
+	get: function() {
+		return fontFamilyPrimary;
+	}
+});
+Object.defineProperty(exports, "fontFamilySecondary", {
+	enumerable: true,
+	get: function() {
+		return fontFamilySecondary;
+	}
+});
+Object.defineProperty(exports, "fontSizeButton100", {
+	enumerable: true,
+	get: function() {
+		return fontSizeButton100;
+	}
+});
+Object.defineProperty(exports, "fontSizeButton200", {
+	enumerable: true,
+	get: function() {
+		return fontSizeButton200;
+	}
+});
+Object.defineProperty(exports, "fontWeightBodyPrimary", {
+	enumerable: true,
+	get: function() {
+		return fontWeightBodyPrimary;
+	}
+});
+Object.defineProperty(exports, "fontWeightBodySecondary", {
+	enumerable: true,
+	get: function() {
+		return fontWeightBodySecondary;
+	}
+});
+Object.defineProperty(exports, "fontWeightButton", {
+	enumerable: true,
+	get: function() {
+		return fontWeightButton;
+	}
+});
+Object.defineProperty(exports, "fontWeightCaption", {
+	enumerable: true,
+	get: function() {
+		return fontWeightCaption;
+	}
+});
+Object.defineProperty(exports, "fontWeightH1", {
+	enumerable: true,
+	get: function() {
+		return fontWeightH1;
+	}
+});
+Object.defineProperty(exports, "fontWeightH2", {
+	enumerable: true,
+	get: function() {
+		return fontWeightH2;
+	}
+});
+Object.defineProperty(exports, "fontWeightH3", {
+	enumerable: true,
+	get: function() {
+		return fontWeightH3;
+	}
+});
+Object.defineProperty(exports, "fontWeightH4", {
+	enumerable: true,
+	get: function() {
+		return fontWeightH4;
+	}
+});
+Object.defineProperty(exports, "fontWeightH5", {
+	enumerable: true,
+	get: function() {
+		return fontWeightH5;
+	}
+});
+Object.defineProperty(exports, "fontWeightH6", {
+	enumerable: true,
+	get: function() {
+		return fontWeightH6;
+	}
+});
+Object.defineProperty(exports, "fontWeightLabelMini", {
+	enumerable: true,
+	get: function() {
+		return fontWeightLabelMini;
+	}
+});
+Object.defineProperty(exports, "fontWeightLabelStrong", {
+	enumerable: true,
+	get: function() {
+		return fontWeightLabelStrong;
+	}
+});
+Object.defineProperty(exports, "inputBorderRadius", {
+	enumerable: true,
+	get: function() {
+		return inputBorderRadius;
+	}
+});
+Object.defineProperty(exports, "letterSpacingBodyPrimary", {
+	enumerable: true,
+	get: function() {
+		return letterSpacingBodyPrimary;
+	}
+});
+Object.defineProperty(exports, "letterSpacingBodySecondary", {
+	enumerable: true,
+	get: function() {
+		return letterSpacingBodySecondary;
+	}
+});
+Object.defineProperty(exports, "letterSpacingButton", {
+	enumerable: true,
+	get: function() {
+		return letterSpacingButton;
+	}
+});
+Object.defineProperty(exports, "letterSpacingCaption", {
+	enumerable: true,
+	get: function() {
+		return letterSpacingCaption;
+	}
+});
+Object.defineProperty(exports, "letterSpacingH1", {
+	enumerable: true,
+	get: function() {
+		return letterSpacingH1;
+	}
+});
+Object.defineProperty(exports, "letterSpacingH1Mobile", {
+	enumerable: true,
+	get: function() {
+		return letterSpacingH1Mobile;
+	}
+});
+Object.defineProperty(exports, "letterSpacingH2", {
+	enumerable: true,
+	get: function() {
+		return letterSpacingH2;
+	}
+});
+Object.defineProperty(exports, "letterSpacingH2Mobile", {
+	enumerable: true,
+	get: function() {
+		return letterSpacingH2Mobile;
+	}
+});
+Object.defineProperty(exports, "letterSpacingH3", {
+	enumerable: true,
+	get: function() {
+		return letterSpacingH3;
+	}
+});
+Object.defineProperty(exports, "letterSpacingH3Mobile", {
+	enumerable: true,
+	get: function() {
+		return letterSpacingH3Mobile;
+	}
+});
+Object.defineProperty(exports, "letterSpacingH4", {
+	enumerable: true,
+	get: function() {
+		return letterSpacingH4;
+	}
+});
+Object.defineProperty(exports, "letterSpacingH5", {
+	enumerable: true,
+	get: function() {
+		return letterSpacingH5;
+	}
+});
+Object.defineProperty(exports, "letterSpacingH6", {
+	enumerable: true,
+	get: function() {
+		return letterSpacingH6;
+	}
+});
+Object.defineProperty(exports, "letterSpacingLabelMini", {
+	enumerable: true,
+	get: function() {
+		return letterSpacingLabelMini;
+	}
+});
+Object.defineProperty(exports, "letterSpacingLabelStrong", {
+	enumerable: true,
+	get: function() {
+		return letterSpacingLabelStrong;
+	}
+});
+Object.defineProperty(exports, "screens", {
+	enumerable: true,
+	get: function() {
+		return screens;
+	}
+});
+Object.defineProperty(exports, "searchInputBorderRadius", {
+	enumerable: true,
+	get: function() {
+		return searchInputBorderRadius;
+	}
+});
+Object.defineProperty(exports, "shadow01", {
+	enumerable: true,
+	get: function() {
+		return shadow01;
+	}
+});
+Object.defineProperty(exports, "shadow02", {
+	enumerable: true,
+	get: function() {
+		return shadow02;
+	}
+});
+Object.defineProperty(exports, "shadow03", {
+	enumerable: true,
+	get: function() {
+		return shadow03;
+	}
+});
+Object.defineProperty(exports, "shadow04", {
+	enumerable: true,
+	get: function() {
+		return shadow04;
+	}
+});
+Object.defineProperty(exports, "shadow05", {
+	enumerable: true,
+	get: function() {
+		return shadow05;
+	}
+});
+Object.defineProperty(exports, "spacing", {
+	enumerable: true,
+	get: function() {
+		return spacing;
+	}
+});
+Object.defineProperty(exports, "textTransformButton", {
+	enumerable: true,
+	get: function() {
+		return textTransformButton;
+	}
+});
+Object.defineProperty(exports, "textTransformH6", {
+	enumerable: true,
+	get: function() {
+		return textTransformH6;
+	}
+});
+Object.defineProperty(exports, "textTransformLabelMini", {
+	enumerable: true,
+	get: function() {
+		return textTransformLabelMini;
+	}
+});
+Object.defineProperty(exports, "widthDense", {
+	enumerable: true,
+	get: function() {
+		return widthDense;
+	}
+});
+Object.defineProperty(exports, "widthPage", {
+	enumerable: true,
+	get: function() {
+		return widthPage;
+	}
+});
+Object.defineProperty(exports, "wrapOpacity", {
+	enumerable: true,
+	get: function() {
+		return wrapOpacity;
+	}
+});
+Object.defineProperty(exports, "wrapVar", {
+	enumerable: true,
+	get: function() {
+		return wrapVar;
+	}
+});
+Object.defineProperty(exports, "wrapVarRgb", {
+	enumerable: true,
+	get: function() {
+		return wrapVarRgb;
+	}
+});
+Object.defineProperty(exports, "wrapVariableOpacity", {
+	enumerable: true,
+	get: function() {
+		return wrapVariableOpacity;
+	}
+});
+
+//# sourceMappingURL=spacing-B2mhXYOl.cjs.map