@plumile/ui 0.1.130 → 0.1.132

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

@@ -0,0 +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  border: '#D9E2EC',\n  borderSubtle: '#E7EDF4',\n  borderStrong: '#C5D0DE',\n  borderLight: '#EEF2F6',\n  primaryLight: 'rgba(178, 24, 79, 0.14)',\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  border: '#334155',\n  borderSubtle: '#273244',\n  borderStrong: '#475569',\n  borderLight: '#3b4658',\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  },\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  },\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  },\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    inner: 'inset 0 2px 4px 0 rgb(0 0 0 / 0.22)',\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/index.js

@@ -1,12 +1,12 @@
 import { spin as e, spinAnimation as t, visuallyHidden as n } from "./accessibility.css.js";
-import { darkThemeClass as r, lightThemeClass as i, lightThemeValues as a } from "./theme.css.js";
-import { THEME_MODE_KEY as o, ThemeProvider as s, __test as c, useTheme as l } from "./ThemeProvider.js";
-import { cx as u, onlyDefinedStyles as d } from "./tools.js";
-import { VisuallyHidden as f } from "./VisuallyHidden.js";
-import { containerQueries as p } from "./containerQueries.js";
-import { colors as m, spacing as h, vars as g } from "./themeContract.js";
-import { brandFocusRing as _, controlFocusRing as v, disabledControl as y, entityReferenceLink as b, errorControlFocusRing as x, focusRing as S, ghostIconButton as C, iconBox as w, iconBoxCompact as T, insetFocusRing as E, interactiveControlSurface as D, interactiveLinkSurface as O, liftOnHover as k, loadingShimmer as A, pillLink as j, pressInteraction as M, surfaceInteractive as N, truncate as P } from "./styleRecipes.css.js";
-import { firstChildSprinkles as F, hoverSprinkles as I, sprinkles as L, stateSprinkles as R } from "./sprinkles.css.js";
-import { opacity as z, screens as B, spacing as V } from "./common.js";
-import { colors as H } from "./colors.js";
-export { o as THEME_MODE_KEY, s as ThemeProvider, f as VisuallyHidden, c as __test, _ as brandFocusRing, m as colors, p as containerQueries, v as controlFocusRing, u as cx, r as darkThemeClass, y as disabledControl, b as entityReferenceLink, x as errorControlFocusRing, F as firstChildSprinkles, S as focusRing, C as ghostIconButton, I as hoverSprinkles, w as iconBox, T as iconBoxCompact, E as insetFocusRing, D as interactiveControlSurface, O as interactiveLinkSurface, k as liftOnHover, i as lightThemeClass, a as lightThemeValues, A as loadingShimmer, d as onlyDefinedStyles, z as opacity, j as pillLink, M as pressInteraction, B as screens, h as spacing, e as spin, t as spinAnimation, L as sprinkles, R as stateSprinkles, N as surfaceInteractive, H as themeColorValues, V as themeSpacingValues, P as truncate, l as useTheme, g as vars, n as visuallyHidden };
+import { backofficeDarkThemeClass as r, backofficeDarkThemeValues as i, backofficeLightThemeClass as a, backofficeLightThemeValues as o, publicDarkThemeClass as s, publicDarkThemeValues as c, publicLightThemeClass as l, publicLightThemeValues as u } from "./theme.css.js";
+import { THEME_MODE_KEY as d, ThemeProvider as f, __test as p, useTheme as m } from "./ThemeProvider.js";
+import { cx as h, onlyDefinedStyles as g } from "./tools.js";
+import { VisuallyHidden as _ } from "./VisuallyHidden.js";
+import { containerQueries as v } from "./containerQueries.js";
+import { colors as y, spacing as b, vars as x } from "./themeContract.css.js";
+import { brandFocusRing as S, controlFocusRing as C, disabledControl as w, entityReferenceLink as T, errorControlFocusRing as E, focusRing as D, ghostIconButton as O, iconBox as k, iconBoxCompact as A, insetFocusRing as j, interactiveControlSurface as M, interactiveLinkSurface as N, liftOnHover as P, loadingShimmer as F, pillLink as I, pressInteraction as L, surfaceInteractive as R, truncate as z } from "./styleRecipes.css.js";
+import { firstChildSprinkles as B, hoverSprinkles as V, sprinkles as H, stateSprinkles as U } from "./sprinkles.css.js";
+import { opacity as W, screens as G, spacing as K } from "./common.js";
+import { colors as q } from "./colors.js";
+export { d as THEME_MODE_KEY, f as ThemeProvider, _ as VisuallyHidden, p as __test, r as backofficeDarkThemeClass, i as backofficeDarkThemeValues, a as backofficeLightThemeClass, o as backofficeLightThemeValues, S as brandFocusRing, y as colors, v as containerQueries, C as controlFocusRing, h as cx, w as disabledControl, T as entityReferenceLink, E as errorControlFocusRing, B as firstChildSprinkles, D as focusRing, O as ghostIconButton, V as hoverSprinkles, k as iconBox, A as iconBoxCompact, j as insetFocusRing, M as interactiveControlSurface, N as interactiveLinkSurface, P as liftOnHover, F as loadingShimmer, g as onlyDefinedStyles, W as opacity, I as pillLink, L as pressInteraction, s as publicDarkThemeClass, c as publicDarkThemeValues, l as publicLightThemeClass, u as publicLightThemeValues, G as screens, b as spacing, e as spin, t as spinAnimation, H as sprinkles, U as stateSprinkles, R as surfaceInteractive, q as themeColorValues, K as themeSpacingValues, z as truncate, m as useTheme, x as vars, n as visuallyHidden };