@persona/design-system 0.1.5-pre.4

package/dist/text-BrSUs-88.d.mts

@@ -0,0 +1,14 @@
+import { DefaultTheme, FlattenInterpolation, ThemeProps } from "styled-components";
+
+//#region mixins/text.d.ts
+type DisplaySize = 'lg' | 'md' | 'sm';
+declare const fontFamilyMixin: FlattenInterpolation<ThemeProps<any>>;
+declare const displayMixins: Record<DisplaySize, FlattenInterpolation<ThemeProps<DefaultTheme>>>;
+type HeadingSize = 'lg' | 'md' | 'sm' | 'xsm';
+declare const headingMixins: Record<HeadingSize, FlattenInterpolation<ThemeProps<DefaultTheme>>>;
+type ParagraphMixinSize = 'lg' | 'lgBold' | 'lgLight' | 'md' | 'mdBold' | 'mdLight' | 'mdLink' | 'sm' | 'smBold' | 'smLink' | 'xs';
+type ParagraphSize = 'lg' | 'md' | 'sm' | 'xs';
+declare const paragraphMixins: Record<ParagraphMixinSize, FlattenInterpolation<ThemeProps<DefaultTheme>>>;
+//#endregion
+export { displayMixins as a, paragraphMixins as c, ParagraphSize as i, HeadingSize as n, fontFamilyMixin as o, ParagraphMixinSize as r, headingMixins as s, DisplaySize as t };
+//# sourceMappingURL=text-BrSUs-88.d.mts.map

package/dist/text-PmH5oc61.d.cts

@@ -0,0 +1,14 @@
+import { DefaultTheme, FlattenInterpolation, ThemeProps } from "styled-components";
+
+//#region mixins/text.d.ts
+type DisplaySize = 'lg' | 'md' | 'sm';
+declare const fontFamilyMixin: FlattenInterpolation<ThemeProps<any>>;
+declare const displayMixins: Record<DisplaySize, FlattenInterpolation<ThemeProps<DefaultTheme>>>;
+type HeadingSize = 'lg' | 'md' | 'sm' | 'xsm';
+declare const headingMixins: Record<HeadingSize, FlattenInterpolation<ThemeProps<DefaultTheme>>>;
+type ParagraphMixinSize = 'lg' | 'lgBold' | 'lgLight' | 'md' | 'mdBold' | 'mdLight' | 'mdLink' | 'sm' | 'smBold' | 'smLink' | 'xs';
+type ParagraphSize = 'lg' | 'md' | 'sm' | 'xs';
+declare const paragraphMixins: Record<ParagraphMixinSize, FlattenInterpolation<ThemeProps<DefaultTheme>>>;
+//#endregion
+export { displayMixins as a, paragraphMixins as c, ParagraphSize as i, HeadingSize as n, fontFamilyMixin as o, ParagraphMixinSize as r, headingMixins as s, DisplaySize as t };
+//# sourceMappingURL=text-PmH5oc61.d.cts.map

package/dist/theme-Cadb1xzQ.d.cts

