@plumile/ui 0.1.144 → 0.1.146

package/lib/esm/theme/accessibility.css.js

@@ -1,7 +1,7 @@
 /* empty css                         */
 /* empty css                             */
 //#region src/theme/accessibility.css.ts
-var e = "_4k5f060 txvbqb1qz txvbqb2ox txvbqb1j txvbqbjlr txvbqbo9b txvbqbwcq txvbqbwh2 txvbqb133e txvbqb19gc", t = "_4k5f061", n = "_4k5f062";
+var e = "_4k5f060 txvbqb1tv txvbqb2rt txvbqb1j txvbqbk07 txvbqbonr txvbqbwr6 txvbqbwvi txvbqb13hu txvbqb19us", t = "_4k5f061", n = "_4k5f062";
 //#endregion
 export { n as spin, t as spinAnimation, e as visuallyHidden };
 

package/lib/esm/theme/backofficeTheme.css.js

@@ -218,6 +218,14 @@ var e = function() {
 			toneDangerSurface: "color-mix(in srgb, #ED4245 10%, transparent)",
 			toneDangerText: "#991B1B",
 			toneDangerBorder: "#FECACA",
+			onPrimary: "#FFFFFF",
+			onAccent: "#060607",
+			onBrand: "#FFFFFF",
+			brandSubtleSurface: "rgba(178, 24, 79, 0.08)",
+			brandSubtleBorder: "rgba(178, 24, 79, 0.18)",
+			avatarSurface: "#1E3A8A",
+			avatarText: "#FFFFFF",
+			timelineFadeSurface: "#FFFFFF",
 			error: "#ED4245",
 			"error-8": "#FDECEF",
 			"error-10": "#FDECEF",
@@ -1910,6 +1918,14 @@ var e = function() {
 			toneDangerSurface: "color-mix(in srgb, #ED4245 10%, transparent)",
 			toneDangerText: "#991B1B",
 			toneDangerBorder: "#FECACA",
+			onPrimary: "#FFFFFF",
+			onAccent: "#060607",
+			onBrand: "#FFFFFF",
+			brandSubtleSurface: "rgba(178, 24, 79, 0.08)",
+			brandSubtleBorder: "rgba(178, 24, 79, 0.18)",
+			avatarSurface: "#1E3A8A",
+			avatarText: "#FFFFFF",
+			timelineFadeSurface: "#FFFFFF",
 			error: "#ED4245",
 			"error-8": "#FDECEF",
 			"error-10": "#FDECEF",
@@ -2334,19 +2350,19 @@ var e = function() {
 			"black-100": "rgba(0, 0, 0, 0.1)",
 			"black-10": "rgba(0, 0, 0, 0.03)",
 			"black-2": "rgba(0, 0, 0, 0.02)",
-			primary: "#B2184F",
-			primaryLight: "rgba(222, 63, 118, 0.24)",
+			primary: "#f06f9e",
+			primaryLight: "rgba(240, 111, 158, 0.2)",
 			secondary: "#166534",
 			secondaryHover: "#23A559",
 			secondaryLight: "#143328",
-			surface: "#121821",
-			surfaceSecondary: "#171f2a",
-			surfaceMuted: "#202a37",
-			surfaceElevated: "#222d3b",
-			background: "#0a0f16",
-			backgroundSecondary: "#111822",
-			backgroundTertiary: "#182230",
-			backgroundModifier: "#2a3647",
+			surface: "#111720",
+			surfaceSecondary: "#161e29",
+			surfaceMuted: "#202b38",
+			surfaceElevated: "#1b2532",
+			background: "#080d13",
+			backgroundSecondary: "#0f1620",
+			backgroundTertiary: "#17202c",
+			backgroundModifier: "#2a3546",
 			text: "#f3f6fb",
 			textSecondary: "#c8d1df",
 			textMuted: "#95a1b4",
@@ -2365,13 +2381,13 @@ var e = function() {
 			codeText: "#f3f6fb",
 			codeToolbarSurface: "#402030",
 			shimmerHighlight: "rgba(255, 255, 255, 0.52)",
-			border: "#334155",
-			borderSubtle: "#273244",
+			border: "#36445a",
+			borderSubtle: "#2b374a",
 			borderStrong: "#475569",
 			borderLight: "#3b4658",
-			tonePrimarySurface: "#402030",
-			tonePrimaryText: "#ffadc9",
-			tonePrimaryBorder: "#974163",
+			tonePrimarySurface: "#321f2d",
+			tonePrimaryText: "#ffbad1",
+			tonePrimaryBorder: "#98506e",
 			toneInfoSurface: "#142948",
 			toneInfoText: "#9cc7ff",
 			toneInfoBorder: "#3d6ea8",
@@ -2384,6 +2400,14 @@ var e = function() {
 			toneDangerSurface: "#3a171c",
 			toneDangerText: "#ff9aa2",
 			toneDangerBorder: "#b94b54",
+			onPrimary: "#080d13",
+			onAccent: "#080d13",
+			onBrand: "#080d13",
+			brandSubtleSurface: "#2a1d29",
+			brandSubtleBorder: "#4e2f3f",
+			avatarSurface: "#142948",
+			avatarText: "#9cc7ff",
+			timelineFadeSurface: "#1b2532",
 			error: "#ED4245",
 			"error-8": "#FDECEF",
 			"error-10": "#FDECEF",
@@ -2395,11 +2419,11 @@ var e = function() {
 			warningLight: "#3a2b12",
 			info: "#3B82F6",
 			infoLight: "#142948",
-			brandPrimaryRed: "#B2184F",
-			brandSecondaryOrange: "#c6846f",
-			"brandSecondaryOrange-10": "rgba(198, 132, 111, 0.12)",
-			"brandSecondaryOrange-20": "rgba(198, 132, 111, 0.22)",
-			accent: "#d37c88",
+			brandPrimaryRed: "#f06f9e",
+			brandSecondaryOrange: "#d7a194",
+			"brandSecondaryOrange-10": "rgba(215, 161, 148, 0.12)",
+			"brandSecondaryOrange-20": "rgba(215, 161, 148, 0.22)",
+			accent: "#dc8c9c",
 			brandWhite: "#FFFFFF",
 			brandLightGray: "#18212c",
 			brandDarkGray: "#f2f5fa",
@@ -2409,14 +2433,14 @@ var e = function() {
 			brandDiagonal: "linear-gradient(135deg, #B2184F, #D4AAB1)",
 			brandDiagonal125: "linear-gradient(125deg, #B2184F, #D4AAB1)",
 			brandBackgroundGradient: "linear-gradient(20deg, #D4AAB1, #C97E8A, #B2184F)",
-			pageShellSurface: "linear-gradient(180deg, #0a0f16 0%, #111822 100%)",
-			floatingChatSurface: "radial-gradient(circle at 0% 0%, rgba(198, 132, 111, 0.12) 0%, transparent 55%), linear-gradient(135deg, #121821 0%, #171f2a 100%)",
-			loadingShimmer: "linear-gradient(90deg, #202a37 0%, #171f2a 45%, #202a37 90%)",
-			surfaceChrome: "linear-gradient(180deg, #121821 0%, #171f2a 100%)",
+			pageShellSurface: "linear-gradient(180deg, #080d13 0%, #0f1620 100%)",
+			floatingChatSurface: "radial-gradient(circle at 0% 0%, rgba(215, 161, 148, 0.12) 0%, transparent 55%), linear-gradient(135deg, #111720 0%, #161e29 100%)",
+			loadingShimmer: "linear-gradient(90deg, #202b38 0%, #161e29 45%, #202b38 90%)",
+			surfaceChrome: "linear-gradient(180deg, #111720 0%, #161e29 100%)",
 			tableHeaderAccent: "linear-gradient(90deg, rgba(255, 173, 201, 0.07), transparent 64%)",
-			listHeaderSurface: "linear-gradient(135deg, #171f2a 0%, #121821 58%)",
-			pendingBar: "linear-gradient(90deg, #402030 0%, #ffadc9 60%, #402030 100%)",
-			metricPrimarySurface: "linear-gradient(135deg, #402030, transparent 58%)",
+			listHeaderSurface: "linear-gradient(135deg, #161e29 0%, #111720 58%)",
+			pendingBar: "linear-gradient(90deg, #321f2d 0%, #ffbad1 60%, #321f2d 100%)",
+			metricPrimarySurface: "linear-gradient(135deg, #321f2d, transparent 58%)",
 			metricInfoSurface: "linear-gradient(135deg, #142948, transparent 58%)",
 			metricSuccessSurface: "linear-gradient(135deg, #153624, transparent 58%)",
 			metricWarningSurface: "linear-gradient(135deg, #3a2b12, transparent 58%)",
@@ -2546,19 +2570,19 @@ var e = function() {
 			brandCardGlow: "0 0px 72px color-mix(in srgb, #000 40%, transparent)",
 			authCardGlow: "0 0 96px color-mix(in srgb, #000 44%, transparent)",
 			profileDropdownShadow: "0 18px 36px color-mix(in srgb, #000 42%, transparent)",
-			badgeInset: "inset 0 0 0 1px #273244",
-			badgeDotRing: "0 0 0 2px #121821",
-			primaryInsetRing: "inset 0 0 0 1px #B2184F",
-			primaryLightRing: "0 0 0 1px rgba(222, 63, 118, 0.24)",
-			primaryLightRingStrong: "0 0 0 2px rgba(222, 63, 118, 0.24)",
-			focusRing: "0 0 0 3px rgba(222, 63, 118, 0.24)",
+			badgeInset: "inset 0 0 0 1px #2b374a",
+			badgeDotRing: "0 0 0 2px #111720",
+			primaryInsetRing: "inset 0 0 0 1px #f06f9e",
+			primaryLightRing: "0 0 0 1px rgba(240, 111, 158, 0.2)",
+			primaryLightRingStrong: "0 0 0 2px rgba(240, 111, 158, 0.2)",
+			focusRing: "0 0 0 3px rgba(240, 111, 158, 0.2)",
 			focusRingError: "0 0 0 3px color-mix(in srgb, #ED4245 24%, transparent)",
-			focusRingBrand: "0 0 0 2px #c6846f",
+			focusRingBrand: "0 0 0 2px #d7a194",
 			interactiveHover: "0 8px 18px color-mix(in srgb, #000 30%, transparent)",
 			interactivePressed: "0 2px 6px color-mix(in srgb, #000 38%, transparent)",
 			successLightRing: "0 0 0 2px #153624",
 			sidebarActiveInset: "inset 2px 0 0 #60A5FA",
-			metricPrimaryAccent: "inset 3px 0 0 #974163",
+			metricPrimaryAccent: "inset 3px 0 0 #98506e",
 			metricInfoAccent: "inset 3px 0 0 #3d6ea8",
 			metricSuccessAccent: "inset 3px 0 0 #2f8d55",
 			metricWarningAccent: "inset 3px 0 0 #a56a18",
@@ -3921,54 +3945,54 @@ var e = function() {
 			12: "12deg"
 		},
 		sidebar: {
-			background: "#222d3b",
-			borderColor: "#273244",
+			background: "#0f1620",
+			borderColor: "#36445a",
 			scrollbarColor: "#3b4658",
 			itemColor: "#c8d1df",
-			itemHoverBackground: "#202a37",
+			itemHoverBackground: "#202b38",
 			itemHoverColor: "#f3f6fb",
-			itemActiveBackground: "rgba(222, 63, 118, 0.24)",
+			itemActiveBackground: "#321f2d",
 			itemActiveBackgroundImage: "none",
-			itemActiveColor: "#B2184F",
-			itemActiveBorderColor: "rgba(222, 63, 118, 0.24)",
-			itemActiveShadow: "0 0 0 2px rgba(222, 63, 118, 0.24)",
+			itemActiveColor: "#ffbad1",
+			itemActiveBorderColor: "#98506e",
+			itemActiveShadow: "inset 2px 0 0 #ffbad1",
 			itemDisabledColor: "#95a1b4",
-			itemFocusRing: "0 0 0 3px rgba(222, 63, 118, 0.24)",
-			nestedBorderColor: "#334155",
+			itemFocusRing: "0 0 0 3px rgba(240, 111, 158, 0.2)",
+			nestedBorderColor: "#36445a",
 			sectionHeaderColor: "#95a1b4",
 			sectionHeaderIconColor: "#95a1b4",
-			sectionHeaderHoverBackground: "#202a37",
+			sectionHeaderHoverBackground: "#202b38",
 			sectionToggleColor: "#95a1b4",
 			actionColor: "#c8d1df",
-			actionHoverBackground: "#202a37",
+			actionHoverBackground: "#202b38",
 			actionHoverColor: "#f3f6fb",
-			actionFocusRing: "0 0 0 3px rgba(222, 63, 118, 0.24)",
+			actionFocusRing: "0 0 0 3px rgba(240, 111, 158, 0.2)",
 			dragHandleColor: "#c8d1df",
-			dragHandleHoverBackground: "#202a37",
+			dragHandleHoverBackground: "#202b38",
 			dragHandleHoverColor: "#f3f6fb",
-			dragOverlayBackground: "#121821",
+			dragOverlayBackground: "#111720",
 			dragOverlayColor: "#f3f6fb",
-			dragOverlayBorderColor: "#334155",
-			insertionIndicatorColor: "#B2184F",
+			dragOverlayBorderColor: "#36445a",
+			insertionIndicatorColor: "#f06f9e",
 			collapseButtonBackground: "transparent",
 			collapseButtonColor: "#c8d1df",
 			collapseButtonBorderColor: "transparent",
-			collapseButtonHoverBackground: "#202a37",
+			collapseButtonHoverBackground: "#202b38",
 			collapseButtonHoverColor: "#f3f6fb",
 			collapseButtonHoverShadow: "none",
-			collapseButtonFocusRing: "0 0 0 3px rgba(222, 63, 118, 0.24)",
+			collapseButtonFocusRing: "0 0 0 3px rgba(240, 111, 158, 0.2)",
 			profileTitleColor: "#c8d1df",
-			profileTriggerBackground: "#171f2a",
-			profileTriggerBorderColor: "#273244",
-			profileTriggerHoverBackground: "#222d3b",
+			profileTriggerBackground: "#161e29",
+			profileTriggerBorderColor: "#2b374a",
+			profileTriggerHoverBackground: "#1b2532",
 			profileTriggerHoverBorderColor: "#475569",
-			profileTriggerFocusRing: "0 0 0 3px rgba(222, 63, 118, 0.24)",
-			profileAvatarBackgroundImage: "linear-gradient(135deg, #B2184F, #c6846f)",
+			profileTriggerFocusRing: "0 0 0 3px rgba(240, 111, 158, 0.2)",
+			profileAvatarBackgroundImage: "linear-gradient(135deg, #f06f9e, #d7a194)",
 			profileAvatarColor: "#FFFFFF",
 			profileTextColor: "#f3f6fb",
 			profileSubtextColor: "#c8d1df",
-			profileMenuHoverBackground: "#171f2a",
-			profileMenuBorderColor: "#273244"
+			profileMenuHoverBackground: "#161e29",
+			profileMenuBorderColor: "#2b374a"
 		},
 		stroke: {
 			inherit: "inherit",
@@ -4026,19 +4050,19 @@ var e = function() {
 			"black-100": "rgba(0, 0, 0, 0.1)",
 			"black-10": "rgba(0, 0, 0, 0.03)",
 			"black-2": "rgba(0, 0, 0, 0.02)",
-			primary: "#B2184F",
-			primaryLight: "rgba(222, 63, 118, 0.24)",
+			primary: "#f06f9e",
+			primaryLight: "rgba(240, 111, 158, 0.2)",
 			secondary: "#166534",
 			secondaryHover: "#23A559",
 			secondaryLight: "#143328",
-			surface: "#121821",
-			surfaceSecondary: "#171f2a",
-			surfaceMuted: "#202a37",
-			surfaceElevated: "#222d3b",
-			background: "#0a0f16",
-			backgroundSecondary: "#111822",
-			backgroundTertiary: "#182230",
-			backgroundModifier: "#2a3647",
+			surface: "#111720",
+			surfaceSecondary: "#161e29",
+			surfaceMuted: "#202b38",
+			surfaceElevated: "#1b2532",
+			background: "#080d13",
+			backgroundSecondary: "#0f1620",
+			backgroundTertiary: "#17202c",
+			backgroundModifier: "#2a3546",
 			text: "#f3f6fb",
 			textSecondary: "#c8d1df",
 			textMuted: "#95a1b4",
@@ -4057,13 +4081,13 @@ var e = function() {
 			codeText: "#f3f6fb",
 			codeToolbarSurface: "#402030",
 			shimmerHighlight: "rgba(255, 255, 255, 0.52)",
-			border: "#334155",
-			borderSubtle: "#273244",
+			border: "#36445a",
+			borderSubtle: "#2b374a",
 			borderStrong: "#475569",
 			borderLight: "#3b4658",
-			tonePrimarySurface: "#402030",
-			tonePrimaryText: "#ffadc9",
-			tonePrimaryBorder: "#974163",
+			tonePrimarySurface: "#321f2d",
+			tonePrimaryText: "#ffbad1",
+			tonePrimaryBorder: "#98506e",
 			toneInfoSurface: "#142948",
 			toneInfoText: "#9cc7ff",
 			toneInfoBorder: "#3d6ea8",
@@ -4076,6 +4100,14 @@ var e = function() {
 			toneDangerSurface: "#3a171c",
 			toneDangerText: "#ff9aa2",
 			toneDangerBorder: "#b94b54",
+			onPrimary: "#080d13",
+			onAccent: "#080d13",
+			onBrand: "#080d13",
+			brandSubtleSurface: "#2a1d29",
+			brandSubtleBorder: "#4e2f3f",
+			avatarSurface: "#142948",
+			avatarText: "#9cc7ff",
+			timelineFadeSurface: "#1b2532",
 			error: "#ED4245",
 			"error-8": "#FDECEF",
 			"error-10": "#FDECEF",
@@ -4087,11 +4119,11 @@ var e = function() {
 			warningLight: "#3a2b12",
 			info: "#3B82F6",
 			infoLight: "#142948",
-			brandPrimaryRed: "#B2184F",
-			brandSecondaryOrange: "#c6846f",
-			"brandSecondaryOrange-10": "rgba(198, 132, 111, 0.12)",
-			"brandSecondaryOrange-20": "rgba(198, 132, 111, 0.22)",
-			accent: "#d37c88",
+			brandPrimaryRed: "#f06f9e",
+			brandSecondaryOrange: "#d7a194",
+			"brandSecondaryOrange-10": "rgba(215, 161, 148, 0.12)",
+			"brandSecondaryOrange-20": "rgba(215, 161, 148, 0.22)",
+			accent: "#dc8c9c",
 			brandWhite: "#FFFFFF",
 			brandLightGray: "#18212c",
 			brandDarkGray: "#f2f5fa",

package/lib/esm/theme/backofficeTheme.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"backofficeTheme.css.js","names":[],"sources":["../../../src/theme/backofficeTheme.css.ts"],"sourcesContent":["import { createTheme, style } from '@vanilla-extract/css';\n\nimport { publicLightThemeValues, type ThemeValues } from './publicTheme.css.js';\nimport { vars } from './themeContract.css.js';\n\nconst backofficeLightColors = {\n  ...publicLightThemeValues.colors,\n  background: '#F5F7FA',\n  backgroundSecondary: '#EEF2F7',\n  backgroundTertiary: '#E6ECF3',\n  backgroundModifier: '#D8E0EB',\n  surface: '#FFFFFF',\n  surfaceSecondary: '#F8FAFD',\n  surfaceMuted: '#EEF4FA',\n  surfaceElevated: '#FFFFFF',\n  text: '#101828',\n  textSecondary: '#475467',\n  textMuted: '#667085',\n  controlSurface: '#FFFFFF',\n  controlSurfaceHover: '#F8FAFD',\n  controlSurfaceDisabled: '#D8E0EB',\n  controlBorder: '#D9E2EC',\n  controlText: '#101828',\n  controlPlaceholder: '#667085',\n  border: '#D9E2EC',\n  borderSubtle: '#E7EDF4',\n  borderStrong: '#C5D0DE',\n  borderLight: '#EEF2F6',\n  overlayBackdrop: 'rgba(15, 23, 42, 0.38)',\n  tableHeaderAccent: 'rgba(178, 24, 79, 0.06)',\n  tableRowHoverSurface: '#F1EAF0',\n  tableRowSelectedSurface: '#FBE8EF',\n  tableRowDangerSurface: '#FDECEF',\n  codeSurface: '#EEF4FA',\n  codeText: '#101828',\n  codeToolbarSurface: '#FBE8EF',\n  shimmerHighlight: 'rgba(255, 255, 255, 0.64)',\n  primaryLight: 'rgba(178, 24, 79, 0.14)',\n  tonePrimarySurface: 'rgba(178, 24, 79, 0.14)',\n  tonePrimaryText: '#8f1546',\n  tonePrimaryBorder: 'rgba(178, 24, 79, 0.3)',\n  toneInfoSurface: '#EAF3FF',\n  toneInfoText: '#1E3A8A',\n  toneInfoBorder: '#BFDBFE',\n  toneSuccessSurface: '#EAF7EF',\n  toneSuccessText: '#166534',\n  toneSuccessBorder: '#BBF7D0',\n  toneWarningSurface: '#FFF4DA',\n  toneWarningText: '#78350F',\n  toneWarningBorder: '#FDE68A',\n  toneDangerSurface: 'color-mix(in srgb, #ED4245 10%, transparent)',\n  toneDangerText: '#991B1B',\n  toneDangerBorder: '#FECACA',\n  brandLightGray: '#F6F8FB',\n  infoLight: '#EAF3FF',\n  successLight: '#EAF7EF',\n  warningLight: '#FFF4DA',\n} as const;\n\nconst backofficeDarkColors = {\n  ...publicLightThemeValues.colors,\n  primaryLight: 'rgba(222, 63, 118, 0.24)',\n  secondaryLight: '#143328',\n  surface: '#121821',\n  surfaceSecondary: '#171f2a',\n  surfaceMuted: '#202a37',\n  surfaceElevated: '#222d3b',\n  background: '#0a0f16',\n  backgroundSecondary: '#111822',\n  backgroundTertiary: '#182230',\n  backgroundModifier: '#2a3647',\n  text: '#f3f6fb',\n  textSecondary: '#c8d1df',\n  textMuted: '#95a1b4',\n  controlSurface: '#222d3b',\n  controlSurfaceHover: '#202a37',\n  controlSurfaceDisabled: '#2a3647',\n  controlBorder: '#475569',\n  controlText: '#f3f6fb',\n  controlPlaceholder: '#95a1b4',\n  border: '#334155',\n  borderSubtle: '#273244',\n  borderStrong: '#475569',\n  borderLight: '#3b4658',\n  overlayBackdrop: 'rgba(3, 7, 18, 0.58)',\n  tableHeaderAccent: 'rgba(255, 173, 201, 0.07)',\n  tableRowHoverSurface: '#211c28',\n  tableRowSelectedSurface: '#402030',\n  tableRowDangerSurface: '#3a171c',\n  codeSurface: '#202a37',\n  codeText: '#f3f6fb',\n  codeToolbarSurface: '#402030',\n  shimmerHighlight: 'rgba(255, 255, 255, 0.52)',\n  tonePrimarySurface: '#402030',\n  tonePrimaryText: '#ffadc9',\n  tonePrimaryBorder: '#974163',\n  toneInfoSurface: '#142948',\n  toneInfoText: '#9cc7ff',\n  toneInfoBorder: '#3d6ea8',\n  toneSuccessSurface: '#153624',\n  toneSuccessText: '#7ee2a0',\n  toneSuccessBorder: '#2f8d55',\n  toneWarningSurface: '#3a2b12',\n  toneWarningText: '#ffd166',\n  toneWarningBorder: '#a56a18',\n  toneDangerSurface: '#3a171c',\n  toneDangerText: '#ff9aa2',\n  toneDangerBorder: '#b94b54',\n  successLight: '#153624',\n  warningLight: '#3a2b12',\n  infoLight: '#142948',\n  brandLightGray: '#18212c',\n  brandDarkGray: '#f2f5fa',\n  brandSecondaryOrange: '#c6846f',\n  'brandSecondaryOrange-10': 'rgba(198, 132, 111, 0.12)',\n  'brandSecondaryOrange-20': 'rgba(198, 132, 111, 0.22)',\n  accent: '#d37c88',\n} as const;\n\nexport const backofficeLightThemeValues = {\n  ...publicLightThemeValues,\n  colors: backofficeLightColors,\n  backgroundImage: {\n    ...publicLightThemeValues.backgroundImage,\n    pageShellSurface: `linear-gradient(180deg, ${backofficeLightColors.background} 0%, ${backofficeLightColors.backgroundSecondary} 100%)`,\n    floatingChatSurface: `radial-gradient(circle at 0% 0%, ${backofficeLightColors['brandSecondaryOrange-10']} 0%, transparent 55%), linear-gradient(135deg, ${backofficeLightColors.surface} 0%, ${backofficeLightColors.surfaceSecondary} 100%)`,\n    loadingShimmer: `linear-gradient(90deg, ${backofficeLightColors.surfaceMuted} 0%, ${backofficeLightColors.surfaceSecondary} 45%, ${backofficeLightColors.surfaceMuted} 90%)`,\n    surfaceChrome: `linear-gradient(180deg, ${backofficeLightColors.surface} 0%, ${backofficeLightColors.surfaceSecondary} 100%)`,\n    tableHeaderAccent: `linear-gradient(90deg, ${backofficeLightColors.tableHeaderAccent}, transparent 64%)`,\n    listHeaderSurface: `linear-gradient(135deg, ${backofficeLightColors.surfaceSecondary} 0%, ${backofficeLightColors.surface} 58%)`,\n    pendingBar: `linear-gradient(90deg, ${backofficeLightColors.tonePrimarySurface} 0%, ${backofficeLightColors.tonePrimaryText} 60%, ${backofficeLightColors.tonePrimarySurface} 100%)`,\n    metricPrimarySurface: `linear-gradient(135deg, ${backofficeLightColors.tonePrimarySurface}, transparent 58%)`,\n    metricInfoSurface: `linear-gradient(135deg, ${backofficeLightColors.toneInfoSurface}, transparent 58%)`,\n    metricSuccessSurface: `linear-gradient(135deg, ${backofficeLightColors.toneSuccessSurface}, transparent 58%)`,\n    metricWarningSurface: `linear-gradient(135deg, ${backofficeLightColors.toneWarningSurface}, transparent 58%)`,\n    metricDangerSurface: `linear-gradient(135deg, ${backofficeLightColors.toneDangerSurface}, transparent 58%)`,\n    badgeShimmer: `linear-gradient(100deg, ${backofficeLightColors.transparent} 0%, color-mix(in srgb, ${backofficeLightColors.shimmerHighlight} 32%, transparent) 25%, ${backofficeLightColors.shimmerHighlight} 50%, color-mix(in srgb, ${backofficeLightColors.shimmerHighlight} 32%, transparent) 75%, ${backofficeLightColors.transparent} 100%)`,\n  },\n  boxShadow: {\n    ...publicLightThemeValues.boxShadow,\n    badgeInset: `inset 0 0 0 1px ${backofficeLightColors.borderSubtle}`,\n    badgeDotRing: `0 0 0 2px ${backofficeLightColors.surface}`,\n    primaryLightRing: `0 0 0 1px ${backofficeLightColors.primaryLight}`,\n    primaryLightRingStrong: `0 0 0 2px ${backofficeLightColors.primaryLight}`,\n    focusRing: `0 0 0 3px ${backofficeLightColors.primaryLight}`,\n    focusRingBrand: `0 0 0 2px ${backofficeLightColors.brandSecondaryOrange}`,\n    successLightRing: `0 0 0 2px ${backofficeLightColors.successLight}`,\n    metricPrimaryAccent: `inset 3px 0 0 ${backofficeLightColors.tonePrimaryBorder}`,\n    metricInfoAccent: `inset 3px 0 0 ${backofficeLightColors.toneInfoBorder}`,\n    metricSuccessAccent: `inset 3px 0 0 ${backofficeLightColors.toneSuccessBorder}`,\n    metricWarningAccent: `inset 3px 0 0 ${backofficeLightColors.toneWarningBorder}`,\n    metricDangerAccent: `inset 3px 0 0 ${backofficeLightColors.toneDangerBorder}`,\n  },\n  sidebar: {\n    ...publicLightThemeValues.sidebar,\n    background: backofficeLightColors.surfaceElevated,\n    borderColor: backofficeLightColors.borderSubtle,\n    scrollbarColor: backofficeLightColors.borderLight,\n    itemColor: backofficeLightColors.textSecondary,\n    itemHoverBackground: backofficeLightColors.surfaceMuted,\n    itemHoverColor: backofficeLightColors.text,\n    itemActiveBackground: backofficeLightColors.primaryLight,\n    itemActiveBackgroundImage: 'none',\n    itemActiveColor: backofficeLightColors.primary,\n    itemActiveBorderColor: backofficeLightColors.primaryLight,\n    itemActiveShadow: `0 0 0 2px ${backofficeLightColors.primaryLight}`,\n    itemDisabledColor: backofficeLightColors.textMuted,\n    itemFocusRing: `0 0 0 3px ${backofficeLightColors.primaryLight}`,\n    nestedBorderColor: backofficeLightColors.border,\n    sectionHeaderColor: backofficeLightColors.textMuted,\n    sectionHeaderIconColor: backofficeLightColors.textMuted,\n    sectionHeaderHoverBackground: backofficeLightColors.surfaceMuted,\n    sectionToggleColor: backofficeLightColors.textMuted,\n    actionColor: backofficeLightColors.textSecondary,\n    actionHoverBackground: backofficeLightColors.surfaceMuted,\n    actionHoverColor: backofficeLightColors.text,\n    actionFocusRing: `0 0 0 3px ${backofficeLightColors.primaryLight}`,\n    dragHandleColor: backofficeLightColors.textSecondary,\n    dragHandleHoverBackground: backofficeLightColors.surfaceMuted,\n    dragHandleHoverColor: backofficeLightColors.text,\n    dragOverlayBackground: backofficeLightColors.surface,\n    dragOverlayColor: backofficeLightColors.text,\n    dragOverlayBorderColor: backofficeLightColors.border,\n    insertionIndicatorColor: backofficeLightColors.primary,\n    collapseButtonBackground: 'transparent',\n    collapseButtonColor: backofficeLightColors.textSecondary,\n    collapseButtonBorderColor: 'transparent',\n    collapseButtonHoverBackground: backofficeLightColors.surfaceMuted,\n    collapseButtonHoverColor: backofficeLightColors.text,\n    collapseButtonHoverShadow: 'none',\n    collapseButtonFocusRing: `0 0 0 3px ${backofficeLightColors.primaryLight}`,\n    profileTitleColor: backofficeLightColors.textSecondary,\n    profileTriggerBackground: backofficeLightColors.surfaceSecondary,\n    profileTriggerBorderColor: backofficeLightColors.borderSubtle,\n    profileTriggerHoverBackground: backofficeLightColors.surfaceElevated,\n    profileTriggerHoverBorderColor: backofficeLightColors.borderStrong,\n    profileTriggerFocusRing: `0 0 0 3px ${backofficeLightColors.primaryLight}`,\n    profileAvatarBackgroundImage: `linear-gradient(135deg, ${backofficeLightColors.brandPrimaryRed}, ${backofficeLightColors.brandSecondaryOrange})`,\n    profileAvatarColor: backofficeLightColors.brandWhite,\n    profileTextColor: backofficeLightColors.text,\n    profileSubtextColor: backofficeLightColors.textSecondary,\n    profileMenuHoverBackground: backofficeLightColors.surfaceSecondary,\n    profileMenuBorderColor: backofficeLightColors.borderSubtle,\n  },\n  stroke: {\n    ...backofficeLightColors,\n    none: 'none',\n  },\n} as const satisfies ThemeValues;\n\nexport const backofficeDarkThemeValues = {\n  ...publicLightThemeValues,\n  colors: backofficeDarkColors,\n  backgroundImage: {\n    ...publicLightThemeValues.backgroundImage,\n    pageShellSurface: `linear-gradient(180deg, ${backofficeDarkColors.background} 0%, ${backofficeDarkColors.backgroundSecondary} 100%)`,\n    floatingChatSurface: `radial-gradient(circle at 0% 0%, ${backofficeDarkColors['brandSecondaryOrange-10']} 0%, transparent 55%), linear-gradient(135deg, ${backofficeDarkColors.surface} 0%, ${backofficeDarkColors.surfaceSecondary} 100%)`,\n    loadingShimmer: `linear-gradient(90deg, ${backofficeDarkColors.surfaceMuted} 0%, ${backofficeDarkColors.surfaceSecondary} 45%, ${backofficeDarkColors.surfaceMuted} 90%)`,\n    surfaceChrome: `linear-gradient(180deg, ${backofficeDarkColors.surface} 0%, ${backofficeDarkColors.surfaceSecondary} 100%)`,\n    tableHeaderAccent: `linear-gradient(90deg, ${backofficeDarkColors.tableHeaderAccent}, transparent 64%)`,\n    listHeaderSurface: `linear-gradient(135deg, ${backofficeDarkColors.surfaceSecondary} 0%, ${backofficeDarkColors.surface} 58%)`,\n    pendingBar: `linear-gradient(90deg, ${backofficeDarkColors.tonePrimarySurface} 0%, ${backofficeDarkColors.tonePrimaryText} 60%, ${backofficeDarkColors.tonePrimarySurface} 100%)`,\n    metricPrimarySurface: `linear-gradient(135deg, ${backofficeDarkColors.tonePrimarySurface}, transparent 58%)`,\n    metricInfoSurface: `linear-gradient(135deg, ${backofficeDarkColors.toneInfoSurface}, transparent 58%)`,\n    metricSuccessSurface: `linear-gradient(135deg, ${backofficeDarkColors.toneSuccessSurface}, transparent 58%)`,\n    metricWarningSurface: `linear-gradient(135deg, ${backofficeDarkColors.toneWarningSurface}, transparent 58%)`,\n    metricDangerSurface: `linear-gradient(135deg, ${backofficeDarkColors.toneDangerSurface}, transparent 58%)`,\n    badgeShimmer: `linear-gradient(100deg, ${backofficeDarkColors.transparent} 0%, color-mix(in srgb, ${backofficeDarkColors.shimmerHighlight} 32%, transparent) 25%, ${backofficeDarkColors.shimmerHighlight} 50%, color-mix(in srgb, ${backofficeDarkColors.shimmerHighlight} 32%, transparent) 75%, ${backofficeDarkColors.transparent} 100%)`,\n  },\n  boxShadow: {\n    ...publicLightThemeValues.boxShadow,\n    inkSoft: '0 6px 18px rgb(0 0 0 / 0.3)',\n    inkGlow: '0 0 45px rgb(0 0 0 / 0.36)',\n    brandCardGlow: `0 0px 72px color-mix(in srgb, ${backofficeDarkColors.black} 40%, transparent)`,\n    authCardGlow: `0 0 96px color-mix(in srgb, ${backofficeDarkColors.black} 44%, transparent)`,\n    profileDropdownShadow: `0 18px 36px color-mix(in srgb, ${backofficeDarkColors.black} 42%, transparent)`,\n    badgeInset: `inset 0 0 0 1px ${backofficeDarkColors.borderSubtle}`,\n    badgeDotRing: `0 0 0 2px ${backofficeDarkColors.surface}`,\n    primaryInsetRing: `inset 0 0 0 1px ${backofficeDarkColors.primary}`,\n    primaryLightRing: `0 0 0 1px ${backofficeDarkColors.primaryLight}`,\n    primaryLightRingStrong: `0 0 0 2px ${backofficeDarkColors.primaryLight}`,\n    focusRing: `0 0 0 3px ${backofficeDarkColors.primaryLight}`,\n    focusRingError: `0 0 0 3px color-mix(in srgb, ${backofficeDarkColors.error} 24%, transparent)`,\n    focusRingBrand: `0 0 0 2px ${backofficeDarkColors.brandSecondaryOrange}`,\n    interactiveHover: `0 8px 18px color-mix(in srgb, ${backofficeDarkColors.black} 30%, transparent)`,\n    interactivePressed: `0 2px 6px color-mix(in srgb, ${backofficeDarkColors.black} 38%, transparent)`,\n    successLightRing: `0 0 0 2px ${backofficeDarkColors.successLight}`,\n    sidebarActiveInset: `inset 2px 0 0 ${backofficeDarkColors['blue-400']}`,\n    metricPrimaryAccent: `inset 3px 0 0 ${backofficeDarkColors.tonePrimaryBorder}`,\n    metricInfoAccent: `inset 3px 0 0 ${backofficeDarkColors.toneInfoBorder}`,\n    metricSuccessAccent: `inset 3px 0 0 ${backofficeDarkColors.toneSuccessBorder}`,\n    metricWarningAccent: `inset 3px 0 0 ${backofficeDarkColors.toneWarningBorder}`,\n    metricDangerAccent: `inset 3px 0 0 ${backofficeDarkColors.toneDangerBorder}`,\n    inner: 'inset 0 2px 4px 0 rgb(0 0 0 / 0.22)',\n  },\n  sidebar: {\n    ...backofficeLightThemeValues.sidebar,\n    background: backofficeDarkColors.surfaceElevated,\n    borderColor: backofficeDarkColors.borderSubtle,\n    scrollbarColor: backofficeDarkColors.borderLight,\n    itemColor: backofficeDarkColors.textSecondary,\n    itemHoverBackground: backofficeDarkColors.surfaceMuted,\n    itemHoverColor: backofficeDarkColors.text,\n    itemActiveBackground: backofficeDarkColors.primaryLight,\n    itemActiveColor: backofficeDarkColors.primary,\n    itemActiveBorderColor: backofficeDarkColors.primaryLight,\n    itemActiveShadow: `0 0 0 2px ${backofficeDarkColors.primaryLight}`,\n    itemDisabledColor: backofficeDarkColors.textMuted,\n    itemFocusRing: `0 0 0 3px ${backofficeDarkColors.primaryLight}`,\n    nestedBorderColor: backofficeDarkColors.border,\n    sectionHeaderColor: backofficeDarkColors.textMuted,\n    sectionHeaderIconColor: backofficeDarkColors.textMuted,\n    sectionHeaderHoverBackground: backofficeDarkColors.surfaceMuted,\n    sectionToggleColor: backofficeDarkColors.textMuted,\n    actionColor: backofficeDarkColors.textSecondary,\n    actionHoverBackground: backofficeDarkColors.surfaceMuted,\n    actionHoverColor: backofficeDarkColors.text,\n    actionFocusRing: `0 0 0 3px ${backofficeDarkColors.primaryLight}`,\n    dragHandleColor: backofficeDarkColors.textSecondary,\n    dragHandleHoverBackground: backofficeDarkColors.surfaceMuted,\n    dragHandleHoverColor: backofficeDarkColors.text,\n    dragOverlayBackground: backofficeDarkColors.surface,\n    dragOverlayColor: backofficeDarkColors.text,\n    dragOverlayBorderColor: backofficeDarkColors.border,\n    insertionIndicatorColor: backofficeDarkColors.primary,\n    collapseButtonColor: backofficeDarkColors.textSecondary,\n    collapseButtonHoverBackground: backofficeDarkColors.surfaceMuted,\n    collapseButtonHoverColor: backofficeDarkColors.text,\n    collapseButtonFocusRing: `0 0 0 3px ${backofficeDarkColors.primaryLight}`,\n    profileTitleColor: backofficeDarkColors.textSecondary,\n    profileTriggerBackground: backofficeDarkColors.surfaceSecondary,\n    profileTriggerBorderColor: backofficeDarkColors.borderSubtle,\n    profileTriggerHoverBackground: backofficeDarkColors.surfaceElevated,\n    profileTriggerHoverBorderColor: backofficeDarkColors.borderStrong,\n    profileTriggerFocusRing: `0 0 0 3px ${backofficeDarkColors.primaryLight}`,\n    profileAvatarBackgroundImage: `linear-gradient(135deg, ${backofficeDarkColors.brandPrimaryRed}, ${backofficeDarkColors.brandSecondaryOrange})`,\n    profileAvatarColor: backofficeDarkColors.brandWhite,\n    profileTextColor: backofficeDarkColors.text,\n    profileSubtextColor: backofficeDarkColors.textSecondary,\n    profileMenuHoverBackground: backofficeDarkColors.surfaceSecondary,\n    profileMenuBorderColor: backofficeDarkColors.borderSubtle,\n  },\n  stroke: {\n    ...backofficeDarkColors,\n    none: 'none',\n  },\n} as const satisfies ThemeValues;\n\nconst backofficeLightThemeVarsClass = createTheme(\n  vars,\n  backofficeLightThemeValues,\n);\nconst backofficeDarkThemeVarsClass = createTheme(\n  vars,\n  backofficeDarkThemeValues,\n);\n\nexport const backofficeLightThemeClass = style([\n  backofficeLightThemeVarsClass,\n  {\n    colorScheme: 'light',\n    backgroundColor: vars.colors.background,\n    color: vars.colors.text,\n    minHeight: '100vh',\n  },\n]);\n\nexport const backofficeDarkThemeClass = style([\n  backofficeDarkThemeVarsClass,\n  {\n    colorScheme: 'dark',\n    backgroundColor: vars.colors.background,\n    color: vars.colors.text,\n    minHeight: '100vh',\n  },\n]);\n"],"mappings":""}
+{"version":3,"file":"backofficeTheme.css.js","names":[],"sources":["../../../src/theme/backofficeTheme.css.ts"],"sourcesContent":["import { createTheme, style } from '@vanilla-extract/css';\n\nimport { publicLightThemeValues, type ThemeValues } from './publicTheme.css.js';\nimport { vars } from './themeContract.css.js';\n\nconst backofficeLightColors = {\n  ...publicLightThemeValues.colors,\n  background: '#F5F7FA',\n  backgroundSecondary: '#EEF2F7',\n  backgroundTertiary: '#E6ECF3',\n  backgroundModifier: '#D8E0EB',\n  surface: '#FFFFFF',\n  surfaceSecondary: '#F8FAFD',\n  surfaceMuted: '#EEF4FA',\n  surfaceElevated: '#FFFFFF',\n  text: '#101828',\n  textSecondary: '#475467',\n  textMuted: '#667085',\n  controlSurface: '#FFFFFF',\n  controlSurfaceHover: '#F8FAFD',\n  controlSurfaceDisabled: '#D8E0EB',\n  controlBorder: '#D9E2EC',\n  controlText: '#101828',\n  controlPlaceholder: '#667085',\n  border: '#D9E2EC',\n  borderSubtle: '#E7EDF4',\n  borderStrong: '#C5D0DE',\n  borderLight: '#EEF2F6',\n  overlayBackdrop: 'rgba(15, 23, 42, 0.38)',\n  tableHeaderAccent: 'rgba(178, 24, 79, 0.06)',\n  tableRowHoverSurface: '#F1EAF0',\n  tableRowSelectedSurface: '#FBE8EF',\n  tableRowDangerSurface: '#FDECEF',\n  codeSurface: '#EEF4FA',\n  codeText: '#101828',\n  codeToolbarSurface: '#FBE8EF',\n  shimmerHighlight: 'rgba(255, 255, 255, 0.64)',\n  primaryLight: 'rgba(178, 24, 79, 0.14)',\n  tonePrimarySurface: 'rgba(178, 24, 79, 0.14)',\n  tonePrimaryText: '#8f1546',\n  tonePrimaryBorder: 'rgba(178, 24, 79, 0.3)',\n  toneInfoSurface: '#EAF3FF',\n  toneInfoText: '#1E3A8A',\n  toneInfoBorder: '#BFDBFE',\n  toneSuccessSurface: '#EAF7EF',\n  toneSuccessText: '#166534',\n  toneSuccessBorder: '#BBF7D0',\n  toneWarningSurface: '#FFF4DA',\n  toneWarningText: '#78350F',\n  toneWarningBorder: '#FDE68A',\n  toneDangerSurface: 'color-mix(in srgb, #ED4245 10%, transparent)',\n  toneDangerText: '#991B1B',\n  toneDangerBorder: '#FECACA',\n  brandSubtleSurface: 'rgba(178, 24, 79, 0.08)',\n  brandSubtleBorder: 'rgba(178, 24, 79, 0.18)',\n  brandLightGray: '#F6F8FB',\n  infoLight: '#EAF3FF',\n  successLight: '#EAF7EF',\n  warningLight: '#FFF4DA',\n} as const;\n\nconst backofficeDarkColors = {\n  ...publicLightThemeValues.colors,\n  primary: '#f06f9e',\n  primaryLight: 'rgba(240, 111, 158, 0.2)',\n  secondaryLight: '#143328',\n  surface: '#111720',\n  surfaceSecondary: '#161e29',\n  surfaceMuted: '#202b38',\n  surfaceElevated: '#1b2532',\n  background: '#080d13',\n  backgroundSecondary: '#0f1620',\n  backgroundTertiary: '#17202c',\n  backgroundModifier: '#2a3546',\n  text: '#f3f6fb',\n  textSecondary: '#c8d1df',\n  textMuted: '#95a1b4',\n  controlSurface: '#222d3b',\n  controlSurfaceHover: '#202a37',\n  controlSurfaceDisabled: '#2a3647',\n  controlBorder: '#475569',\n  controlText: '#f3f6fb',\n  controlPlaceholder: '#95a1b4',\n  border: '#36445a',\n  borderSubtle: '#2b374a',\n  borderStrong: '#475569',\n  borderLight: '#3b4658',\n  overlayBackdrop: 'rgba(3, 7, 18, 0.58)',\n  tableHeaderAccent: 'rgba(255, 173, 201, 0.07)',\n  tableRowHoverSurface: '#211c28',\n  tableRowSelectedSurface: '#402030',\n  tableRowDangerSurface: '#3a171c',\n  codeSurface: '#202a37',\n  codeText: '#f3f6fb',\n  codeToolbarSurface: '#402030',\n  shimmerHighlight: 'rgba(255, 255, 255, 0.52)',\n  tonePrimarySurface: '#321f2d',\n  tonePrimaryText: '#ffbad1',\n  tonePrimaryBorder: '#98506e',\n  toneInfoSurface: '#142948',\n  toneInfoText: '#9cc7ff',\n  toneInfoBorder: '#3d6ea8',\n  toneSuccessSurface: '#153624',\n  toneSuccessText: '#7ee2a0',\n  toneSuccessBorder: '#2f8d55',\n  toneWarningSurface: '#3a2b12',\n  toneWarningText: '#ffd166',\n  toneWarningBorder: '#a56a18',\n  toneDangerSurface: '#3a171c',\n  toneDangerText: '#ff9aa2',\n  toneDangerBorder: '#b94b54',\n  onPrimary: '#080d13',\n  onAccent: '#080d13',\n  onBrand: '#080d13',\n  brandSubtleSurface: '#2a1d29',\n  brandSubtleBorder: '#4e2f3f',\n  avatarSurface: '#142948',\n  avatarText: '#9cc7ff',\n  timelineFadeSurface: '#1b2532',\n  successLight: '#153624',\n  warningLight: '#3a2b12',\n  infoLight: '#142948',\n  brandLightGray: '#18212c',\n  brandDarkGray: '#f2f5fa',\n  brandPrimaryRed: '#f06f9e',\n  brandSecondaryOrange: '#d7a194',\n  'brandSecondaryOrange-10': 'rgba(215, 161, 148, 0.12)',\n  'brandSecondaryOrange-20': 'rgba(215, 161, 148, 0.22)',\n  accent: '#dc8c9c',\n} as const;\n\nexport const backofficeLightThemeValues = {\n  ...publicLightThemeValues,\n  colors: backofficeLightColors,\n  backgroundImage: {\n    ...publicLightThemeValues.backgroundImage,\n    pageShellSurface: `linear-gradient(180deg, ${backofficeLightColors.background} 0%, ${backofficeLightColors.backgroundSecondary} 100%)`,\n    floatingChatSurface: `radial-gradient(circle at 0% 0%, ${backofficeLightColors['brandSecondaryOrange-10']} 0%, transparent 55%), linear-gradient(135deg, ${backofficeLightColors.surface} 0%, ${backofficeLightColors.surfaceSecondary} 100%)`,\n    loadingShimmer: `linear-gradient(90deg, ${backofficeLightColors.surfaceMuted} 0%, ${backofficeLightColors.surfaceSecondary} 45%, ${backofficeLightColors.surfaceMuted} 90%)`,\n    surfaceChrome: `linear-gradient(180deg, ${backofficeLightColors.surface} 0%, ${backofficeLightColors.surfaceSecondary} 100%)`,\n    tableHeaderAccent: `linear-gradient(90deg, ${backofficeLightColors.tableHeaderAccent}, transparent 64%)`,\n    listHeaderSurface: `linear-gradient(135deg, ${backofficeLightColors.surfaceSecondary} 0%, ${backofficeLightColors.surface} 58%)`,\n    pendingBar: `linear-gradient(90deg, ${backofficeLightColors.tonePrimarySurface} 0%, ${backofficeLightColors.tonePrimaryText} 60%, ${backofficeLightColors.tonePrimarySurface} 100%)`,\n    metricPrimarySurface: `linear-gradient(135deg, ${backofficeLightColors.tonePrimarySurface}, transparent 58%)`,\n    metricInfoSurface: `linear-gradient(135deg, ${backofficeLightColors.toneInfoSurface}, transparent 58%)`,\n    metricSuccessSurface: `linear-gradient(135deg, ${backofficeLightColors.toneSuccessSurface}, transparent 58%)`,\n    metricWarningSurface: `linear-gradient(135deg, ${backofficeLightColors.toneWarningSurface}, transparent 58%)`,\n    metricDangerSurface: `linear-gradient(135deg, ${backofficeLightColors.toneDangerSurface}, transparent 58%)`,\n    badgeShimmer: `linear-gradient(100deg, ${backofficeLightColors.transparent} 0%, color-mix(in srgb, ${backofficeLightColors.shimmerHighlight} 32%, transparent) 25%, ${backofficeLightColors.shimmerHighlight} 50%, color-mix(in srgb, ${backofficeLightColors.shimmerHighlight} 32%, transparent) 75%, ${backofficeLightColors.transparent} 100%)`,\n  },\n  boxShadow: {\n    ...publicLightThemeValues.boxShadow,\n    badgeInset: `inset 0 0 0 1px ${backofficeLightColors.borderSubtle}`,\n    badgeDotRing: `0 0 0 2px ${backofficeLightColors.surface}`,\n    primaryLightRing: `0 0 0 1px ${backofficeLightColors.primaryLight}`,\n    primaryLightRingStrong: `0 0 0 2px ${backofficeLightColors.primaryLight}`,\n    focusRing: `0 0 0 3px ${backofficeLightColors.primaryLight}`,\n    focusRingBrand: `0 0 0 2px ${backofficeLightColors.brandSecondaryOrange}`,\n    successLightRing: `0 0 0 2px ${backofficeLightColors.successLight}`,\n    metricPrimaryAccent: `inset 3px 0 0 ${backofficeLightColors.tonePrimaryBorder}`,\n    metricInfoAccent: `inset 3px 0 0 ${backofficeLightColors.toneInfoBorder}`,\n    metricSuccessAccent: `inset 3px 0 0 ${backofficeLightColors.toneSuccessBorder}`,\n    metricWarningAccent: `inset 3px 0 0 ${backofficeLightColors.toneWarningBorder}`,\n    metricDangerAccent: `inset 3px 0 0 ${backofficeLightColors.toneDangerBorder}`,\n  },\n  sidebar: {\n    ...publicLightThemeValues.sidebar,\n    background: backofficeLightColors.surfaceElevated,\n    borderColor: backofficeLightColors.borderSubtle,\n    scrollbarColor: backofficeLightColors.borderLight,\n    itemColor: backofficeLightColors.textSecondary,\n    itemHoverBackground: backofficeLightColors.surfaceMuted,\n    itemHoverColor: backofficeLightColors.text,\n    itemActiveBackground: backofficeLightColors.primaryLight,\n    itemActiveBackgroundImage: 'none',\n    itemActiveColor: backofficeLightColors.primary,\n    itemActiveBorderColor: backofficeLightColors.primaryLight,\n    itemActiveShadow: `0 0 0 2px ${backofficeLightColors.primaryLight}`,\n    itemDisabledColor: backofficeLightColors.textMuted,\n    itemFocusRing: `0 0 0 3px ${backofficeLightColors.primaryLight}`,\n    nestedBorderColor: backofficeLightColors.border,\n    sectionHeaderColor: backofficeLightColors.textMuted,\n    sectionHeaderIconColor: backofficeLightColors.textMuted,\n    sectionHeaderHoverBackground: backofficeLightColors.surfaceMuted,\n    sectionToggleColor: backofficeLightColors.textMuted,\n    actionColor: backofficeLightColors.textSecondary,\n    actionHoverBackground: backofficeLightColors.surfaceMuted,\n    actionHoverColor: backofficeLightColors.text,\n    actionFocusRing: `0 0 0 3px ${backofficeLightColors.primaryLight}`,\n    dragHandleColor: backofficeLightColors.textSecondary,\n    dragHandleHoverBackground: backofficeLightColors.surfaceMuted,\n    dragHandleHoverColor: backofficeLightColors.text,\n    dragOverlayBackground: backofficeLightColors.surface,\n    dragOverlayColor: backofficeLightColors.text,\n    dragOverlayBorderColor: backofficeLightColors.border,\n    insertionIndicatorColor: backofficeLightColors.primary,\n    collapseButtonBackground: 'transparent',\n    collapseButtonColor: backofficeLightColors.textSecondary,\n    collapseButtonBorderColor: 'transparent',\n    collapseButtonHoverBackground: backofficeLightColors.surfaceMuted,\n    collapseButtonHoverColor: backofficeLightColors.text,\n    collapseButtonHoverShadow: 'none',\n    collapseButtonFocusRing: `0 0 0 3px ${backofficeLightColors.primaryLight}`,\n    profileTitleColor: backofficeLightColors.textSecondary,\n    profileTriggerBackground: backofficeLightColors.surfaceSecondary,\n    profileTriggerBorderColor: backofficeLightColors.borderSubtle,\n    profileTriggerHoverBackground: backofficeLightColors.surfaceElevated,\n    profileTriggerHoverBorderColor: backofficeLightColors.borderStrong,\n    profileTriggerFocusRing: `0 0 0 3px ${backofficeLightColors.primaryLight}`,\n    profileAvatarBackgroundImage: `linear-gradient(135deg, ${backofficeLightColors.brandPrimaryRed}, ${backofficeLightColors.brandSecondaryOrange})`,\n    profileAvatarColor: backofficeLightColors.brandWhite,\n    profileTextColor: backofficeLightColors.text,\n    profileSubtextColor: backofficeLightColors.textSecondary,\n    profileMenuHoverBackground: backofficeLightColors.surfaceSecondary,\n    profileMenuBorderColor: backofficeLightColors.borderSubtle,\n  },\n  stroke: {\n    ...backofficeLightColors,\n    none: 'none',\n  },\n} as const satisfies ThemeValues;\n\nexport const backofficeDarkThemeValues = {\n  ...publicLightThemeValues,\n  colors: backofficeDarkColors,\n  backgroundImage: {\n    ...publicLightThemeValues.backgroundImage,\n    pageShellSurface: `linear-gradient(180deg, ${backofficeDarkColors.background} 0%, ${backofficeDarkColors.backgroundSecondary} 100%)`,\n    floatingChatSurface: `radial-gradient(circle at 0% 0%, ${backofficeDarkColors['brandSecondaryOrange-10']} 0%, transparent 55%), linear-gradient(135deg, ${backofficeDarkColors.surface} 0%, ${backofficeDarkColors.surfaceSecondary} 100%)`,\n    loadingShimmer: `linear-gradient(90deg, ${backofficeDarkColors.surfaceMuted} 0%, ${backofficeDarkColors.surfaceSecondary} 45%, ${backofficeDarkColors.surfaceMuted} 90%)`,\n    surfaceChrome: `linear-gradient(180deg, ${backofficeDarkColors.surface} 0%, ${backofficeDarkColors.surfaceSecondary} 100%)`,\n    tableHeaderAccent: `linear-gradient(90deg, ${backofficeDarkColors.tableHeaderAccent}, transparent 64%)`,\n    listHeaderSurface: `linear-gradient(135deg, ${backofficeDarkColors.surfaceSecondary} 0%, ${backofficeDarkColors.surface} 58%)`,\n    pendingBar: `linear-gradient(90deg, ${backofficeDarkColors.tonePrimarySurface} 0%, ${backofficeDarkColors.tonePrimaryText} 60%, ${backofficeDarkColors.tonePrimarySurface} 100%)`,\n    metricPrimarySurface: `linear-gradient(135deg, ${backofficeDarkColors.tonePrimarySurface}, transparent 58%)`,\n    metricInfoSurface: `linear-gradient(135deg, ${backofficeDarkColors.toneInfoSurface}, transparent 58%)`,\n    metricSuccessSurface: `linear-gradient(135deg, ${backofficeDarkColors.toneSuccessSurface}, transparent 58%)`,\n    metricWarningSurface: `linear-gradient(135deg, ${backofficeDarkColors.toneWarningSurface}, transparent 58%)`,\n    metricDangerSurface: `linear-gradient(135deg, ${backofficeDarkColors.toneDangerSurface}, transparent 58%)`,\n    badgeShimmer: `linear-gradient(100deg, ${backofficeDarkColors.transparent} 0%, color-mix(in srgb, ${backofficeDarkColors.shimmerHighlight} 32%, transparent) 25%, ${backofficeDarkColors.shimmerHighlight} 50%, color-mix(in srgb, ${backofficeDarkColors.shimmerHighlight} 32%, transparent) 75%, ${backofficeDarkColors.transparent} 100%)`,\n  },\n  boxShadow: {\n    ...publicLightThemeValues.boxShadow,\n    inkSoft: '0 6px 18px rgb(0 0 0 / 0.3)',\n    inkGlow: '0 0 45px rgb(0 0 0 / 0.36)',\n    brandCardGlow: `0 0px 72px color-mix(in srgb, ${backofficeDarkColors.black} 40%, transparent)`,\n    authCardGlow: `0 0 96px color-mix(in srgb, ${backofficeDarkColors.black} 44%, transparent)`,\n    profileDropdownShadow: `0 18px 36px color-mix(in srgb, ${backofficeDarkColors.black} 42%, transparent)`,\n    badgeInset: `inset 0 0 0 1px ${backofficeDarkColors.borderSubtle}`,\n    badgeDotRing: `0 0 0 2px ${backofficeDarkColors.surface}`,\n    primaryInsetRing: `inset 0 0 0 1px ${backofficeDarkColors.primary}`,\n    primaryLightRing: `0 0 0 1px ${backofficeDarkColors.primaryLight}`,\n    primaryLightRingStrong: `0 0 0 2px ${backofficeDarkColors.primaryLight}`,\n    focusRing: `0 0 0 3px ${backofficeDarkColors.primaryLight}`,\n    focusRingError: `0 0 0 3px color-mix(in srgb, ${backofficeDarkColors.error} 24%, transparent)`,\n    focusRingBrand: `0 0 0 2px ${backofficeDarkColors.brandSecondaryOrange}`,\n    interactiveHover: `0 8px 18px color-mix(in srgb, ${backofficeDarkColors.black} 30%, transparent)`,\n    interactivePressed: `0 2px 6px color-mix(in srgb, ${backofficeDarkColors.black} 38%, transparent)`,\n    successLightRing: `0 0 0 2px ${backofficeDarkColors.successLight}`,\n    sidebarActiveInset: `inset 2px 0 0 ${backofficeDarkColors['blue-400']}`,\n    metricPrimaryAccent: `inset 3px 0 0 ${backofficeDarkColors.tonePrimaryBorder}`,\n    metricInfoAccent: `inset 3px 0 0 ${backofficeDarkColors.toneInfoBorder}`,\n    metricSuccessAccent: `inset 3px 0 0 ${backofficeDarkColors.toneSuccessBorder}`,\n    metricWarningAccent: `inset 3px 0 0 ${backofficeDarkColors.toneWarningBorder}`,\n    metricDangerAccent: `inset 3px 0 0 ${backofficeDarkColors.toneDangerBorder}`,\n    inner: 'inset 0 2px 4px 0 rgb(0 0 0 / 0.22)',\n  },\n  sidebar: {\n    ...backofficeLightThemeValues.sidebar,\n    background: backofficeDarkColors.backgroundSecondary,\n    borderColor: backofficeDarkColors.border,\n    scrollbarColor: backofficeDarkColors.borderLight,\n    itemColor: backofficeDarkColors.textSecondary,\n    itemHoverBackground: backofficeDarkColors.surfaceMuted,\n    itemHoverColor: backofficeDarkColors.text,\n    itemActiveBackground: backofficeDarkColors.tonePrimarySurface,\n    itemActiveColor: backofficeDarkColors.tonePrimaryText,\n    itemActiveBorderColor: backofficeDarkColors.tonePrimaryBorder,\n    itemActiveShadow: `inset 2px 0 0 ${backofficeDarkColors.tonePrimaryText}`,\n    itemDisabledColor: backofficeDarkColors.textMuted,\n    itemFocusRing: `0 0 0 3px ${backofficeDarkColors.primaryLight}`,\n    nestedBorderColor: backofficeDarkColors.border,\n    sectionHeaderColor: backofficeDarkColors.textMuted,\n    sectionHeaderIconColor: backofficeDarkColors.textMuted,\n    sectionHeaderHoverBackground: backofficeDarkColors.surfaceMuted,\n    sectionToggleColor: backofficeDarkColors.textMuted,\n    actionColor: backofficeDarkColors.textSecondary,\n    actionHoverBackground: backofficeDarkColors.surfaceMuted,\n    actionHoverColor: backofficeDarkColors.text,\n    actionFocusRing: `0 0 0 3px ${backofficeDarkColors.primaryLight}`,\n    dragHandleColor: backofficeDarkColors.textSecondary,\n    dragHandleHoverBackground: backofficeDarkColors.surfaceMuted,\n    dragHandleHoverColor: backofficeDarkColors.text,\n    dragOverlayBackground: backofficeDarkColors.surface,\n    dragOverlayColor: backofficeDarkColors.text,\n    dragOverlayBorderColor: backofficeDarkColors.border,\n    insertionIndicatorColor: backofficeDarkColors.primary,\n    collapseButtonColor: backofficeDarkColors.textSecondary,\n    collapseButtonHoverBackground: backofficeDarkColors.surfaceMuted,\n    collapseButtonHoverColor: backofficeDarkColors.text,\n    collapseButtonFocusRing: `0 0 0 3px ${backofficeDarkColors.primaryLight}`,\n    profileTitleColor: backofficeDarkColors.textSecondary,\n    profileTriggerBackground: backofficeDarkColors.surfaceSecondary,\n    profileTriggerBorderColor: backofficeDarkColors.borderSubtle,\n    profileTriggerHoverBackground: backofficeDarkColors.surfaceElevated,\n    profileTriggerHoverBorderColor: backofficeDarkColors.borderStrong,\n    profileTriggerFocusRing: `0 0 0 3px ${backofficeDarkColors.primaryLight}`,\n    profileAvatarBackgroundImage: `linear-gradient(135deg, ${backofficeDarkColors.brandPrimaryRed}, ${backofficeDarkColors.brandSecondaryOrange})`,\n    profileAvatarColor: backofficeDarkColors.brandWhite,\n    profileTextColor: backofficeDarkColors.text,\n    profileSubtextColor: backofficeDarkColors.textSecondary,\n    profileMenuHoverBackground: backofficeDarkColors.surfaceSecondary,\n    profileMenuBorderColor: backofficeDarkColors.borderSubtle,\n  },\n  stroke: {\n    ...backofficeDarkColors,\n    none: 'none',\n  },\n} as const satisfies ThemeValues;\n\nconst backofficeLightThemeVarsClass = createTheme(\n  vars,\n  backofficeLightThemeValues,\n);\nconst backofficeDarkThemeVarsClass = createTheme(\n  vars,\n  backofficeDarkThemeValues,\n);\n\nexport const backofficeLightThemeClass = style([\n  backofficeLightThemeVarsClass,\n  {\n    colorScheme: 'light',\n    backgroundColor: vars.colors.background,\n    color: vars.colors.text,\n    minHeight: '100vh',\n  },\n]);\n\nexport const backofficeDarkThemeClass = style([\n  backofficeDarkThemeVarsClass,\n  {\n    colorScheme: 'dark',\n    backgroundColor: vars.colors.background,\n    color: vars.colors.text,\n    minHeight: '100vh',\n  },\n]);\n"],"mappings":""}

package/lib/esm/theme/colors.js

@@ -156,6 +156,14 @@ var e = {
 	toneDangerSurface: o[50],
 	toneDangerText: o[700],
 	toneDangerBorder: o[200],
+	onPrimary: e[0],
+	onAccent: e[950],
+	onBrand: e[0],
+	brandSubtleSurface: "rgba(212, 170, 177, 0.10)",
+	brandSubtleBorder: "rgba(212, 170, 177, 0.20)",
+	avatarSurface: r[700],
+	avatarText: e[0],
+	timelineFadeSurface: e[0],
 	error: o[500],
 	"error-8": o[50],
 	"error-10": o[50],

package/lib/esm/theme/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","names":[],"sources":["../../../src/theme/colors.ts"],"sourcesContent":["const neutral = {\n  0: '#FFFFFF',\n  50: '#F7F8FB',\n  100: '#EEF1F6',\n  200: '#DDE3EC',\n  300: '#C7D0DE',\n  500: '#667085',\n  700: '#344054',\n  900: '#101828',\n  950: '#060607',\n} as const;\n\nconst brand = {\n  50: '#FBE8EF',\n  100: '#F5C9D8',\n  300: '#D97798',\n  500: '#B2184F',\n  700: '#8F1546',\n  900: '#351526',\n} as const;\n\nconst rose = {\n  100: '#F4D6DC',\n  300: '#D4AAB1',\n  500: '#C97E8A',\n  700: '#8F6771',\n} as const;\n\nconst info = {\n  50: '#EAF3FF',\n  200: '#BFDBFE',\n  500: '#3B82F6',\n  700: '#1E3A8A',\n} as const;\n\nconst success = {\n  50: '#EAF7EF',\n  200: '#BBF7D0',\n  500: '#23A559',\n  700: '#166534',\n} as const;\n\nconst warning = {\n  50: '#FFF4DA',\n  200: '#FDE68A',\n  500: '#F0B232',\n  700: '#78350F',\n} as const;\n\nconst danger = {\n  50: '#FDECEF',\n  100: '#FBD6DB',\n  200: '#FECACA',\n  500: '#ED4245',\n  700: '#991B1B',\n} as const;\n\nexport const canonicalPalette = {\n  neutral,\n  brand,\n  rose,\n  info,\n  success,\n  warning,\n  danger,\n} as const;\n\nexport const colors = {\n  inherit: 'inherit',\n  current: 'currentColor',\n  transparent: 'transparent',\n  black: '#000',\n  white: '#fff',\n  'red-50': danger[50],\n  'red-100': danger[100],\n  'red-200': danger[200],\n  'red-300': '#FCA5A5',\n  'red-400': '#F87171',\n  'red-500': danger[500],\n  'red-600': '#DC2626',\n  'red-700': danger[700],\n  'red-800': danger[700],\n  'red-900': '#7F1D1D',\n  'amber-50': warning[50],\n  'amber-100': '#FEF3C7',\n  'amber-200': warning[200],\n  'amber-300': '#FCD34D',\n  'amber-400': '#FBBF24',\n  'amber-500': warning[500],\n  'amber-600': '#D97706',\n  'amber-700': '#B45309',\n  'amber-800': '#92400E',\n  'amber-900': warning[700],\n  'green-50': success[50],\n  'green-100': '#DCFCE7',\n  'green-200': success[200],\n  'green-300': '#86EFAC',\n  'green-400': '#4ADE80',\n  'green-500': success[500],\n  'green-600': '#16A34A',\n  'green-700': success[700],\n  'green-800': success[700],\n  'green-900': '#14532D',\n  'blue-50': info[50],\n  'blue-100': '#DBEAFE',\n  'blue-200': info[200],\n  'blue-250': '#E3EDF7',\n  'blue-300': '#93C5FD',\n  'blue-400': '#60A5FA',\n  'blue-500': info[500],\n  'blue-600': '#2563EB',\n  'blue-700': '#1D4ED8',\n  'blue-800': '#1E40AF',\n  'blue-900': info[700],\n  'white-500': 'rgba(255, 255, 255, 0.5)',\n  'transparent-500': 'rgba(0, 0, 0, 0.2)',\n  'transparent-125': 'rgba(0, 0, 0, 0.05)',\n  'black-440': 'rgba(0, 0, 0, 0.44)',\n  'black-300': 'rgba(0, 0, 0, 0.3)',\n  'black-200': 'rgba(0, 0, 0, 0.2)',\n  'black-100': 'rgba(0, 0, 0, 0.1)',\n  'black-10': 'rgba(0, 0, 0, 0.03)',\n  'black-2': 'rgba(0, 0, 0, 0.02)',\n  primary: brand[500],\n  primaryLight: 'rgba(178, 24, 79, 0.12)',\n  secondary: success[700],\n  secondaryHover: success[500],\n  secondaryLight: success[50],\n  surface: neutral[0],\n  surfaceSecondary: neutral[50],\n  surfaceMuted: neutral[100],\n  surfaceElevated: neutral[0],\n  background: neutral[0],\n  backgroundSecondary: neutral[100],\n  backgroundTertiary: neutral[200],\n  backgroundModifier: neutral[300],\n  text: neutral[950],\n  textSecondary: neutral[700],\n  textMuted: neutral[500],\n  controlSurface: neutral[0],\n  controlSurfaceHover: neutral[50],\n  controlSurfaceDisabled: neutral[200],\n  controlBorder: neutral[200],\n  controlText: neutral[950],\n  controlPlaceholder: neutral[500],\n  overlayBackdrop: 'rgba(15, 23, 42, 0.36)',\n  tableHeaderAccent: 'rgba(178, 24, 79, 0.08)',\n  tableRowHoverSurface: '#F5EDF2',\n  tableRowSelectedSurface: brand[50],\n  tableRowDangerSurface: danger[50],\n  codeSurface: neutral[100],\n  codeText: neutral[900],\n  codeToolbarSurface: brand[50],\n  shimmerHighlight: 'rgba(255, 255, 255, 0.64)',\n  border: neutral[200],\n  borderSubtle: neutral[100],\n  borderStrong: neutral[300],\n  borderLight: neutral[200],\n  tonePrimarySurface: 'rgba(178, 24, 79, 0.12)',\n  tonePrimaryText: brand[700],\n  tonePrimaryBorder: 'rgba(178, 24, 79, 0.28)',\n  toneInfoSurface: info[50],\n  toneInfoText: info[700],\n  toneInfoBorder: info[200],\n  toneSuccessSurface: success[50],\n  toneSuccessText: success[700],\n  toneSuccessBorder: success[200],\n  toneWarningSurface: warning[50],\n  toneWarningText: warning[700],\n  toneWarningBorder: warning[200],\n  toneDangerSurface: danger[50],\n  toneDangerText: danger[700],\n  toneDangerBorder: danger[200],\n  error: danger[500],\n  'error-8': danger[50],\n  'error-10': danger[50],\n  'error-12': danger[50],\n  'error-35': danger[100],\n  success: success[500],\n  successLight: success[50],\n  warning: warning[500],\n  warningLight: warning[50],\n  info: info[500],\n  infoLight: info[50],\n  brandPrimaryRed: brand[500],\n  brandSecondaryOrange: rose[300],\n  'brandSecondaryOrange-10': 'rgba(212, 170, 177, 0.10)',\n  'brandSecondaryOrange-20': 'rgba(212, 170, 177, 0.20)',\n  accent: rose[500],\n  brandWhite: neutral[0],\n  brandLightGray: neutral[50],\n  brandDarkGray: neutral[900],\n  brandBackgroundGradient: `linear-gradient(20deg, ${rose[300]}, ${rose[500]}, ${brand[500]})`,\n};\n"],"mappings":"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"}
+{"version":3,"file":"colors.js","names":[],"sources":["../../../src/theme/colors.ts"],"sourcesContent":["const neutral = {\n  0: '#FFFFFF',\n  50: '#F7F8FB',\n  100: '#EEF1F6',\n  200: '#DDE3EC',\n  300: '#C7D0DE',\n  500: '#667085',\n  700: '#344054',\n  900: '#101828',\n  950: '#060607',\n} as const;\n\nconst brand = {\n  50: '#FBE8EF',\n  100: '#F5C9D8',\n  300: '#D97798',\n  500: '#B2184F',\n  700: '#8F1546',\n  900: '#351526',\n} as const;\n\nconst rose = {\n  100: '#F4D6DC',\n  300: '#D4AAB1',\n  500: '#C97E8A',\n  700: '#8F6771',\n} as const;\n\nconst info = {\n  50: '#EAF3FF',\n  200: '#BFDBFE',\n  500: '#3B82F6',\n  700: '#1E3A8A',\n} as const;\n\nconst success = {\n  50: '#EAF7EF',\n  200: '#BBF7D0',\n  500: '#23A559',\n  700: '#166534',\n} as const;\n\nconst warning = {\n  50: '#FFF4DA',\n  200: '#FDE68A',\n  500: '#F0B232',\n  700: '#78350F',\n} as const;\n\nconst danger = {\n  50: '#FDECEF',\n  100: '#FBD6DB',\n  200: '#FECACA',\n  500: '#ED4245',\n  700: '#991B1B',\n} as const;\n\nexport const canonicalPalette = {\n  neutral,\n  brand,\n  rose,\n  info,\n  success,\n  warning,\n  danger,\n} as const;\n\nexport const colors = {\n  inherit: 'inherit',\n  current: 'currentColor',\n  transparent: 'transparent',\n  black: '#000',\n  white: '#fff',\n  'red-50': danger[50],\n  'red-100': danger[100],\n  'red-200': danger[200],\n  'red-300': '#FCA5A5',\n  'red-400': '#F87171',\n  'red-500': danger[500],\n  'red-600': '#DC2626',\n  'red-700': danger[700],\n  'red-800': danger[700],\n  'red-900': '#7F1D1D',\n  'amber-50': warning[50],\n  'amber-100': '#FEF3C7',\n  'amber-200': warning[200],\n  'amber-300': '#FCD34D',\n  'amber-400': '#FBBF24',\n  'amber-500': warning[500],\n  'amber-600': '#D97706',\n  'amber-700': '#B45309',\n  'amber-800': '#92400E',\n  'amber-900': warning[700],\n  'green-50': success[50],\n  'green-100': '#DCFCE7',\n  'green-200': success[200],\n  'green-300': '#86EFAC',\n  'green-400': '#4ADE80',\n  'green-500': success[500],\n  'green-600': '#16A34A',\n  'green-700': success[700],\n  'green-800': success[700],\n  'green-900': '#14532D',\n  'blue-50': info[50],\n  'blue-100': '#DBEAFE',\n  'blue-200': info[200],\n  'blue-250': '#E3EDF7',\n  'blue-300': '#93C5FD',\n  'blue-400': '#60A5FA',\n  'blue-500': info[500],\n  'blue-600': '#2563EB',\n  'blue-700': '#1D4ED8',\n  'blue-800': '#1E40AF',\n  'blue-900': info[700],\n  'white-500': 'rgba(255, 255, 255, 0.5)',\n  'transparent-500': 'rgba(0, 0, 0, 0.2)',\n  'transparent-125': 'rgba(0, 0, 0, 0.05)',\n  'black-440': 'rgba(0, 0, 0, 0.44)',\n  'black-300': 'rgba(0, 0, 0, 0.3)',\n  'black-200': 'rgba(0, 0, 0, 0.2)',\n  'black-100': 'rgba(0, 0, 0, 0.1)',\n  'black-10': 'rgba(0, 0, 0, 0.03)',\n  'black-2': 'rgba(0, 0, 0, 0.02)',\n  primary: brand[500],\n  primaryLight: 'rgba(178, 24, 79, 0.12)',\n  secondary: success[700],\n  secondaryHover: success[500],\n  secondaryLight: success[50],\n  surface: neutral[0],\n  surfaceSecondary: neutral[50],\n  surfaceMuted: neutral[100],\n  surfaceElevated: neutral[0],\n  background: neutral[0],\n  backgroundSecondary: neutral[100],\n  backgroundTertiary: neutral[200],\n  backgroundModifier: neutral[300],\n  text: neutral[950],\n  textSecondary: neutral[700],\n  textMuted: neutral[500],\n  controlSurface: neutral[0],\n  controlSurfaceHover: neutral[50],\n  controlSurfaceDisabled: neutral[200],\n  controlBorder: neutral[200],\n  controlText: neutral[950],\n  controlPlaceholder: neutral[500],\n  overlayBackdrop: 'rgba(15, 23, 42, 0.36)',\n  tableHeaderAccent: 'rgba(178, 24, 79, 0.08)',\n  tableRowHoverSurface: '#F5EDF2',\n  tableRowSelectedSurface: brand[50],\n  tableRowDangerSurface: danger[50],\n  codeSurface: neutral[100],\n  codeText: neutral[900],\n  codeToolbarSurface: brand[50],\n  shimmerHighlight: 'rgba(255, 255, 255, 0.64)',\n  border: neutral[200],\n  borderSubtle: neutral[100],\n  borderStrong: neutral[300],\n  borderLight: neutral[200],\n  tonePrimarySurface: 'rgba(178, 24, 79, 0.12)',\n  tonePrimaryText: brand[700],\n  tonePrimaryBorder: 'rgba(178, 24, 79, 0.28)',\n  toneInfoSurface: info[50],\n  toneInfoText: info[700],\n  toneInfoBorder: info[200],\n  toneSuccessSurface: success[50],\n  toneSuccessText: success[700],\n  toneSuccessBorder: success[200],\n  toneWarningSurface: warning[50],\n  toneWarningText: warning[700],\n  toneWarningBorder: warning[200],\n  toneDangerSurface: danger[50],\n  toneDangerText: danger[700],\n  toneDangerBorder: danger[200],\n  onPrimary: neutral[0],\n  onAccent: neutral[950],\n  onBrand: neutral[0],\n  brandSubtleSurface: 'rgba(212, 170, 177, 0.10)',\n  brandSubtleBorder: 'rgba(212, 170, 177, 0.20)',\n  avatarSurface: info[700],\n  avatarText: neutral[0],\n  timelineFadeSurface: neutral[0],\n  error: danger[500],\n  'error-8': danger[50],\n  'error-10': danger[50],\n  'error-12': danger[50],\n  'error-35': danger[100],\n  success: success[500],\n  successLight: success[50],\n  warning: warning[500],\n  warningLight: warning[50],\n  info: info[500],\n  infoLight: info[50],\n  brandPrimaryRed: brand[500],\n  brandSecondaryOrange: rose[300],\n  'brandSecondaryOrange-10': 'rgba(212, 170, 177, 0.10)',\n  'brandSecondaryOrange-20': 'rgba(212, 170, 177, 0.20)',\n  accent: rose[500],\n  brandWhite: neutral[0],\n  brandLightGray: neutral[50],\n  brandDarkGray: neutral[900],\n  brandBackgroundGradient: `linear-gradient(20deg, ${rose[300]}, ${rose[500]}, ${brand[500]})`,\n};\n"],"mappings":"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"}