ods-ant 0.2.0 → 0.4.0

package/dist-lib/theme.js

@@ -1,2 +1,1656 @@
-import { n as e, t } from "./ontadaTheme-DoyP_6uO.js";
-export { t as appTheme, e as dsSemanticTokens };
+import { t as e } from "./core-C-tv3mqr.js";
+import { theme as t } from "antd";
+//#region src/theme/ontadaTheme.ts
+var { defaultAlgorithm: n } = t, r = {
+	button: {
+		primary: {
+			default: e.brand.primary,
+			hover: e.brand.primaryHover,
+			pressed: e.brand.primaryPressed,
+			text: e.text.inverse,
+			disabledText: e.brand.brandTint,
+			disabledBg: e.surface.subtle
+		},
+		secondary: {
+			defaultText: e.brand.primary,
+			defaultBorder: e.brand.primary,
+			defaultBg: e.text.inverse,
+			hoverText: e.brand.primaryHover,
+			hoverBorder: e.brand.primaryHover,
+			hoverBg: e.surface.subtle,
+			pressedText: e.brand.primaryPressed,
+			pressedBorder: e.brand.primaryPressed,
+			pressedBg: e.surface.neutralSoft,
+			disabledText: e.brand.brandTint,
+			disabledBorder: e.brand.brandTint,
+			disabledBg: e.text.inverse
+		},
+		tertiary: {
+			defaultText: e.brand.primary,
+			hoverText: e.brand.primaryHover,
+			pressedText: e.brand.primaryPressed,
+			disabledText: e.brand.brandTint
+		},
+		tertiaryAlt: {
+			defaultText: e.text.primary,
+			hoverText: e.text.primary,
+			pressedText: e.text.strong,
+			disabledText: e.text.disabled
+		},
+		typography: {
+			small: {
+				fontSize: "12px",
+				lineHeight: "16px",
+				letterSpacing: "0.48px"
+			},
+			middle: {
+				fontSize: "14px",
+				lineHeight: "18px",
+				letterSpacing: "0.49px"
+			},
+			large: {
+				fontSize: "16px",
+				lineHeight: "20px",
+				letterSpacing: "0.48px"
+			},
+			fontWeight: 600,
+			textTransform: "uppercase"
+		}
+	},
+	typography: {
+		family: "'Nunito', sans-serif",
+		text: {
+			heading: e.text.strong,
+			body: e.text.primary,
+			secondary: e.text.secondary,
+			muted: e.text.muted,
+			link: e.brand.primary
+		},
+		variants: {
+			pageTitle: {
+				fontSize: "32px",
+				lineHeight: "36px",
+				minHeight: "40px",
+				fontWeight: 600,
+				letterSpacing: "-0.192px"
+			},
+			sectionTitle: {
+				fontSize: "24px",
+				lineHeight: "28px",
+				minHeight: "32px",
+				fontWeight: 700,
+				letterSpacing: "-0.024px"
+			},
+			panelTitle: {
+				fontSize: "20px",
+				lineHeight: "24px",
+				minHeight: "26px",
+				fontWeight: 700,
+				letterSpacing: "0.02px"
+			},
+			fieldLabel: {
+				fontSize: "14px",
+				lineHeight: "18px",
+				fontWeight: 700,
+				letterSpacing: "0.48px"
+			},
+			helper: {
+				fontSize: "12px",
+				lineHeight: "16px",
+				fontWeight: 400,
+				letterSpacing: "0.012px"
+			},
+			metadata: {
+				fontSize: "12px",
+				lineHeight: "16px",
+				fontWeight: 600,
+				letterSpacing: "0.48px"
+			},
+			emptyTitle: {
+				fontSize: "20px",
+				lineHeight: "24px",
+				minHeight: "26px",
+				fontWeight: 700,
+				letterSpacing: "-0.06px"
+			}
+		}
+	},
+	icon: {
+		size: {
+			xs: 12,
+			sm: 16,
+			md: 18,
+			lg: 24,
+			xl: 32
+		},
+		tone: {
+			default: e.text.primary,
+			muted: e.text.muted,
+			inverse: e.text.inverse,
+			brand: e.brand.primary
+		},
+		status: {
+			success: e.status.successDark,
+			warning: e.status.warningDeep,
+			error: e.status.errorDark,
+			info: e.brand.primary,
+			neutral: e.text.muted,
+			processing: e.brand.primary
+		}
+	},
+	input: {
+		height: {
+			small: "26px",
+			middle: "32px",
+			large: "38px"
+		},
+		padding: {
+			small: {
+				x: "8px",
+				y: "5px"
+			},
+			middle: {
+				x: "10px",
+				y: "7px"
+			},
+			large: {
+				x: "12px",
+				y: "9px"
+			}
+		},
+		border: {
+			default: e.text.muted,
+			hover: e.text.primary,
+			focus: e.brand.primary,
+			error: e.status.errorDark,
+			success: e.status.successDark,
+			radius: "4px",
+			widthDefault: "1px",
+			widthFocus: "2px"
+		},
+		text: {
+			default: e.text.muted,
+			focus: e.text.primary,
+			disabled: e.text.secondary,
+			readOnly: e.text.secondary,
+			placeholder: e.text.muted
+		},
+		background: {
+			default: e.text.inverse,
+			disabled: e.surface.subtle,
+			readOnly: e.surface.subtle
+		},
+		focusFontWeight: 600
+	},
+	form: {
+		text: {
+			label: e.text.primary,
+			description: e.text.secondary,
+			sectionTitle: e.text.strong,
+			summaryTitle: e.text.strong,
+			optional: e.text.muted,
+			required: e.status.errorDark,
+			help: e.text.secondary,
+			error: e.status.errorDark,
+			warning: e.status.warningDark,
+			success: e.status.successDark
+		},
+		surface: {
+			background: e.text.inverse,
+			subtle: e.surface.subtle,
+			clinical: e.semantic.infoBg,
+			review: e.surface.layout,
+			warning: e.semantic.warningBg,
+			error: e.semantic.errorBg
+		},
+		border: {
+			color: e.text.disabled,
+			strong: e.text.muted,
+			focus: e.brand.primary,
+			radius: "6px",
+			width: "1px"
+		},
+		typography: {
+			label: {
+				fontSize: "14px",
+				lineHeight: "18px",
+				fontWeight: 600
+			},
+			help: {
+				fontSize: "12px",
+				lineHeight: "16px",
+				fontWeight: 600
+			},
+			sectionTitle: {
+				fontSize: "16px",
+				lineHeight: "22px",
+				fontWeight: 700
+			},
+			sectionDescription: {
+				fontSize: "14px",
+				lineHeight: "20px",
+				fontWeight: 400
+			},
+			summaryTitle: {
+				fontSize: "14px",
+				lineHeight: "18px",
+				fontWeight: 700
+			}
+		},
+		spacing: {
+			standard: {
+				itemGap: "20px",
+				sectionGap: "20px",
+				shellPadding: "0"
+			},
+			compact: {
+				itemGap: "12px",
+				sectionGap: "12px",
+				shellPadding: "0"
+			},
+			clinical: {
+				itemGap: "18px",
+				sectionGap: "16px",
+				shellPadding: "16px"
+			},
+			review: {
+				itemGap: "14px",
+				sectionGap: "12px",
+				shellPadding: "16px"
+			},
+			wizardSection: {
+				itemGap: "20px",
+				sectionGap: "20px",
+				shellPadding: "24px"
+			}
+		}
+	},
+	checkbox: {
+		size: {
+			sm: 16,
+			md: 18,
+			lg: 20
+		},
+		radius: 2,
+		border: {
+			default: e.text.muted,
+			hover: e.brand.primaryHover,
+			checked: e.brand.primary,
+			error: e.status.errorDark,
+			errorHover: e.status.errorDeep
+		},
+		background: {
+			default: e.text.inverse,
+			checked: e.brand.primary,
+			disabled: e.text.disabled,
+			errorChecked: e.status.errorDark
+		},
+		mark: {
+			checked: e.text.inverse,
+			indeterminate: e.text.inverse
+		},
+		borderWidth: {
+			default: 1,
+			hover: 2
+		},
+		indeterminate: {
+			sm: {
+				width: 10,
+				height: 3
+			},
+			md: {
+				width: 12,
+				height: 3
+			},
+			lg: {
+				width: 12,
+				height: 3
+			}
+		}
+	},
+	tooltip: {
+		width: {
+			normal: {
+				min: "200px",
+				max: "320px"
+			},
+			mini: {
+				min: "40px",
+				max: "180px"
+			}
+		},
+		padding: {
+			normal: "16px",
+			mini: "8px 12px"
+		},
+		radius: "4px",
+		surface: {
+			background: e.surface.subtle,
+			title: e.text.strong,
+			body: e.text.primary
+		},
+		elevation: "drop-shadow(0px 2px 5px rgba(38, 44, 54, 0.3))",
+		arrow: {
+			width: "14px",
+			height: "8px"
+		},
+		typography: {
+			title: {
+				fontSize: "14px",
+				lineHeight: "18px",
+				fontWeight: 600
+			},
+			body: {
+				fontSize: "14px",
+				lineHeight: "18px",
+				fontWeight: 400
+			}
+		}
+	},
+	pagination: {
+		surface: {
+			activeBg: e.accent.highlightBg,
+			activeBorder: e.accent.highlight,
+			hoverBg: e.accent.highlightBg
+		},
+		text: {
+			default: e.brand.primary,
+			active: e.text.strong,
+			disabled: e.text.disabled,
+			hover: e.brand.primaryHover
+		},
+		typography: {
+			item: {
+				fontSize: "16px",
+				lineHeight: "20px",
+				fontWeight: 600,
+				activeWeight: 700,
+				letterSpacing: "-0.016px"
+			},
+			jump: {
+				fontSize: "14px",
+				lineHeight: "18px",
+				fontWeight: 600
+			}
+		},
+		spacing: {
+			gap: "16px",
+			optionsGap: "12px",
+			optionsOffset: "16px"
+		},
+		quickJumper: { inputWidth: "56px" },
+		radius: {
+			item: "50%",
+			jump: "16px",
+			input: "4px"
+		},
+		iconControl: {
+			width: "20px",
+			height: "20px",
+			iconSize: 20
+		}
+	},
+	tabs: {
+		text: {
+			inactive: e.text.primary,
+			active: e.text.strong
+		},
+		indicator: {
+			active: e.accent.signal,
+			baseline: e.text.secondary
+		}
+	},
+	menu: {
+		surface: {
+			default: e.text.inverse,
+			app: e.text.inverse,
+			side: e.surface.subtle,
+			section: e.text.inverse,
+			action: e.text.inverse,
+			hover: e.surface.subtle,
+			selected: e.accent.highlightBg
+		},
+		border: {
+			color: e.surface.divider,
+			selected: e.accent.signal,
+			radius: "4px"
+		},
+		text: {
+			default: e.text.primary,
+			active: e.text.strong,
+			muted: e.text.secondary,
+			disabled: e.text.disabled,
+			danger: e.status.errorDark
+		},
+		icon: {
+			default: e.text.iconMuted,
+			active: e.text.strong
+		},
+		size: {
+			standard: {
+				itemHeight: "40px",
+				fontSize: "14px",
+				lineHeight: "18px",
+				paddingX: "12px",
+				iconSize: "16px",
+				gap: "8px"
+			},
+			compact: {
+				itemHeight: "32px",
+				fontSize: "12px",
+				lineHeight: "16px",
+				paddingX: "10px",
+				iconSize: "14px",
+				gap: "6px"
+			},
+			app: {
+				itemHeight: "44px",
+				fontSize: "14px",
+				lineHeight: "18px",
+				paddingX: "16px",
+				iconSize: "16px",
+				gap: "8px"
+			}
+		},
+		width: {
+			side: 280,
+			section: 240,
+			action: 220,
+			compact: 200
+		}
+	},
+	segmented: {
+		container: {
+			background: e.surface.canvas,
+			border: e.text.disabled,
+			borderWidth: "1px",
+			radius: "4px",
+			padding: "3px 4px"
+		},
+		item: {
+			selectedBackground: e.text.inverse,
+			selectedBorder: e.text.muted,
+			selectedRadius: "4px",
+			unselectedRadius: "48px"
+		},
+		text: {
+			inactive: e.text.secondary,
+			active: e.text.primary
+		},
+		typography: { fontWeight: 600 },
+		size: {
+			sm: {
+				controlHeight: "26px",
+				itemHeight: "18px",
+				gap: "4px",
+				paddingX: "8px",
+				fontSize: "12px",
+				lineHeight: "16px",
+				letterSpacing: "0.012px",
+				iconSize: "12px"
+			},
+			md: {
+				controlHeight: "32px",
+				itemHeight: "24px",
+				gap: "6px",
+				paddingX: "8px",
+				fontSize: "14px",
+				lineHeight: "18px",
+				letterSpacing: "0px",
+				iconSize: "14px"
+			},
+			lg: {
+				controlHeight: "38px",
+				itemHeight: "30px",
+				gap: "8px",
+				paddingX: "8px",
+				fontSize: "16px",
+				lineHeight: "20px",
+				letterSpacing: "-0.016px",
+				iconSize: "16px"
+			}
+		}
+	},
+	breadcrumb: {
+		link: {
+			default: e.brand.primaryHover,
+			hover: e.brand.primaryPressed
+		},
+		current: { text: e.text.strong },
+		separator: {
+			color: e.text.muted,
+			glyph: "›",
+			size: "10px",
+			gap: {
+				sm: "4px",
+				md: "6px",
+				lg: "8px"
+			}
+		},
+		typography: {
+			family: "'Nunito', sans-serif",
+			weight: 600,
+			sm: {
+				fontSize: "12px",
+				lineHeight: "16px",
+				letterSpacing: "0.012px"
+			},
+			md: {
+				fontSize: "14px",
+				lineHeight: "18px",
+				letterSpacing: "0"
+			},
+			lg: {
+				fontSize: "16px",
+				lineHeight: "20px",
+				letterSpacing: "-0.016px"
+			}
+		}
+	},
+	modal: {
+		width: {
+			desktop: {
+				xs: 400,
+				sm: 672,
+				md: 1036,
+				lg: 1536,
+				fullScreen: "100vw"
+			},
+			mobile: {
+				xs: 288,
+				sm: 288,
+				md: 288,
+				lg: 288,
+				fullScreen: "100vw"
+			}
+		},
+		surface: {
+			background: e.text.inverse,
+			header: e.surface.neutralSoft,
+			headerFullScreen: e.surface.neutralSoft
+		},
+		text: {
+			title: e.text.strong,
+			body: e.text.primary,
+			required: e.status.errorDark
+		},
+		border: {
+			color: e.text.disabled,
+			width: "1px",
+			radius: "6px",
+			fullScreenRadius: "0"
+		},
+		backdrop: "rgba(164, 164, 164, 0.6)",
+		shadow: "0px 4px 8px rgba(38, 44, 54, 0.4)",
+		spacing: {
+			header: {
+				x: "24px",
+				y: "16px"
+			},
+			body: {
+				desktop: "24px 40px",
+				mobile: "16px"
+			},
+			footer: {
+				desktop: "16px 24px",
+				mobile: "16px"
+			}
+		},
+		closeButton: {
+			size: "26px",
+			iconSize: "18px",
+			radius: "5px",
+			color: e.text.iconMuted,
+			hoverBg: e.surface.canvas,
+			focusOutline: e.brand.primary
+		}
+	},
+	drawer: {
+		width: {
+			narrow: 378,
+			standard: 480,
+			wide: 640,
+			full: 736
+		},
+		surface: {
+			background: e.text.inverse,
+			header: e.surface.neutralSoft,
+			footer: e.text.inverse,
+			details: e.text.inverse,
+			edit: e.text.inverse,
+			filter: e.text.inverse,
+			confirmation: e.text.inverse,
+			workflowPanel: e.text.inverse
+		},
+		text: {
+			title: e.text.strong,
+			body: e.text.primary,
+			description: e.text.secondary
+		},
+		border: {
+			color: e.text.disabled,
+			width: "1px",
+			radius: "0"
+		},
+		backdrop: "rgba(164, 164, 164, 0.6)",
+		shadow: "-4px 0 8px rgba(38, 44, 54, 0.18)",
+		spacing: {
+			header: "16px 24px",
+			body: "24px",
+			bodyCompact: "16px 24px",
+			footer: "16px 24px"
+		},
+		closeButton: {
+			size: "26px",
+			iconSize: "18px",
+			color: e.text.primary,
+			radius: "4px"
+		}
+	},
+	progress: {
+		status: {
+			complete: { track: e.status.successDeep },
+			pending: { track: e.text.muted },
+			blocked: { track: e.status.warningDark },
+			failed: { track: e.status.errorDark },
+			processing: { track: e.brand.primary }
+		},
+		rail: e.surface.neutralSoft,
+		text: {
+			label: e.text.primary,
+			value: e.text.strong,
+			description: e.text.secondary
+		},
+		size: {
+			sm: {
+				strokeWidth: 4,
+				circle: 56,
+				dashboard: 72,
+				stepGap: 4
+			},
+			md: {
+				strokeWidth: 8,
+				circle: 88,
+				dashboard: 104,
+				stepGap: 6
+			},
+			lg: {
+				strokeWidth: 12,
+				circle: 120,
+				dashboard: 136,
+				stepGap: 8
+			}
+		},
+		typography: {
+			label: {
+				fontSize: "14px",
+				lineHeight: "18px",
+				fontWeight: 700
+			},
+			value: {
+				fontSize: "14px",
+				lineHeight: "18px",
+				fontWeight: 700
+			}
+		}
+	},
+	result: {
+		surface: {
+			default: e.text.inverse,
+			subtle: e.surface.subtle,
+			empty: e.surface.layout,
+			permission: e.semantic.warningBg,
+			submitted: e.semantic.infoBg
+		},
+		border: {
+			default: e.surface.divider,
+			strong: e.text.disabled,
+			radius: "4px"
+		},
+		text: {
+			title: e.text.strong,
+			subtitle: e.text.secondary,
+			body: e.text.primary
+		},
+		spacing: {
+			default: "28px 24px",
+			compact: "20px 16px",
+			extraGap: "16px"
+		},
+		typography: {
+			title: {
+				fontSize: "20px",
+				lineHeight: "24px",
+				fontWeight: 700,
+				letterSpacing: "0.02px"
+			},
+			subtitle: {
+				fontSize: "14px",
+				lineHeight: "20px",
+				fontWeight: 400,
+				letterSpacing: "0"
+			},
+			body: {
+				fontSize: "14px",
+				lineHeight: "20px",
+				fontWeight: 400
+			}
+		},
+		iconSize: 32
+	},
+	skeleton: {
+		surface: {
+			default: e.text.inverse,
+			subtle: e.surface.subtle,
+			layout: e.surface.layout,
+			row: e.text.inverse
+		},
+		border: {
+			default: e.surface.divider,
+			muted: e.text.disabled,
+			radius: "4px"
+		},
+		placeholder: {
+			base: e.surface.neutralSoft,
+			strong: e.text.disabled,
+			highlight: "rgba(255, 255, 255, 0.62)"
+		},
+		spacing: {
+			shell: "16px",
+			compactShell: "12px",
+			rowGap: "10px",
+			compactRowGap: "8px"
+		},
+		size: {
+			tableHeader: "14px",
+			tableRow: "32px",
+			cardMedia: "104px",
+			formInput: "32px",
+			detailsValue: "18px",
+			listAvatar: 38
+		}
+	},
+	table: {
+		surface: {
+			container: e.text.inverse,
+			layout: e.surface.layout,
+			headerDefault: e.surface.neutralSoft,
+			headerWhite: e.text.inverse,
+			rowHover: e.surface.canvas,
+			rowSelected: e.accent.highlightBg
+		},
+		text: {
+			header: e.brand.primary,
+			body: e.text.primary,
+			sorterMuted: e.text.muted
+		},
+		typography: {
+			header: {
+				fontSize: "16px",
+				lineHeight: "20px",
+				letterSpacing: "-0.016px",
+				fontWeight: 600
+			},
+			body: {
+				fontSize: "14px",
+				lineHeight: "18px",
+				letterSpacing: "0px",
+				fontWeight: 400
+			},
+			compactHeader: {
+				fontSize: "12px",
+				lineHeight: "16px",
+				letterSpacing: "0.02px",
+				fontWeight: 600
+			},
+			compactBody: {
+				fontSize: "10px",
+				lineHeight: "14px",
+				letterSpacing: "0.02px",
+				fontWeight: 400
+			}
+		},
+		rowHeight: {
+			normal: {
+				header: "44px",
+				body: "42px"
+			},
+			compact: {
+				header: "34px",
+				body: "30px"
+			}
+		},
+		padding: {
+			normal: {
+				header: "0 16px",
+				body: "0 16px"
+			},
+			compact: {
+				header: "8px 10px",
+				body: "6px 8px"
+			}
+		},
+		border: {
+			container: e.text.disabled,
+			bodyDivider: e.surface.divider,
+			headerDividerWidth: "2px",
+			radius: "4px"
+		}
+	},
+	card: {
+		surface: {
+			default: e.text.inverse,
+			subtle: e.surface.subtle,
+			metric: e.semantic.infoBg,
+			selected: e.accent.highlightBg,
+			hover: e.surface.subtle
+		},
+		border: {
+			default: e.surface.divider,
+			muted: e.text.disabled,
+			selected: e.accent.signal,
+			actionable: e.brand.primary,
+			radius: "4px"
+		},
+		text: {
+			title: e.text.strong,
+			body: e.text.primary,
+			secondary: e.text.secondary,
+			metricValue: e.brand.primaryPressed
+		},
+		shadow: {
+			actionable: "0 4px 12px rgba(30, 57, 78, 0.14)",
+			selected: "0 0 0 2px rgba(246, 190, 0, 0.22)"
+		},
+		padding: {
+			default: "16px",
+			compact: "12px",
+			metric: "14px 16px"
+		},
+		typography: {
+			title: {
+				fontSize: "16px",
+				lineHeight: "20px",
+				fontWeight: 700
+			},
+			body: {
+				fontSize: "14px",
+				lineHeight: "20px",
+				fontWeight: 400
+			},
+			eyebrow: {
+				fontSize: "12px",
+				lineHeight: "16px",
+				fontWeight: 700,
+				letterSpacing: "0.48px"
+			},
+			metricValue: {
+				fontSize: "28px",
+				lineHeight: "34px",
+				fontWeight: 700
+			},
+			metricLabel: {
+				fontSize: "12px",
+				lineHeight: "16px",
+				fontWeight: 700
+			}
+		}
+	},
+	list: {
+		surface: {
+			default: e.text.inverse,
+			subtle: e.surface.subtle,
+			activity: e.surface.layout,
+			selected: e.accent.highlightBg,
+			hover: e.surface.canvas
+		},
+		border: {
+			default: e.surface.divider,
+			muted: e.text.disabled,
+			selected: e.accent.signal,
+			radius: "4px"
+		},
+		text: {
+			title: e.text.strong,
+			body: e.text.primary,
+			secondary: e.text.secondary,
+			action: e.brand.primary
+		},
+		spacing: {
+			default: "14px 16px",
+			compact: "8px 12px",
+			activity: "12px 16px",
+			action: "12px 16px"
+		},
+		typography: {
+			title: {
+				fontSize: "14px",
+				lineHeight: "18px",
+				fontWeight: 700
+			},
+			body: {
+				fontSize: "14px",
+				lineHeight: "20px",
+				fontWeight: 400
+			},
+			secondary: {
+				fontSize: "12px",
+				lineHeight: "16px",
+				fontWeight: 400
+			}
+		}
+	},
+	descriptions: {
+		surface: {
+			default: e.text.inverse,
+			subtle: e.surface.subtle,
+			audit: e.surface.layout,
+			review: e.semantic.infoBg,
+			label: e.surface.neutralSoft
+		},
+		border: {
+			default: e.surface.divider,
+			strong: e.text.disabled,
+			review: e.brand.primary,
+			radius: "4px"
+		},
+		text: {
+			title: e.text.strong,
+			label: e.text.secondary,
+			value: e.text.primary,
+			empty: e.text.muted
+		},
+		spacing: {
+			default: "12px 16px",
+			compact: "8px 12px",
+			keyValue: "6px 0"
+		},
+		typography: {
+			title: {
+				fontSize: "16px",
+				lineHeight: "20px",
+				fontWeight: 700
+			},
+			label: {
+				fontSize: "12px",
+				lineHeight: "16px",
+				fontWeight: 700,
+				letterSpacing: "0.48px"
+			},
+			value: {
+				fontSize: "14px",
+				lineHeight: "20px",
+				fontWeight: 400
+			}
+		}
+	},
+	statistic: {
+		surface: {
+			default: e.text.inverse,
+			subtle: e.surface.subtle,
+			comparison: e.semantic.infoBg,
+			status: e.surface.layout
+		},
+		border: {
+			default: e.surface.divider,
+			strong: e.text.disabled,
+			radius: "4px"
+		},
+		text: {
+			title: e.text.secondary,
+			value: e.text.strong,
+			meta: e.text.secondary
+		},
+		trend: {
+			positive: e.status.successDark,
+			negative: e.status.errorDark,
+			neutral: e.text.secondary
+		},
+		spacing: {
+			default: "16px",
+			compact: "10px 12px",
+			comparison: "14px 16px"
+		},
+		typography: {
+			title: {
+				fontSize: "12px",
+				lineHeight: "16px",
+				fontWeight: 700,
+				letterSpacing: "0.48px"
+			},
+			value: {
+				fontSize: "30px",
+				lineHeight: "38px",
+				fontWeight: 700
+			},
+			compactValue: {
+				fontSize: "20px",
+				lineHeight: "28px",
+				fontWeight: 700
+			},
+			meta: {
+				fontSize: "12px",
+				lineHeight: "16px",
+				fontWeight: 600
+			}
+		}
+	},
+	tag: {
+		borderWidth: "1px",
+		status: {
+			neutral: {
+				solid: {
+					bg: e.text.muted,
+					text: e.text.inverse
+				},
+				light: {
+					bg: e.surface.subtle,
+					text: e.text.primary
+				},
+				outline: {
+					text: e.text.primary,
+					border: e.text.primary
+				}
+			},
+			success: {
+				solid: {
+					bg: e.status.successDeep,
+					text: e.text.inverse
+				},
+				light: {
+					bg: e.surface.successSoft,
+					text: e.status.successDark
+				},
+				outline: {
+					text: e.status.successDark,
+					border: e.status.successDark
+				}
+			},
+			warning: {
+				solid: {
+					bg: e.status.warningDark,
+					text: e.text.inverse
+				},
+				light: {
+					bg: e.surface.warningSoft,
+					text: e.status.warningDeep
+				},
+				outline: {
+					text: e.status.warningDeep,
+					border: e.status.warningDeep
+				}
+			},
+			error: {
+				solid: {
+					bg: e.status.error,
+					text: e.text.inverse
+				},
+				light: {
+					bg: e.surface.errorSoft,
+					text: e.status.errorDark
+				},
+				outline: {
+					text: e.status.errorDark,
+					border: e.status.errorDark
+				}
+			},
+			inactive: {
+				solid: {
+					bg: "transparent",
+					text: e.text.primary,
+					border: e.text.primary
+				},
+				light: {
+					bg: "transparent",
+					text: e.text.primary,
+					border: e.text.primary
+				},
+				outline: {
+					text: e.text.primary,
+					border: e.text.primary
+				}
+			},
+			new: {
+				solid: {
+					bg: e.brand.primaryPressed,
+					text: e.text.inverse
+				},
+				light: {
+					bg: e.surface.subtle,
+					text: e.brand.deepBrand
+				},
+				outline: {
+					text: e.brand.deepBrand,
+					border: e.brand.deepBrand
+				}
+			}
+		},
+		typography: {
+			fontWeight: 700,
+			textTransform: "uppercase"
+		},
+		size: {
+			sm: {
+				padding: "1px 10px",
+				radius: 3,
+				typography: {
+					fontSize: "12px",
+					lineHeight: "16px",
+					letterSpacing: "0.54px"
+				}
+			},
+			md: {
+				padding: "2px 12px",
+				radius: 4,
+				typography: {
+					fontSize: "14px",
+					lineHeight: "18px",
+					letterSpacing: "0.56px"
+				}
+			},
+			lg: {
+				padding: "3px 14px",
+				radius: 5,
+				typography: {
+					fontSize: "16px",
+					lineHeight: "20px",
+					letterSpacing: "0.56px"
+				}
+			}
+		},
+		closeIcon: { size: {
+			sm: "12px",
+			md: "14px",
+			lg: "16px"
+		} }
+	},
+	avatar: {
+		size: {
+			sm: {
+				box: 24,
+				status: 7,
+				statusOffset: 0,
+				fontSize: "11px",
+				lineHeight: "14px",
+				iconSize: 14
+			},
+			md: {
+				box: 32,
+				status: 8,
+				statusOffset: 1,
+				fontSize: "13px",
+				lineHeight: "16px",
+				iconSize: 16
+			},
+			lg: {
+				box: 40,
+				status: 10,
+				statusOffset: 1,
+				fontSize: "16px",
+				lineHeight: "20px",
+				iconSize: 18
+			},
+			xl: {
+				box: 56,
+				status: 12,
+				statusOffset: 2,
+				fontSize: "20px",
+				lineHeight: "24px",
+				iconSize: 24
+			}
+		},
+		variant: {
+			user: {
+				bg: e.semantic.infoBg,
+				text: e.brand.deepBrand,
+				border: e.brand.brandTint
+			},
+			provider: {
+				bg: e.surface.successSoft,
+				text: e.status.successDark,
+				border: e.status.successDark
+			},
+			team: {
+				bg: e.accent.highlightBg,
+				text: e.text.strong,
+				border: e.accent.highlight
+			},
+			system: {
+				bg: e.surface.subtle,
+				text: e.text.primary,
+				border: e.text.disabled
+			},
+			anonymous: {
+				bg: e.surface.neutralSoft,
+				text: e.text.secondary,
+				border: e.text.disabled
+			}
+		},
+		presence: {
+			available: e.status.successDark,
+			away: e.status.warningDark,
+			busy: e.status.errorDark,
+			offline: e.text.disabled
+		},
+		border: {
+			width: "1px",
+			statusWidth: "2px",
+			statusColor: e.text.inverse,
+			squareRadius: "6px"
+		},
+		typography: {
+			fontWeight: 700,
+			letterSpacing: "0"
+		}
+	},
+	tree: {
+		surface: {
+			default: e.text.inverse,
+			hover: e.surface.subtle,
+			selected: e.accent.highlightBg,
+			selectedStrong: e.surface.neutralSoft
+		},
+		text: {
+			title: e.text.primary,
+			selected: e.text.strong,
+			muted: e.text.secondary,
+			disabled: e.text.disabled
+		},
+		border: {
+			default: e.surface.divider,
+			selected: e.accent.highlight,
+			radius: "4px",
+			width: "1px"
+		},
+		icon: {
+			switcher: e.text.muted,
+			node: e.text.muted
+		},
+		size: {
+			comfortable: {
+				rowHeight: "34px",
+				rowPadding: "6px 10px",
+				fontSize: "14px",
+				lineHeight: "18px",
+				iconSize: 16
+			},
+			compact: {
+				rowHeight: "30px",
+				rowPadding: "4px 8px",
+				fontSize: "13px",
+				lineHeight: "16px",
+				iconSize: 14
+			}
+		}
+	},
+	timeline: {
+		surface: {
+			default: e.text.inverse,
+			subtle: e.surface.subtle,
+			clinical: e.semantic.infoBg
+		},
+		text: {
+			title: e.text.strong,
+			content: e.text.primary,
+			meta: e.text.secondary,
+			pending: e.text.secondary
+		},
+		line: {
+			default: e.surface.divider,
+			muted: e.text.disabled,
+			width: "2px"
+		},
+		status: {
+			complete: e.status.successDark,
+			inProgress: e.brand.primary,
+			blocked: e.status.errorDark,
+			warning: e.status.warningDark,
+			neutral: e.text.muted
+		},
+		size: {
+			comfortable: {
+				dot: "20px",
+				icon: 12,
+				itemGap: "18px",
+				itemPaddingBottom: "18px",
+				tailTop: "24px",
+				tailLeft: "9px",
+				title: {
+					fontSize: "14px",
+					lineHeight: "18px",
+					fontWeight: 700
+				},
+				content: {
+					fontSize: "14px",
+					lineHeight: "20px",
+					fontWeight: 400
+				}
+			},
+			compact: {
+				dot: "16px",
+				icon: 10,
+				itemGap: "12px",
+				itemPaddingBottom: "12px",
+				tailTop: "20px",
+				tailLeft: "7px",
+				title: {
+					fontSize: "13px",
+					lineHeight: "16px",
+					fontWeight: 700
+				},
+				content: {
+					fontSize: "13px",
+					lineHeight: "18px",
+					fontWeight: 400
+				}
+			}
+		}
+	},
+	calendar: {
+		surface: {
+			default: e.text.inverse,
+			subtle: e.surface.subtle,
+			emphasized: e.semantic.infoBg
+		},
+		text: {
+			heading: e.text.strong,
+			day: e.text.primary,
+			muted: e.text.secondary,
+			current: e.brand.primary
+		},
+		border: {
+			grid: e.surface.divider,
+			focus: e.brand.primary,
+			selected: e.brand.primary
+		},
+		status: {
+			success: e.status.successDark,
+			warning: e.status.warningDark,
+			error: e.status.errorDark,
+			info: e.brand.primary,
+			neutral: e.text.muted
+		},
+		size: {
+			comfortable: {
+				cellMinHeight: "92px",
+				cellPadding: "8px",
+				titleFontSize: "14px",
+				metaFontSize: "12px",
+				markerSize: "8px"
+			},
+			compact: {
+				cellMinHeight: "72px",
+				cellPadding: "6px",
+				titleFontSize: "13px",
+				metaFontSize: "11px",
+				markerSize: "7px"
+			}
+		}
+	},
+	badge: {
+		borderWidth: "1px",
+		status: {
+			neutral: {
+				solid: {
+					bg: e.text.muted,
+					text: e.text.inverse
+				},
+				light: {
+					bg: e.surface.subtle,
+					text: e.text.primary,
+					border: e.text.disabled
+				},
+				outline: {
+					text: e.text.primary,
+					border: e.text.primary
+				}
+			},
+			success: {
+				solid: {
+					bg: e.status.successDeep,
+					text: e.text.inverse
+				},
+				light: {
+					bg: e.surface.successSoft,
+					text: e.status.successDark,
+					border: e.status.successDark
+				},
+				outline: {
+					text: e.status.successDark,
+					border: e.status.successDark
+				}
+			},
+			warning: {
+				solid: {
+					bg: e.status.warningDark,
+					text: e.text.inverse
+				},
+				light: {
+					bg: e.surface.warningSoft,
+					text: e.status.warningDeep,
+					border: e.status.warningDeep
+				},
+				outline: {
+					text: e.status.warningDeep,
+					border: e.status.warningDeep
+				}
+			},
+			error: {
+				solid: {
+					bg: e.status.error,
+					text: e.text.inverse
+				},
+				light: {
+					bg: e.surface.errorSoft,
+					text: e.status.errorDark,
+					border: e.status.errorDark
+				},
+				outline: {
+					text: e.status.errorDark,
+					border: e.status.errorDark
+				}
+			},
+			processing: {
+				solid: {
+					bg: e.brand.primary,
+					text: e.text.inverse
+				},
+				light: {
+					bg: e.semantic.infoBg,
+					text: e.brand.primary,
+					border: e.brand.primary
+				},
+				outline: {
+					text: e.brand.primary,
+					border: e.brand.primary
+				}
+			},
+			inactive: {
+				solid: {
+					bg: e.surface.neutralSoft,
+					text: e.text.primary,
+					border: e.text.disabled
+				},
+				light: {
+					bg: e.surface.subtle,
+					text: e.text.secondary,
+					border: e.text.disabled
+				},
+				outline: {
+					text: e.text.secondary,
+					border: e.text.disabled
+				}
+			},
+			new: {
+				solid: {
+					bg: e.brand.primaryPressed,
+					text: e.text.inverse
+				},
+				light: {
+					bg: e.surface.subtle,
+					text: e.brand.deepBrand,
+					border: e.brand.deepBrand
+				},
+				outline: {
+					text: e.brand.deepBrand,
+					border: e.brand.deepBrand
+				}
+			}
+		},
+		typography: { fontWeight: 700 },
+		count: { radius: "999px" },
+		dot: {
+			border: e.text.inverse,
+			borderWidth: "2px"
+		},
+		statusText: {
+			color: e.text.primary,
+			gap: "8px",
+			fontWeight: 600
+		},
+		size: {
+			sm: {
+				countSize: "16px",
+				countPadding: "0 5px",
+				dotSize: "6px",
+				statusDotSize: "6px",
+				typography: {
+					fontSize: "11px",
+					lineHeight: "16px",
+					letterSpacing: "0"
+				},
+				statusTypography: {
+					fontSize: "12px",
+					lineHeight: "16px"
+				}
+			},
+			md: {
+				countSize: "20px",
+				countPadding: "0 6px",
+				dotSize: "8px",
+				statusDotSize: "8px",
+				typography: {
+					fontSize: "12px",
+					lineHeight: "18px",
+					letterSpacing: "0"
+				},
+				statusTypography: {
+					fontSize: "14px",
+					lineHeight: "18px"
+				}
+			},
+			lg: {
+				countSize: "24px",
+				countPadding: "0 8px",
+				dotSize: "10px",
+				statusDotSize: "10px",
+				typography: {
+					fontSize: "14px",
+					lineHeight: "20px",
+					letterSpacing: "0"
+				},
+				statusTypography: {
+					fontSize: "16px",
+					lineHeight: "20px"
+				}
+			}
+		},
+		ribbon: {
+			radius: "3px 3px 0 0",
+			fontSize: "12px",
+			lineHeight: "18px",
+			letterSpacing: "0"
+		}
+	},
+	empty: {
+		text: {
+			title: e.text.secondary,
+			description: e.text.secondary
+		},
+		title: { fontWeight: 700 },
+		description: { fontWeight: 400 },
+		illustration: {
+			color: e.text.secondary,
+			strokeWidth: "2px"
+		},
+		table: { messageFontWeight: 700 },
+		size: {
+			desktop: {
+				illustrationSize: "96px",
+				illustrationGap: "20px",
+				copyGap: "12px",
+				copyWidth: "426px",
+				actionGap: "24px",
+				tableMinHeight: "210px",
+				tablePadding: "48px 24px",
+				tableActionGap: "22px",
+				title: {
+					fontSize: "20px",
+					lineHeight: "28px"
+				},
+				description: {
+					fontSize: "14px",
+					lineHeight: "20px"
+				},
+				tableMessage: {
+					fontSize: "20px",
+					lineHeight: "28px"
+				}
+			},
+			mobile: {
+				illustrationSize: "80px",
+				illustrationGap: "20px",
+				copyGap: "12px",
+				copyWidth: "197px",
+				actionGap: "20px",
+				tableMinHeight: "168px",
+				tablePadding: "32px 16px",
+				tableActionGap: "18px",
+				title: {
+					fontSize: "16px",
+					lineHeight: "22px"
+				},
+				description: {
+					fontSize: "14px",
+					lineHeight: "18px"
+				},
+				tableMessage: {
+					fontSize: "16px",
+					lineHeight: "22px"
+				}
+			}
+		}
+	},
+	picker: { selected: {
+		background: e.accent.highlightSoft,
+		border: e.accent.highlight,
+		text: e.text.strong
+	} }
+}, i = {
+	algorithm: n,
+	token: {
+		fontFamily: "'Nunito', sans-serif",
+		fontSize: 14,
+		colorPrimary: r.button.primary.default,
+		colorPrimaryHover: r.button.primary.hover,
+		colorPrimaryActive: r.button.primary.pressed,
+		colorSuccess: e.status.success,
+		colorWarning: e.status.warning,
+		colorError: e.status.error,
+		colorInfo: r.button.primary.default,
+		colorLink: e.brand.primaryHover,
+		borderRadius: 6,
+		colorText: e.text.primary,
+		colorTextSecondary: e.text.secondary,
+		colorTextDisabled: e.text.disabled,
+		colorBgLayout: e.surface.layout,
+		colorBgContainer: e.text.inverse,
+		colorBgElevated: e.text.inverse,
+		colorBorder: e.text.muted,
+		colorBorderSecondary: e.surface.divider
+	}
+};
+//#endregion
+export { i as appTheme, r as dsSemanticTokens };
+
+//# sourceMappingURL=theme.js.map