@portel/photon 1.6.0 → 1.6.1

package/dist/auto-ui/design-system/tokens.d.ts

@@ -5,5 +5,5 @@
  * Uses the subpath import to avoid pulling in Node.js dependencies
  * (SchemaExtractor, fs, etc.) that would break browser bundling.
  */
-export { spacing, spacingAliases, fontFamily, fontSize, lineHeight, fontWeight, colorsDark, colorsLight, colors, type ThemeMode, type ThemeColors, getThemeColors, getThemeTokens, elevation, elevationLight, radius, duration, easing, touchTarget, zIndex, generateTokensCSS, } from '@portel/photon-core/design-system/tokens';
+export { spacing, spacingAliases, fontFamily, fontSize, lineHeight, fontWeight, colorsDark, colorsLight, colors, type ThemeMode, type ThemeColors, getThemeColors, getThemeTokens, elevation, radius, duration, easing, touchTarget, zIndex, generateTokensCSS, } from '@portel/photon-core/design-system/tokens';
 //# sourceMappingURL=tokens.d.ts.map

package/dist/auto-ui/design-system/tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/auto-ui/design-system/tokens.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAEL,OAAO,EACP,cAAc,EAGd,UAAU,EACV,QAAQ,EACR,UAAU,EACV,UAAU,EAGV,UAAU,EACV,WAAW,EACX,MAAM,EAGN,KAAK,SAAS,EACd,KAAK,WAAW,EAChB,cAAc,EACd,cAAc,EAGd,SAAS,EACT,cAAc,EAGd,MAAM,EAGN,QAAQ,EACR,MAAM,EAGN,WAAW,EAGX,MAAM,EAGN,iBAAiB,GAClB,MAAM,0CAA0C,CAAC"}
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/auto-ui/design-system/tokens.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAEL,OAAO,EACP,cAAc,EAGd,UAAU,EACV,QAAQ,EACR,UAAU,EACV,UAAU,EAGV,UAAU,EACV,WAAW,EACX,MAAM,EAGN,KAAK,SAAS,EACd,KAAK,WAAW,EAChB,cAAc,EACd,cAAc,EAGd,SAAS,EAGT,MAAM,EAGN,QAAQ,EACR,MAAM,EAGN,WAAW,EAGX,MAAM,EAGN,iBAAiB,GAClB,MAAM,0CAA0C,CAAC"}

package/dist/auto-ui/design-system/tokens.js

@@ -13,7 +13,7 @@ fontFamily, fontSize, lineHeight, fontWeight,
 // Colors
 colorsDark, colorsLight, colors, getThemeColors, getThemeTokens, 
 // Elevation
-elevation, elevationLight, 
+elevation, 
 // Border Radius
 radius, 
 // Motion

