@texturehq/edges 1.30.6 → 1.31.0

package/dist/server.d.cts

@@ -1,4 +1,4 @@
-export { A as ActionItem, a as ActionMenuProps, b as AppShell, c as AppShellProps, d as AvatarProps, B as BadgeProps, e as BaseDataPoint, C as ChartMargin, f as CodeEditorProps, g as CodeLanguage, h as CodeTheme, E as ENTITY_CONFIG, i as EntityConfig, j as EntityType, H as Heading, I as InteractiveMapProps, L as Loader, k as Logo, M as MapPoint, l as MeterProps, S as SegmentOption, m as SegmentedControlProps, n as SideNav, o as SideNavItem, p as SideNavProps, q as StaticMapProps, T as TextLink, r as TooltipData, s as TooltipSeries, t as TopNav, u as TopNavProps, Y as YFormatSettings, v as YFormatType, w as clearColorCache, x as createCategoryColorMap, y as createXScale, z as createYScale, D as defaultMargin, F as getContrastingTextColor, G as getDefaultChartColor, J as getDefaultColors, K as getEntityConfig, N as getEntityIcon, O as getEntityLabel, P as getResolvedColor, Q as getThemeCategoricalColors, R as getYFormatSettings, U as isLightColor } from './colors-DIRyY7OV.cjs';
+export { A as ActionItem, a as ActionMenuProps, b as AppShell, c as AppShellProps, d as AvatarProps, B as BadgeProps, e as BaseDataPoint, C as ChartMargin, f as CodeEditorProps, g as CodeLanguage, h as CodeTheme, E as ENTITY_CONFIG, i as EntityConfig, j as EntityType, H as Heading, I as InteractiveMapProps, L as Loader, k as Logo, M as MapPoint, l as MeterProps, S as SegmentOption, m as SegmentedControlProps, n as SideNav, o as SideNavItem, p as SideNavProps, q as StaticMapProps, T as TextLink, r as TooltipData, s as TooltipSeries, t as TopNav, u as TopNavProps, Y as YFormatSettings, v as YFormatType, w as clearColorCache, x as createCategoryColorMap, y as createXScale, z as createYScale, D as defaultMargin, F as getContrastingTextColor, G as getDefaultChartColor, J as getDefaultColors, K as getEntityConfig, N as getEntityIcon, O as getEntityLabel, P as getResolvedColor, Q as getThemeCategoricalColors, R as getYFormatSettings, U as isLightColor } from './colors-oRbPetNs.cjs';
 export { BreadcrumbProps, BreadcrumbsProps } from 'react-aria-components';
 export { D as DateFieldProps, F as FileUploadProps, R as RichTextEditorProps } from './RichTextEditor-CxrunTg7.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';

package/dist/server.d.ts

@@ -1,4 +1,4 @@
-export { A as ActionItem, a as ActionMenuProps, b as AppShell, c as AppShellProps, d as AvatarProps, B as BadgeProps, e as BaseDataPoint, C as ChartMargin, f as CodeEditorProps, g as CodeLanguage, h as CodeTheme, E as ENTITY_CONFIG, i as EntityConfig, j as EntityType, H as Heading, I as InteractiveMapProps, L as Loader, k as Logo, M as MapPoint, l as MeterProps, S as SegmentOption, m as SegmentedControlProps, n as SideNav, o as SideNavItem, p as SideNavProps, q as StaticMapProps, T as TextLink, r as TooltipData, s as TooltipSeries, t as TopNav, u as TopNavProps, Y as YFormatSettings, v as YFormatType, w as clearColorCache, x as createCategoryColorMap, y as createXScale, z as createYScale, D as defaultMargin, F as getContrastingTextColor, G as getDefaultChartColor, J as getDefaultColors, K as getEntityConfig, N as getEntityIcon, O as getEntityLabel, P as getResolvedColor, Q as getThemeCategoricalColors, R as getYFormatSettings, U as isLightColor } from './colors-67HNJviq.js';
+export { A as ActionItem, a as ActionMenuProps, b as AppShell, c as AppShellProps, d as AvatarProps, B as BadgeProps, e as BaseDataPoint, C as ChartMargin, f as CodeEditorProps, g as CodeLanguage, h as CodeTheme, E as ENTITY_CONFIG, i as EntityConfig, j as EntityType, H as Heading, I as InteractiveMapProps, L as Loader, k as Logo, M as MapPoint, l as MeterProps, S as SegmentOption, m as SegmentedControlProps, n as SideNav, o as SideNavItem, p as SideNavProps, q as StaticMapProps, T as TextLink, r as TooltipData, s as TooltipSeries, t as TopNav, u as TopNavProps, Y as YFormatSettings, v as YFormatType, w as clearColorCache, x as createCategoryColorMap, y as createXScale, z as createYScale, D as defaultMargin, F as getContrastingTextColor, G as getDefaultChartColor, J as getDefaultColors, K as getEntityConfig, N as getEntityIcon, O as getEntityLabel, P as getResolvedColor, Q as getThemeCategoricalColors, R as getYFormatSettings, U as isLightColor } from './colors-CIlEq8T6.js';
 export { BreadcrumbProps, BreadcrumbsProps } from 'react-aria-components';
 export { D as DateFieldProps, F as FileUploadProps, R as RichTextEditorProps } from './RichTextEditor-CxrunTg7.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';