@@ -0,0 +1,154 @@
+import { Color, PDSTypeStyle } from "@persona/design-tokens";
+
+//#region theme.d.ts
+interface PrimaryColors {
+  black: Color;
+  white: Color;
+  brand: Color;
+  brand800: Color;
+  brand700: Color;
+  brand600: Color;
+  brand500: Color;
+  brand400: Color;
+  brand300: Color;
+  brand200: Color;
+  brand100: Color;
+}
+interface TextColors {
+  primary: Color;
+  secondary: Color;
+  tertiary: Color;
+  brand: Color;
+  inverse: Color;
+  disabled: Color;
+}
+interface BackgroundColors {
+  primary: Color;
+  secondary: Color;
+  active: Color;
+  highlight: Color;
+  disabled: Color;
+}
+type Variant = 'basic' | 'caution' | 'danger' | 'inverse' | 'outline' | 'primary' | 'success' | 'text';
+interface VariantPalette {
+  /**
+   * Activated color. Mousedowns for buttons, hover for dropdowns, etc.
+   */
+  active: Color;
+  /**
+   * Passive color when not interacted.
+   */
+  default: Color;
+  /**
+   * Focus state, borders, etc. Generally lighter than the default color.
+   */
+  highlight: Color;
+  /**
+   * Alternative highlight color.
+   */
+  highlightLight: Color;
+  /**
+   * Alternative highlight color.
+   */
+  highlightDark: Color;
+  /**
+   * Disabled background
+   */
+  disabled: Color;
+  text: Color;
+  textDisabled: Color;
+  hover: Color;
+}
+interface ColorPalette {
+  primary: PrimaryColors;
+  text: TextColors;
+  variants: Record<Variant, VariantPalette>;
+  background: BackgroundColors;
+  border: {
+    primary: Color;
+    secondary: Color;
+    active: Color;
+    input: Color;
+    inputHover: Color;
+    disabled: Color;
+  };
+}
+interface TextSettings {
+  fontFamily: {
+    base: string;
+    mono: string;
+    semiMono: string;
+  };
+  display: {
+    lg: PDSTypeStyle;
+    md: PDSTypeStyle;
+    sm: PDSTypeStyle;
+  };
+  heading: {
+    lg: PDSTypeStyle;
+    md: PDSTypeStyle;
+    sm: PDSTypeStyle;
+    xsm: PDSTypeStyle;
+  };
+  paragraph: {
+    lg: PDSTypeStyle;
+    lgBold: PDSTypeStyle;
+    lgLight: PDSTypeStyle;
+    md: PDSTypeStyle;
+    mdBold: PDSTypeStyle;
+    mdLight: PDSTypeStyle;
+    mdLink: PDSTypeStyle;
+    sm: PDSTypeStyle;
+    smLink: PDSTypeStyle;
+    xs: PDSTypeStyle;
+  };
+}
+interface ElementSettings {
+  borderRadius: string;
+  height: {
+    xl: string;
+    lg: string;
+    md: string;
+    sm: string;
+    xs: string;
+  };
+  width: {
+    md: string;
+  };
+}
+interface ButtonSettings {
+  borderRadius: string;
+  height: {
+    md: string;
+    sm: string;
+  };
+}
+interface CardSettings {
+  borderRadius: string;
+}
+interface ModalSettings {
+  borderRadius: {
+    xl: string;
+    lg: string;
+    md: string;
+  };
+  width: {
+    xl: string;
+    lg: string;
+    md: string;
+  };
+}
+interface PersonaTheme {
+  color: ColorPalette;
+  text: TextSettings;
+  element: ElementSettings;
+  card: CardSettings;
+  button: ButtonSettings;
+  modal: ModalSettings;
+}
+declare const defaultTheme: PersonaTheme;
+declare const darkTheme: PersonaTheme;
+declare const marketingFontTheme: PersonaTheme;
+//#endregion
+export { darkTheme as a, Variant as i, PersonaTheme as n, defaultTheme as o, TextColors as r, marketingFontTheme as s, BackgroundColors as t };
+//# sourceMappingURL=theme-Cadb1xzQ.d.cts.map

package/dist/theme-DGAqgnUa.d.mts