package/dist/auto-ui/design-system/tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../../src/auto-ui/design-system/tokens.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO;AACL,UAAU;AACV,OAAO,EACP,cAAc;AAEd,aAAa;AACb,UAAU,EACV,QAAQ,EACR,UAAU,EACV,UAAU;AAEV,SAAS;AACT,UAAU,EACV,WAAW,EACX,MAAM,EAKN,cAAc,EACd,cAAc;AAEd,YAAY;AACZ,SAAS,EACT,cAAc;AAEd,gBAAgB;AAChB,MAAM;AAEN,SAAS;AACT,QAAQ,EACR,MAAM;AAEN,cAAc;AACd,WAAW;AAEX,UAAU;AACV,MAAM;AAEN,iBAAiB;AACjB,iBAAiB,GAClB,MAAM,0CAA0C,CAAC"}
+{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../../src/auto-ui/design-system/tokens.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO;AACL,UAAU;AACV,OAAO,EACP,cAAc;AAEd,aAAa;AACb,UAAU,EACV,QAAQ,EACR,UAAU,EACV,UAAU;AAEV,SAAS;AACT,UAAU,EACV,WAAW,EACX,MAAM,EAKN,cAAc,EACd,cAAc;AAEd,YAAY;AACZ,SAAS;AAET,gBAAgB;AAChB,MAAM;AAEN,SAAS;AACT,QAAQ,EACR,MAAM;AAEN,cAAc;AACd,WAAW;AAEX,UAAU;AACV,MAAM;AAEN,iBAAiB;AACjB,iBAAiB,GAClB,MAAM,0CAA0C,CAAC"}

package/dist/beam.bundle.js

@@ -1048,7 +1048,7 @@ function showToast(message, type = "info", duration4 = 3e3, action) {
   ToastManager.show(message, type, duration4, action);
 }
 
-// ../photon-core/dist/design-system/tokens.js
+// node_modules/@portel/photon-core/dist/design-system/tokens.js
 var spacing = {
   // Base unit: 4px (for fine adjustments)
   "0": "0",
@@ -1147,21 +1147,6 @@ var colorPalette = {
     95: "#f2f2f2",
     100: "#ffffff"
   },
-  // Light-theme neutrals (cool blue-gray undertone, higher contrast)
-  neutralLight: {
-    85: "#BCC5CF",
-    // heavy borders / dividers
-    88: "#C4CDD5",
-    // surface-container-highest
-    91: "#D5DBE1",
-    // surface-container-high
-    94: "#E5E9EE",
-    // bg-app — visible structure
-    96: "#EBEEF2",
-    // surface-container
-    98: "#F6F7F9"
-    // surface — slightly off-white panels
-  },
   // Primary (blue - trust, action)
   primary: {
     10: "#001d36",
@@ -1253,24 +1238,17 @@ var colorsDark = {
   scrim: "rgba(0, 0, 0, 0.5)"
 };
 var colorsLight = {
-  // Surfaces (cool blue-gray, higher contrast between levels)
-  surface: colorPalette.neutralLight[98],
-  // #F6F7F9 — panels
-  surfaceContainer: colorPalette.neutralLight[96],
-  // #EBEEF2 — containers
-  surfaceContainerHigh: colorPalette.neutralLight[91],
-  // #D5DBE1
-  surfaceContainerHighest: colorPalette.neutralLight[88],
-  // #C4CDD5
+  // Surfaces (inverted - light backgrounds)
+  surface: colorPalette.neutral[100],
+  // white
+  surfaceContainer: colorPalette.neutral[95],
+  surfaceContainerHigh: colorPalette.neutral[90],
+  surfaceContainerHighest: colorPalette.neutral[80],
   surfaceBright: colorPalette.neutral[100],
-  // #FFFFFF — overlays/modals
-  // Text on surfaces (deep charcoal, high contrast)
-  onSurface: "#1A2332",
-  // 12.3:1 on #E5E9EE — WCAG AAA
-  onSurfaceVariant: "#3D4C5C",
-  // darker variant for readability
-  onSurfaceMuted: "#556270",
-  // 5.1:1 on #E5E9EE — WCAG AA
+  // Text on surfaces (dark text on light)
+  onSurface: colorPalette.neutral[10],
+  onSurfaceVariant: colorPalette.neutral[30],
+  onSurfaceMuted: colorPalette.neutral[50],
   // Primary (darker for light theme)
   primary: colorPalette.primary[40],
   primaryContainer: colorPalette.primary[90],
@@ -1295,13 +1273,11 @@ var colorsLight = {
   onError: colorPalette.neutral[100],
   // white text
   onErrorContainer: colorPalette.error[10],
-  // Outline (visible but not harsh)
-  outline: "#8B95A3",
-  // stronger than before for visibility
-  outlineVariant: "#D1D5DB",
-  // visible border, not washed out
-  // Scrim (overlay — lighter than dark theme's 0.5)
-  scrim: "rgba(0, 0, 0, 0.2)"
+  // Outline (darker for light theme)
+  outline: colorPalette.neutral[50],
+  outlineVariant: colorPalette.neutral[80],
+  // Scrim (overlay)
+  scrim: "rgba(0, 0, 0, 0.3)"
 };
 var elevation = {
   "0": "none",
@@ -1311,14 +1287,6 @@ var elevation = {
   "4": "0px 2px 3px 0px rgba(0, 0, 0, 0.30), 0px 6px 10px 4px rgba(0, 0, 0, 0.15)",
   "5": "0px 4px 4px 0px rgba(0, 0, 0, 0.30), 0px 8px 12px 6px rgba(0, 0, 0, 0.15)"
 };
-var elevationLight = {
-  "0": "none",
-  "1": "0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.08)",
-  "2": "0px 2px 6px rgba(0, 0, 0, 0.1), 0px 4px 8px rgba(0, 0, 0, 0.06)",
-  "3": "0px 4px 8px rgba(0, 0, 0, 0.1), 0px 10px 20px rgba(0, 0, 0, 0.06)",
-  "4": "0px 10px 15px rgba(0, 0, 0, 0.09), 0px 20px 25px rgba(0, 0, 0, 0.05)",
-  "5": "0px 20px 25px rgba(0, 0, 0, 0.07), 0px 25px 50px rgba(0, 0, 0, 0.05)"
-};
 var radius = {
   none: "0",
   sm: "6px",
@@ -1531,9 +1499,9 @@ function getThemeTokens(theme3) {
     "--border-radius-full": radius.full,
     // --- Shadows ---
     "--shadow-hairline": `0 0 0 1px ${themeColors.outlineVariant}`,
-    "--shadow-sm": theme3 === "light" ? elevationLight["1"] : elevation["1"],
-    "--shadow-md": theme3 === "light" ? elevationLight["2"] : elevation["2"],
-    "--shadow-lg": theme3 === "light" ? elevationLight["3"] : elevation["3"],
+    "--shadow-sm": elevation["1"],
+    "--shadow-md": elevation["2"],
+    "--shadow-lg": elevation["3"],
     // --- Border Width ---
     "--border-width-regular": "1px",
     "--border-width-thick": "2px"