@texturehq/edges 1.28.2 → 1.29.0

package/dist/server.d.cts

@@ -1,6 +1,6 @@
-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-BHVIdEzL.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-CkJf6_Bz.cjs';
 export { BreadcrumbProps, BreadcrumbsProps } from 'react-aria-components';
-export { D as DateFieldProps, F as FileUploadProps, R as RichTextEditorProps } from './RichTextEditor-7jc4jO7e.cjs';
+export { D as DateFieldProps, F as FileUploadProps, R as RichTextEditorProps } from './RichTextEditor-CxrunTg7.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { IconProps } from '@phosphor-icons/react';
 import React__default from 'react';

package/dist/server.d.ts

@@ -1,6 +1,6 @@
-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-BArtDuqU.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-DR1jXZhL.js';
 export { BreadcrumbProps, BreadcrumbsProps } from 'react-aria-components';
-export { D as DateFieldProps, F as FileUploadProps, R as RichTextEditorProps } from './RichTextEditor-7jc4jO7e.js';
+export { D as DateFieldProps, F as FileUploadProps, R as RichTextEditorProps } from './RichTextEditor-CxrunTg7.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { IconProps } from '@phosphor-icons/react';
 import React__default from 'react';

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

@@ -0,0 +1,55 @@
+/**
+ * Light Theme Override
+ *
+ * Apply the `theme-light` class to any element to force light-mode tokens
+ * within that subtree, even when the page is in dark mode.
+ *
+ * Usage: <div className="theme-light">...</div>
+ */
+
+.theme-light {
+  --color-background-body: #ffffff;
+  --color-background-surface: #ffffff;
+  --color-background-muted: #f3f4f6;
+  --color-background-hover: #f3f4f6;
+  --color-background-selected: #e5e7eb;
+  --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-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-action-brand-text: #ffffff;
+  --color-action-default: #333333;
+  --color-action-default-hover: #4b5563;
+  --color-action-default-text: #ffffff;
+  --color-skeleton-base: #e5e7eb;
+  --color-skeleton-highlight: #f3f4f6;
+  --color-skeleton-wave: rgba(255, 255, 255, 0.5);
+
+  color: #333333;
+}

package/dist/styles.css

@@ -1056,6 +1056,51 @@
   --color-state-importing-data: #3f6fc2;
   --color-state-exporting-data: #b97a19;
 }
+.theme-light {
+  --color-background-body: #ffffff;
+  --color-background-surface: #ffffff;
+  --color-background-muted: #f3f4f6;
+  --color-background-hover: #f3f4f6;
+  --color-background-selected: #e5e7eb;
+  --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-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-action-brand-text: #ffffff;
+  --color-action-default: #333333;
+  --color-action-default-hover: #4b5563;
+  --color-action-default-text: #ffffff;
+  --color-skeleton-base: #e5e7eb;
+  --color-skeleton-highlight: #f3f4f6;
+  --color-skeleton-wave: rgba(255, 255, 255, 0.5);
+  color: #333333;
+}
 @keyframes wave {
   0% {
     transform: translateX(-100%);
@@ -1585,12 +1630,18 @@
   .top-2 {
     top: var(--spacing-2);
   }
+  .top-3 {
+    top: var(--spacing-3);
+  }
   .top-4 {
     top: var(--spacing-4);
   }
   .top-5 {
     top: var(--spacing-5);
   }
+  .top-6 {
+    top: var(--spacing-6);
+  }
   .top-12 {
     top: var(--spacing-12);
   }
@@ -1678,6 +1729,9 @@
   .left-4 {
     left: var(--spacing-4);
   }
+  .left-5 {
+    left: var(--spacing-5);
+  }
   .left-6 {
     left: var(--spacing-6);
   }
@@ -2152,6 +2206,9 @@
   .min-h-\[200px\] {
     min-height: 200px;
   }
+  .min-h-\[250px\] {
+    min-height: 250px;
+  }
   .min-h-\[280px\] {
     min-height: 280px;
   }
@@ -3855,12 +3912,18 @@
   .p-2 {
     padding: var(--spacing-2);
   }
+  .p-2\.5 {
+    padding: calc(var(--spacing) * 2.5);
+  }
   .p-3 {
     padding: var(--spacing-3);
   }
   .p-4 {
     padding: var(--spacing-4);
   }
+  .p-5 {
+    padding: var(--spacing-5);
+  }
   .p-6 {
     padding: var(--spacing-6);
   }
@@ -7779,28 +7842,94 @@
       line-height: var(--tw-leading, var(--text-sm--line-height));
     }
   }