@@ -0,0 +1,154 @@
+import { Color, PDSTypeStyle } from "@persona/design-tokens";
+
+//#region theme.d.ts
+interface PrimaryColors {
+  black: Color;
+  white: Color;
+  brand: Color;
+  brand800: Color;
+  brand700: Color;
+  brand600: Color;
+  brand500: Color;
+  brand400: Color;
+  brand300: Color;
+  brand200: Color;
+  brand100: Color;
+}
+interface TextColors {
+  primary: Color;
+  secondary: Color;
+  tertiary: Color;
+  brand: Color;
+  inverse: Color;
+  disabled: Color;
+}
+interface BackgroundColors {
+  primary: Color;
+  secondary: Color;
+  active: Color;
+  highlight: Color;
+  disabled: Color;
+}
+type Variant = 'basic' | 'caution' | 'danger' | 'inverse' | 'outline' | 'primary' | 'success' | 'text';
+interface VariantPalette {
+  /**
+   * Activated color. Mousedowns for buttons, hover for dropdowns, etc.
+   */
+  active: Color;
+  /**
+   * Passive color when not interacted.
+   */
+  default: Color;
+  /**
+   * Focus state, borders, etc. Generally lighter than the default color.
+   */
+  highlight: Color;
+  /**
+   * Alternative highlight color.
+   */
+  highlightLight: Color;
+  /**
+   * Alternative highlight color.
+   */
+  highlightDark: Color;
+  /**
+   * Disabled background
+   */
+  disabled: Color;
+  text: Color;
+  textDisabled: Color;
+  hover: Color;
+}
+interface ColorPalette {
+  primary: PrimaryColors;
+  text: TextColors;
+  variants: Record<Variant, VariantPalette>;
+  background: BackgroundColors;
+  border: {
+    primary: Color;
+    secondary: Color;
+    active: Color;
+    input: Color;
+    inputHover: Color;
+    disabled: Color;
+  };
+}
+interface TextSettings {
+  fontFamily: {
+    base: string;
+    mono: string;
+    semiMono: string;
+  };
+  display: {
+    lg: PDSTypeStyle;
+    md: PDSTypeStyle;
+    sm: PDSTypeStyle;
+  };
+  heading: {
+    lg: PDSTypeStyle;
+    md: PDSTypeStyle;
+    sm: PDSTypeStyle;
+    xsm: PDSTypeStyle;
+  };
+  paragraph: {
+    lg: PDSTypeStyle;
+    lgBold: PDSTypeStyle;
+    lgLight: PDSTypeStyle;
+    md: PDSTypeStyle;
+    mdBold: PDSTypeStyle;
+    mdLight: PDSTypeStyle;
+    mdLink: PDSTypeStyle;
+    sm: PDSTypeStyle;
+    smLink: PDSTypeStyle;
+    xs: PDSTypeStyle;
+  };
+}
+interface ElementSettings {
+  borderRadius: string;
+  height: {
+    xl: string;
+    lg: string;
+    md: string;
+    sm: string;
+    xs: string;
+  };
+  width: {
+    md: string;
+  };
+}
+interface ButtonSettings {
+  borderRadius: string;
+  height: {
+    md: string;
+    sm: string;
+  };
+}
+interface CardSettings {
+  borderRadius: string;
+}
+interface ModalSettings {
+  borderRadius: {
+    xl: string;
+    lg: string;
+    md: string;
+  };
+  width: {
+    xl: string;
+    lg: string;
+    md: string;
+  };
+}
+interface PersonaTheme {
+  color: ColorPalette;
+  text: TextSettings;
+  element: ElementSettings;
+  card: CardSettings;
+  button: ButtonSettings;
+  modal: ModalSettings;
+}
+declare const defaultTheme: PersonaTheme;
+declare const darkTheme: PersonaTheme;
+declare const marketingFontTheme: PersonaTheme;
+//#endregion
+export { darkTheme as a, Variant as i, PersonaTheme as n, defaultTheme as o, TextColors as r, marketingFontTheme as s, BackgroundColors as t };
+//# sourceMappingURL=theme-DGAqgnUa.d.mts.map

package/dist/theme.cjs