package/dist/styles/legacy-bridge.css

@@ -0,0 +1,22 @@
+/**
+ * Bridge variables — maps old non-standard var names to new edges-tokens vars.
+ * These exist because edges historically used --theme-* prefixed vars in utility
+ * classes (bg-background-canvas, bg-background-ai) that don't match the
+ * --color-* naming convention used by edges-tokens.
+ *
+ * Remove this file once all utility classes migrate to --color-* vars.
+ */
+
+:root {
+  --theme-background-canvas: var(--color-background-canvas);
+  --theme-background-ai: var(--color-background-ai);
+  --theme-border-default: var(--color-border-default);
+  --theme-border-muted: var(--color-border-muted);
+}
+
+.theme-dark {
+  --theme-background-canvas: var(--color-background-canvas);
+  --theme-background-ai: var(--color-background-ai);
+  --theme-border-default: var(--color-border-default);
+  --theme-border-muted: var(--color-border-muted);
+}

package/dist/styles/theme-light-override.css

@@ -5,51 +5,53 @@
  * within that subtree, even when the page is in dark mode.
  *
  * Usage: <div className="theme-light">...</div>
+ *
+ * Values sourced from @texturehq/edges-tokens light theme output.
  */
 
 .theme-light {
   --color-background-body: #ffffff;
   --color-background-surface: #ffffff;
-  --color-background-muted: #f3f4f6;
-  --color-background-hover: #f3f4f6;
-  --color-background-selected: #e5e7eb;
+  --color-background-muted: #f5f5f4;
+  --color-background-hover: #fafafa;
+  --color-background-selected: #e7e6e5;
   --color-background-modal: rgba(0, 0, 0, 0.15);
   --color-background-input: #ffffff;
-  --color-text-body: #333333;
-  --color-text-heading: #111827;
-  --color-text-muted: #4b5563;
-  --color-text-caption: #6b7280;
-  --color-text-subtle: #5f6873;
-  --color-text-placeholder: #9ca3af;
-  --color-text-disabled: #9ca3af;
-  --color-text-link-default: #444ae1;
-  --color-text-link-hover: #363ccb;
+  --color-text-body: #2c2a26;
+  --color-text-heading: #111111;
+  --color-text-muted: #5d5b56;
+  --color-text-caption: #7c7974;
+  --color-text-subtle: #7c7974;
+  --color-text-placeholder: #a09d98;
+  --color-text-disabled: #d4d3d0;
+  --color-text-link-default: #111111;
+  --color-text-link-hover: #2c2a26;
   --color-text-onPrimary: #ffffff;
-  --color-border-default: #e5e7eb;
-  --color-border-focus: #111827;
-  --color-border-muted: #e5e7eb;
-  --color-border-input: #d1d5db;
-  --color-feedback-success-text: #065f46;
-  --color-feedback-success-background: #d1fae5;
-  --color-feedback-success-border: #10b981;
-  --color-feedback-error-text: #b91c1c;
-  --color-feedback-error-background: #fee2e2;
-  --color-feedback-error-border: #ef4444;
-  --color-feedback-warning-text: #92400e;
-  --color-feedback-warning-background: #fef3c7;
-  --color-feedback-warning-border: #f59e0b;
-  --color-feedback-info-text: #2563eb;
-  --color-feedback-info-background: #dbeafe;
-  --color-feedback-info-border: #93c5fd;
-  --color-action-brand: #444ae1;
-  --color-action-brand-hover: #363ccb;
+  --color-border-default: #e7e6e5;
+  --color-border-focus: #111111;
+  --color-border-muted: #f5f5f4;
+  --color-border-input: #d4d3d0;
+  --color-feedback-success-text: #15452a;
+  --color-feedback-success-background: #e4f3e9;
+  --color-feedback-success-border: #278a4a;
+  --color-feedback-error-text: #7a1212;
+  --color-feedback-error-background: #fdecec;
+  --color-feedback-error-border: #c42d2d;
+  --color-feedback-warning-text: #7a4708;
+  --color-feedback-warning-background: #fcefd9;
+  --color-feedback-warning-border: #c88420;
+  --color-feedback-info-text: #123862;
+  --color-feedback-info-background: #e0eaf5;
+  --color-feedback-info-border: #2d6cb8;
+  --color-action-brand: #111111;
+  --color-action-brand-hover: #2c2a26;
   --color-action-brand-text: #ffffff;
-  --color-action-default: #333333;
-  --color-action-default-hover: #4b5563;
+  --color-action-default: #111111;
+  --color-action-default-hover: #2c2a26;
   --color-action-default-text: #ffffff;
-  --color-skeleton-base: #e5e7eb;
-  --color-skeleton-highlight: #f3f4f6;
-  --color-skeleton-wave: rgba(255, 255, 255, 0.5);
+  --color-skeleton-base: #e7e6e5;
+  --color-skeleton-highlight: #f5f5f4;
+  --color-skeleton-wave: rgba(255, 255, 255, 0.6);
 
-  color: #333333;
+  color: #2c2a26;
 }