+  .\[\&_\.ProseMirror_h1\]\:mb-2 {
+    & .ProseMirror h1 {
+      margin-bottom: var(--spacing-2);
+    }
+  }
   .\[\&_\.ProseMirror_h1\]\:mb-4 {
     & .ProseMirror h1 {
       margin-bottom: var(--spacing-4);
     }
   }
+  .\[\&_\.ProseMirror_h1\]\:mb-5 {
+    & .ProseMirror h1 {
+      margin-bottom: var(--spacing-5);
+    }
+  }
+  .\[\&_\.ProseMirror_h1\]\:mb-6 {
+    & .ProseMirror h1 {
+      margin-bottom: var(--spacing-6);
+    }
+  }
   .\[\&_\.ProseMirror_h1\]\:text-2xl {
     & .ProseMirror h1 {
       font-size: var(--text-2xl);
       line-height: var(--tw-leading, var(--text-2xl--line-height));
     }
   }
+  .\[\&_\.ProseMirror_h1\]\:text-3xl {
+    & .ProseMirror h1 {
+      font-size: var(--text-3xl);
+      line-height: var(--tw-leading, var(--text-3xl--line-height));
+    }
+  }
+  .\[\&_\.ProseMirror_h1\]\:text-4xl {
+    & .ProseMirror h1 {
+      font-size: var(--text-4xl);
+      line-height: var(--tw-leading, var(--text-4xl--line-height));
+    }
+  }
+  .\[\&_\.ProseMirror_h1\]\:text-base {
+    & .ProseMirror h1 {
+      font-size: var(--text-base);
+      line-height: var(--tw-leading, var(--text-base--line-height));
+    }
+  }
   .\[\&_\.ProseMirror_h1\]\:font-bold {
     & .ProseMirror h1 {
       --tw-font-weight: var(--font-weight-bold);
       font-weight: var(--font-weight-bold);
     }
   }
+  .\[\&_\.ProseMirror_h2\]\:mb-1\.5 {
+    & .ProseMirror h2 {
+      margin-bottom: calc(var(--spacing) * 1.5);
+    }
+  }
   .\[\&_\.ProseMirror_h2\]\:mb-3 {
     & .ProseMirror h2 {
       margin-bottom: var(--spacing-3);
     }
   }
+  .\[\&_\.ProseMirror_h2\]\:mb-4 {
+    & .ProseMirror h2 {
+      margin-bottom: var(--spacing-4);
+    }
+  }
+  .\[\&_\.ProseMirror_h2\]\:mb-5 {
+    & .ProseMirror h2 {
+      margin-bottom: var(--spacing-5);
+    }
+  }
+  .\[\&_\.ProseMirror_h2\]\:text-2xl {
+    & .ProseMirror h2 {
+      font-size: var(--text-2xl);
+      line-height: var(--tw-leading, var(--text-2xl--line-height));
+    }
+  }
+  .\[\&_\.ProseMirror_h2\]\:text-3xl {
+    & .ProseMirror h2 {
+      font-size: var(--text-3xl);
+      line-height: var(--tw-leading, var(--text-3xl--line-height));
+    }
+  }
+  .\[\&_\.ProseMirror_h2\]\:text-sm {
+    & .ProseMirror h2 {
+      font-size: var(--text-sm);
+      line-height: var(--tw-leading, var(--text-sm--line-height));
+    }
+  }
   .\[\&_\.ProseMirror_h2\]\:text-xl {
     & .ProseMirror h2 {
       font-size: var(--text-xl);
@@ -7818,31 +7947,76 @@
       border-color: var(--color-border-muted);
     }
   }
+  .\[\&_\.ProseMirror_li\]\:mb-0\.5 {
+    & .ProseMirror li {
+      margin-bottom: calc(var(--spacing) * 0.5);
+    }
+  }
   .\[\&_\.ProseMirror_li\]\:mb-1 {
     & .ProseMirror li {
       margin-bottom: var(--spacing-1);
     }
   }