@@ -0,0 +1,353 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+require("./chunk-CoPdw6nB.cjs");
+let _persona_design_tokens = require("@persona/design-tokens");
+//#region theme.ts
+const primary = {
+	black: _persona_design_tokens.Color.PrimaryBlack,
+	white: _persona_design_tokens.Color.PrimaryWhite,
+	brand: _persona_design_tokens.Color.PrimaryPurple,
+	brand800: _persona_design_tokens.Color.CorePurple800,
+	brand700: _persona_design_tokens.Color.CorePurple700,
+	brand600: _persona_design_tokens.Color.CorePurple600,
+	brand500: _persona_design_tokens.Color.CorePurple500,
+	brand400: _persona_design_tokens.Color.CorePurple400,
+	brand300: _persona_design_tokens.Color.CorePurple300,
+	brand200: _persona_design_tokens.Color.CorePurple200,
+	brand100: _persona_design_tokens.Color.CorePurple100
+};
+const lightText = {
+	primary: _persona_design_tokens.Color.TextPrimary,
+	secondary: _persona_design_tokens.Color.TextSecondary,
+	tertiary: _persona_design_tokens.Color.CoreSlate800,
+	brand: primary.brand,
+	inverse: _persona_design_tokens.Color.TextInverse,
+	disabled: _persona_design_tokens.Color.TextDisabled
+};
+const darkText = {
+	primary: _persona_design_tokens.Color.TextInverse,
+	secondary: _persona_design_tokens.Color.CoreSlate500,
+	tertiary: _persona_design_tokens.Color.CoreSlate800,
+	brand: primary.brand,
+	inverse: _persona_design_tokens.Color.TextPrimary,
+	disabled: _persona_design_tokens.Color.TextDisabled
+};
+const lightColorPalette = {
+	primary,
+	text: lightText,
+	background: {
+		primary: _persona_design_tokens.Color.BackgroundPrimary,
+		secondary: _persona_design_tokens.Color.BackgroundSecondary,
+		active: primary.brand,
+		highlight: primary.brand100,
+		disabled: _persona_design_tokens.Color.BackgroundInputDisabled
+	},
+	variants: {
+		basic: {
+			active: _persona_design_tokens.Color.BackgroundButtonDefaultActive,
+			default: _persona_design_tokens.Color.BackgroundButtonDefault,
+			hover: _persona_design_tokens.Color.BackgroundButtonDefaultHover,
+			highlight: _persona_design_tokens.Color.CoreSlate400,
+			highlightLight: _persona_design_tokens.Color.CoreSlate400,
+			highlightDark: _persona_design_tokens.Color.CoreSlate700,
+			disabled: _persona_design_tokens.Color.CoreSlate100,
+			text: lightText.primary,
+			textDisabled: lightText.disabled
+		},
+		outline: {
+			active: _persona_design_tokens.Color.BackgroundButtonOutlineActive,
+			default: _persona_design_tokens.Color.BackgroundButtonOutline,
+			hover: _persona_design_tokens.Color.BackgroundButtonOutlineHover,
+			highlight: _persona_design_tokens.Color.CoreSlate400,
+			highlightLight: _persona_design_tokens.Color.CoreSlate400,
+			highlightDark: _persona_design_tokens.Color.CoreSlate700,
+			disabled: _persona_design_tokens.Color.BackgroundButtonOutlineDisabled,
+			text: lightText.primary,
+			textDisabled: lightText.disabled
+		},
+		primary: {
+			active: _persona_design_tokens.Color.BackgroundButtonPrimaryActive,
+			default: _persona_design_tokens.Color.BackgroundButtonPrimary,
+			hover: _persona_design_tokens.Color.BackgroundButtonPrimaryHover,
+			highlight: primary.brand200,
+			highlightLight: primary.brand100,
+			highlightDark: primary.brand200,
+			disabled: _persona_design_tokens.Color.BackgroundButtonPrimaryDisabled,
+			text: lightText.inverse,
+			textDisabled: lightText.inverse
+		},
+		inverse: {
+			active: primary.brand100,
+			default: primary.white,
+			hover: _persona_design_tokens.Color.BackgroundButtonDefaultHover,
+			highlight: primary.brand200,
+			highlightLight: primary.brand100,
+			highlightDark: primary.brand700,
+			disabled: primary.white,
+			text: lightText.primary,
+			textDisabled: lightText.disabled
+		},
+		danger: {
+			active: _persona_design_tokens.Color.BackgroundButtonDangerActive,
+			default: _persona_design_tokens.Color.BackgroundButtonDanger,
+			hover: _persona_design_tokens.Color.BackgroundButtonDangerHover,
+			highlight: _persona_design_tokens.Color.CoreRed200,
+			highlightLight: _persona_design_tokens.Color.CoreRed100,
+			highlightDark: _persona_design_tokens.Color.CoreRed200,
+			disabled: _persona_design_tokens.Color.BackgroundButtonDangerDisabled,
+			text: lightText.inverse,
+			textDisabled: lightText.inverse
+		},
+		caution: {
+			active: _persona_design_tokens.Color.CoreYellow900,
+			default: _persona_design_tokens.Color.CoreYellow800,
+			hover: _persona_design_tokens.Color.CoreYellow700,
+			highlight: _persona_design_tokens.Color.CoreYellow200,
+			highlightLight: _persona_design_tokens.Color.CoreYellow100,
+			highlightDark: _persona_design_tokens.Color.CoreYellow200,
+			disabled: _persona_design_tokens.Color.CoreYellow100,
+			text: lightText.inverse,
+			textDisabled: lightText.inverse
+		},
+		success: {
+			active: _persona_design_tokens.Color.CoreGreen900,
+			default: _persona_design_tokens.Color.CoreGreen800,
+			hover: _persona_design_tokens.Color.CoreGreen700,
+			highlight: _persona_design_tokens.Color.CoreGreen200,
+			highlightLight: _persona_design_tokens.Color.CoreGreen100,
+			highlightDark: _persona_design_tokens.Color.CoreGreen200,
+			disabled: _persona_design_tokens.Color.CoreGreen100,
+			text: lightText.inverse,
+			textDisabled: lightText.inverse
+		},
+		text: {
+			active: _persona_design_tokens.Color.BackgroundButtonTextActive,
+			default: _persona_design_tokens.Color.BackgroundButtonText,
+			hover: _persona_design_tokens.Color.BackgroundButtonTextHover,
+			highlight: _persona_design_tokens.Color.BackgroundButtonTextHover,
+			highlightLight: _persona_design_tokens.Color.CoreSlate900,
+			highlightDark: _persona_design_tokens.Color.CoreSlate900,
+			disabled: _persona_design_tokens.Color.BackgroundButtonTextDisabled,
+			text: lightText.primary,
+			textDisabled: lightText.secondary
+		}
+	},
+	border: {
+		primary: _persona_design_tokens.Color.BorderHairline,
+		secondary: _persona_design_tokens.Color.BorderDivider,
+		active: _persona_design_tokens.Color.BorderInputActive,
+		input: _persona_design_tokens.Color.BorderInputDefault,
+		inputHover: _persona_design_tokens.Color.BorderInputHover,
+		disabled: _persona_design_tokens.Color.BorderInputDisabled
+	}
+};
+const darkColorPalette = {
+	primary,
+	text: darkText,
+	background: {
+		primary: _persona_design_tokens.Color.CoreSlate1000,
+		secondary: _persona_design_tokens.Color.CoreSlate50,
+		active: primary.brand,
+		highlight: _persona_design_tokens.Color.PrimaryWhite,
+		disabled: _persona_design_tokens.Color.CoreSlate300
+	},
+	variants: {
+		basic: {
+			active: _persona_design_tokens.Color.BackgroundButtonDefaultActive,
+			default: _persona_design_tokens.Color.BackgroundButtonDefault,
+			hover: _persona_design_tokens.Color.BackgroundButtonDefaultHover,
+			highlight: _persona_design_tokens.Color.CoreSlate400,
+			highlightLight: _persona_design_tokens.Color.CoreSlate400,
+			highlightDark: _persona_design_tokens.Color.CoreSlate900,
+			disabled: _persona_design_tokens.Color.CoreSlate100,
+			text: darkText.primary,
+			textDisabled: darkText.disabled
+		},
+		outline: {
+			active: _persona_design_tokens.Color.BackgroundButtonOutlineActive,
+			default: _persona_design_tokens.Color.BackgroundButtonOutline,
+			hover: _persona_design_tokens.Color.BackgroundButtonOutlineHover,
+			highlight: _persona_design_tokens.Color.CoreSlate400,
+			highlightLight: _persona_design_tokens.Color.CoreSlate400,
+			highlightDark: _persona_design_tokens.Color.CoreSlate700,
+			disabled: _persona_design_tokens.Color.BackgroundButtonOutlineDisabled,
+			text: lightText.primary,
+			textDisabled: lightText.disabled
+		},
+		primary: {
+			active: _persona_design_tokens.Color.CoreSlate900,
+			default: _persona_design_tokens.Color.CoreSlate1000,
+			hover: _persona_design_tokens.Color.BackgroundButtonPrimaryHover,
+			highlight: primary.brand200,
+			highlightLight: primary.brand100,
+			highlightDark: primary.brand200,
+			disabled: _persona_design_tokens.Color.BackgroundButtonPrimaryDisabled,
+			text: primary.white,
+			textDisabled: darkText.inverse
+		},
+		inverse: {
+			active: primary.brand100,
+			default: primary.white,
+			hover: _persona_design_tokens.Color.BackgroundButtonDefaultHover,
+			highlight: primary.brand200,
+			highlightLight: primary.brand100,
+			highlightDark: primary.brand700,
+			disabled: primary.white,
+			text: darkText.inverse,
+			textDisabled: darkText.disabled
+		},
+		danger: {
+			active: _persona_design_tokens.Color.BackgroundButtonDangerActive,
+			default: _persona_design_tokens.Color.BackgroundButtonDanger,
+			hover: _persona_design_tokens.Color.BackgroundButtonDangerHover,
+			highlight: _persona_design_tokens.Color.CoreRed300,
+			highlightLight: _persona_design_tokens.Color.CoreRed100,
+			highlightDark: _persona_design_tokens.Color.CoreRed300,
+			disabled: _persona_design_tokens.Color.BackgroundButtonDangerDisabled,
+			text: darkText.inverse,
+			textDisabled: darkText.inverse
+		},
+		caution: {
+			active: _persona_design_tokens.Color.CoreYellow900,
+			default: _persona_design_tokens.Color.CoreYellow800,
+			hover: _persona_design_tokens.Color.CoreYellow700,
+			highlight: _persona_design_tokens.Color.CoreYellow200,
+			highlightLight: _persona_design_tokens.Color.CoreYellow100,
+			highlightDark: _persona_design_tokens.Color.CoreYellow200,
+			disabled: _persona_design_tokens.Color.CoreYellow100,
+			text: darkText.inverse,
+			textDisabled: darkText.inverse
+		},
+		success: {
+			active: _persona_design_tokens.Color.CoreGreen900,
+			default: _persona_design_tokens.Color.CoreGreen800,
+			hover: _persona_design_tokens.Color.CoreGreen700,
+			highlight: _persona_design_tokens.Color.CoreGreen200,
+			highlightLight: _persona_design_tokens.Color.CoreGreen100,
+			highlightDark: _persona_design_tokens.Color.CoreGreen200,
+			disabled: _persona_design_tokens.Color.CoreGreen100,
+			text: darkText.inverse,
+			textDisabled: darkText.inverse
+		},
+		text: {
+			active: _persona_design_tokens.Color.BackgroundButtonTextActive,
+			default: _persona_design_tokens.Color.BackgroundButtonText,
+			hover: _persona_design_tokens.Color.BackgroundButtonTextHover,
+			highlight: _persona_design_tokens.Color.BackgroundButtonTextHover,
+			highlightLight: _persona_design_tokens.Color.CoreSlate900,
+			highlightDark: _persona_design_tokens.Color.CoreSlate900,
+			disabled: _persona_design_tokens.Color.BackgroundButtonTextDisabled,
+			text: darkText.primary,
+			textDisabled: darkText.secondary
+		}
+	},
+	border: {
+		primary: _persona_design_tokens.Color.CoreSlate900,
+		secondary: _persona_design_tokens.Color.BorderDivider,
+		active: _persona_design_tokens.Color.BorderInputActive,
+		input: _persona_design_tokens.Color.BorderInputDefault,
+		inputHover: _persona_design_tokens.Color.BorderInputHover,
+		disabled: _persona_design_tokens.Color.BorderInputDisabled
+	}
+};
+const defaultTextSettings = {
+	fontFamily: {
+		base: _persona_design_tokens.FontFamilies.Primary,
+		mono: _persona_design_tokens.FontFamilies.Monospace,
+		semiMono: _persona_design_tokens.FontFamilies.SemiMonospace
+	},
+	display: {
+		lg: _persona_design_tokens.Typography.DisplayLarge,
+		md: _persona_design_tokens.Typography.DisplayMedium,
+		sm: _persona_design_tokens.Typography.DisplaySmall
+	},
+	heading: {
+		lg: _persona_design_tokens.Typography.HeadingLarge,
+		md: _persona_design_tokens.Typography.HeadingMedium,
+		sm: _persona_design_tokens.Typography.HeadingSmall,
+		xsm: _persona_design_tokens.Typography.HeadingExtraSmall
+	},
+	paragraph: {
+		lg: _persona_design_tokens.Typography.TextLarge,
+		lgBold: _persona_design_tokens.Typography.TextLargeBold,
+		lgLight: _persona_design_tokens.Typography.TextLargeLight,
+		md: _persona_design_tokens.Typography.TextMedium,
+		mdBold: _persona_design_tokens.Typography.TextMediumBold,
+		mdLight: _persona_design_tokens.Typography.TextMediumLight,
+		mdLink: _persona_design_tokens.Typography.TextMediumLink,
+		sm: _persona_design_tokens.Typography.TextSmall,
+		smLink: _persona_design_tokens.Typography.TextSmallLink,
+		xs: _persona_design_tokens.Typography.TextExtraSmall
+	}
+};
+const textSettingsWithMarketingFont = {
+	...defaultTextSettings,
+	fontFamily: {
+		base: _persona_design_tokens.FontFamilies.Primary,
+		mono: _persona_design_tokens.FontFamilies.Monospace,
+		semiMono: _persona_design_tokens.FontFamilies.SemiMonospace
+	}
+};
+const defaultElementSettings = {
+	borderRadius: "4px",
+	height: {
+		xl: "128px",
+		lg: "56px",
+		md: "48px",
+		sm: "40px",
+		xs: "32px"
+	},
+	width: { md: "228px" }
+};
+const defaultButtonSettings = {
+	borderRadius: "4px",
+	height: {
+		md: "32px",
+		sm: "24px"
+	}
+};
+const defaultCardSettings = { borderRadius: "8px" };
+const defaultModalSettings = {
+	borderRadius: {
+		xl: "8px",
+		lg: "4px",
+		md: "4px"
+	},
+	width: {
+		xl: "1020px",
+		lg: "720px",
+		md: "520px"
+	}
+};
+const defaultTheme = {
+	color: lightColorPalette,
+	text: defaultTextSettings,
+	element: defaultElementSettings,
+	button: defaultButtonSettings,
+	card: defaultCardSettings,
+	modal: defaultModalSettings
+};
+const darkTheme = {
+	color: darkColorPalette,
+	text: defaultTextSettings,
+	element: defaultElementSettings,
+	button: defaultButtonSettings,
+	card: defaultCardSettings,
+	modal: defaultModalSettings
+};
+const marketingFontTheme = {
+	color: lightColorPalette,
+	text: textSettingsWithMarketingFont,
+	element: defaultElementSettings,
+	button: defaultButtonSettings,
+	card: defaultCardSettings,
+	modal: defaultModalSettings
+};
+//#endregion
+exports.darkTheme = darkTheme;
+exports.default = defaultTheme;
+exports.marketingFontTheme = marketingFontTheme;
+
+//# sourceMappingURL=theme.cjs.map