+  .\[\&_\.ProseMirror_li\]\:mb-1\.5 {
+    & .ProseMirror li {
+      margin-bottom: calc(var(--spacing) * 1.5);
+    }
+  }
+  .\[\&_\.ProseMirror_li\]\:mb-2 {
+    & .ProseMirror li {
+      margin-bottom: var(--spacing-2);
+    }
+  }
+  .\[\&_\.ProseMirror_ol\]\:mb-1 {
+    & .ProseMirror ol {
+      margin-bottom: var(--spacing-1);
+    }
+  }
   .\[\&_\.ProseMirror_ol\]\:mb-2 {
     & .ProseMirror ol {
       margin-bottom: var(--spacing-2);
     }
   }
+  .\[\&_\.ProseMirror_ol\]\:mb-3 {
+    & .ProseMirror ol {
+      margin-bottom: var(--spacing-3);
+    }
+  }
+  .\[\&_\.ProseMirror_ol\]\:ml-4 {
+    & .ProseMirror ol {
+      margin-left: var(--spacing-4);
+    }
+  }
   .\[\&_\.ProseMirror_ol\]\:ml-6 {
     & .ProseMirror ol {
       margin-left: var(--spacing-6);
     }
   }
+  .\[\&_\.ProseMirror_ol\]\:ml-8 {
+    & .ProseMirror ol {
+      margin-left: var(--spacing-8);
+    }
+  }
   .\[\&_\.ProseMirror_ol\]\:list-decimal {
     & .ProseMirror ol {
       list-style-type: decimal;
     }
   }
+  .\[\&_\.ProseMirror_p\]\:mb-1 {
+    & .ProseMirror p {
+      margin-bottom: var(--spacing-1);
+    }
+  }
   .\[\&_\.ProseMirror_p\]\:mb-2 {
     & .ProseMirror p {
       margin-bottom: var(--spacing-2);
     }
   }
+  .\[\&_\.ProseMirror_p\]\:mb-3 {
+    & .ProseMirror p {
+      margin-bottom: var(--spacing-3);
+    }
+  }
   .\[\&_\.ProseMirror_pre\]\:rounded-md {
     & .ProseMirror pre {
       border-radius: var(--radius-md);
@@ -7869,16 +8043,36 @@
       line-height: var(--tw-leading, var(--text-sm--line-height));
     }
   }
+  .\[\&_\.ProseMirror_ul\]\:mb-1 {
+    & .ProseMirror ul {
+      margin-bottom: var(--spacing-1);
+    }
+  }
   .\[\&_\.ProseMirror_ul\]\:mb-2 {
     & .ProseMirror ul {
       margin-bottom: var(--spacing-2);
     }
   }
+  .\[\&_\.ProseMirror_ul\]\:mb-3 {
+    & .ProseMirror ul {
+      margin-bottom: var(--spacing-3);
+    }
+  }
+  .\[\&_\.ProseMirror_ul\]\:ml-4 {
+    & .ProseMirror ul {
+      margin-left: var(--spacing-4);
+    }
+  }
   .\[\&_\.ProseMirror_ul\]\:ml-6 {
     & .ProseMirror ul {
       margin-left: var(--spacing-6);
     }
   }
+  .\[\&_\.ProseMirror_ul\]\:ml-8 {
+    & .ProseMirror ul {
+      margin-left: var(--spacing-8);
+    }
+  }
   .\[\&_\.ProseMirror_ul\]\:list-disc {
     & .ProseMirror ul {
       list-style-type: disc;

package/dist/theme.css

@@ -23,6 +23,10 @@
    from the @theme block, so we load them separately in a plain :root block. */
 @import "./generated/viz-runtime.css";
 
+/* Layer 1c: Light Theme Override
+   Allows forcing light-mode tokens on a subtree via .theme-light class */
+@import "./styles/theme-light-override.css";
+
 /* Layer 2: Animation Features
    Keyframes and animation utilities that aren't design tokens */
 @import "./styles/animations.css";

package/dist/utilities.manifest.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.28.2",
+  "version": "1.29.0",
   "categories": {
     "hooks": {
       "description": "React hooks for common functionality like breakpoints, debouncing, local storage, and media queries",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@texturehq/edges",
-  "version": "1.28.2",
+  "version": "1.29.0",
   "author": "Nicholas Brown <nick@texturehq.com>",
   "description": "A shared component library for Texture",
   "type": "module",

package/scripts/copy-assets.js

@@ -15,6 +15,7 @@ try {
     "src/styles/computed.css",
     "src/styles/utilities.css",
     "src/styles/responsive-typography.css",
+    "src/styles/theme-light-override.css",
   ];
 
   // Create styles directory in dist