@syntrologie/adapt-nav 2.8.0-canary.97 → 2.8.0-canary.99

package/node_modules/@syntrologie/shared-editor-ui/dist/components/AnchorPickerLit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnchorPickerLit.d.ts","sourceRoot":"","sources":["../../src/components/AnchorPickerLit.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAQ,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAahD,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB;AAgBD,qBAAa,eAAgB,SAAQ,UAAU;IAC7C,OAAgB,UAAU;;;;;;;;;;;;;;;;;;;MAOxB;IAEF,QAAQ,UAAS;IACjB,iBAAiB,UAAS;IAC1B,eAAe,EAAE,MAAM,CAA4B;IAGnD,OAAO,CAAC,eAAe,CAAwB;IAC/C,OAAO,CAAC,gBAAgB,CAAM;IAG9B,OAAO,CAAC,UAAU,CAA+B;IAIxC,gBAAgB;IAIhB,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAiBrD,OAAO,CAAC,wBAAwB;IAQhC,OAAO,CAAC,wBAAwB;IAQhC;;;;;;OAMG;IACH,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,gBAAgB,CA+CtB;IAEF,OAAO,CAAC,YAAY,CAwBlB;IAEF,OAAO,CAAC,cAAc,CAUpB;IAIO,MAAM;CA0GhB"}
+{"version":3,"file":"AnchorPickerLit.d.ts","sourceRoot":"","sources":["../../src/components/AnchorPickerLit.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,EAAQ,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAahD,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB;AAiBD,qBAAa,eAAgB,SAAQ,UAAU;IAC7C,OAAgB,UAAU;;;;;;;;;;;;;;;;;;;MAOxB;IAEF,QAAQ,UAAS;IACjB,iBAAiB,UAAS;IAC1B,eAAe,EAAE,MAAM,CAA4B;IAGnD,OAAO,CAAC,eAAe,CAAwB;IAC/C,OAAO,CAAC,gBAAgB,CAAM;IAG9B,OAAO,CAAC,UAAU,CAA+B;IAIxC,gBAAgB;IAIhB,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAiBrD,OAAO,CAAC,wBAAwB;IAQhC,OAAO,CAAC,wBAAwB;IAQhC;;;;;;OAMG;IACH,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,gBAAgB,CA+CtB;IAEF,OAAO,CAAC,YAAY,CAwBlB;IAEF,OAAO,CAAC,cAAc,CAUpB;IAIO,MAAM;CA0GhB"}

package/node_modules/@syntrologie/shared-editor-ui/dist/components/AnchorPickerLit.js

@@ -15,14 +15,16 @@
  * - Escape key cancellation
  * - Exclude selector filtering
  */
+import { colors } from '@syntro/design-system';
 import { html, LitElement, nothing } from 'lit';
 import { styleMap } from 'lit/directives/style-map.js';
 import { generateSelector, getElementDescription, validateSelector, } from '../utils/selectorGenerator';
 // =============================================================================
 // Constants
 // =============================================================================
-const HIGHLIGHT_COLOR = '#3b82f6';
-const HIGHLIGHT_BG = 'rgba(59, 130, 246, 0.1)';
+const HIGHLIGHT_COLOR = colors.blue[4];
+// rgba triple matches colors.blue[4] (#1969fe → 25, 105, 254) at 10% alpha.
+const HIGHLIGHT_BG = 'rgba(25, 105, 254, 0.1)';
 const DEFAULT_EXCLUDE_SELECTOR = '[data-syntro-editor-panel], [data-shadow-canvas-id], .syntro-tooltip, .syntro-modal, .syntro-highlight, [data-syntro-anchor-picker]';
 // =============================================================================
 // Component
@@ -221,8 +223,8 @@ export class AnchorPickerLit extends LitElement {
                 position: 'fixed',
                 left: `${Math.max(8, Math.min(rect.left, window.innerWidth - 320))}px`,
                 top: `${Math.max(8, rect.top - 68)}px`,
-                backgroundColor: '#1e293b',
-                color: '#e2e8f0',
+                backgroundColor: colors.slateGrey[3],
+                color: colors.slateGrey[11],
                 padding: '8px 12px',
                 borderRadius: '6px',
                 boxShadow: '0 4px 12px rgba(0, 0, 0, 0.3)',
@@ -238,14 +240,14 @@ export class AnchorPickerLit extends LitElement {
                 textTransform: 'uppercase',
                 letterSpacing: '0.05em',
                 marginBottom: '4px',
-                color: '#94a3b8',
+                color: colors.slateGrey[9],
             })}
               >
                 Click to select
               </div>
               <div
                 style=${styleMap({
-                color: '#38bdf8',
+                color: colors.blue[5],
                 overflow: 'hidden',
                 textOverflow: 'ellipsis',
                 whiteSpace: 'nowrap',
@@ -256,7 +258,7 @@ export class AnchorPickerLit extends LitElement {
               <div
                 style=${styleMap({
                 marginTop: '4px',
-                color: '#cbd5e1',
+                color: colors.slateGrey[10],
                 overflow: 'hidden',
                 textOverflow: 'ellipsis',
                 whiteSpace: 'nowrap',

package/node_modules/@syntrologie/shared-editor-ui/dist/components/ElementHighlightLit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ElementHighlightLit.d.ts","sourceRoot":"","sources":["../../src/components/ElementHighlightLit.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAQ,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAOhD,qBAAa,mBAAoB,SAAQ,UAAU;IACjD,OAAgB,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAcxB;IAEF,OAAO,EAAE,WAAW,GAAG,IAAI,CAAQ;IACnC,KAAK,SAAa;IAClB,OAAO,SAAiB;IACxB,WAAW,EAAE,OAAO,GAAG,QAAQ,CAAW;IAC1C,WAAW,SAAK;IAChB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,UAAU,UAAS;IACnB,cAAc,UAAS;IACvB,MAAM,SAAc;IACpB,OAAO,SAAK;IACZ,gFAAgF;IAChF,WAAW,UAAS;IAGpB,OAAO,CAAC,KAAK,CAAwB;IAGrC,OAAO,CAAC,eAAe,CAA+B;IACtD,OAAO,CAAC,MAAM,CAAuB;IAG5B,gBAAgB;IAIhB,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAUrD,OAAO,CAAC,eAAe;IAkBvB,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,eAAe,CAQrB;IAIF,OAAO,CAAC,YAAY;IAWpB,OAAO,CAAC,cAAc;IAatB,OAAO,CAAC,aAAa;IAaZ,MAAM;CA4GhB"}
+{"version":3,"file":"ElementHighlightLit.d.ts","sourceRoot":"","sources":["../../src/components/ElementHighlightLit.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,EAAQ,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAOhD,qBAAa,mBAAoB,SAAQ,UAAU;IACjD,OAAgB,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAcxB;IAEF,OAAO,EAAE,WAAW,GAAG,IAAI,CAAQ;IACnC,KAAK,EAAE,MAAM,CAAkB;IAC/B,OAAO,SAAiB;IACxB,WAAW,EAAE,OAAO,GAAG,QAAQ,CAAW;IAC1C,WAAW,SAAK;IAChB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,UAAU,UAAS;IACnB,cAAc,UAAS;IACvB,MAAM,SAAc;IACpB,OAAO,SAAK;IACZ,gFAAgF;IAChF,WAAW,UAAS;IAGpB,OAAO,CAAC,KAAK,CAAwB;IAGrC,OAAO,CAAC,eAAe,CAA+B;IACtD,OAAO,CAAC,MAAM,CAAuB;IAG5B,gBAAgB;IAIhB,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAUrD,OAAO,CAAC,eAAe;IAkBvB,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,eAAe,CAQrB;IAIF,OAAO,CAAC,YAAY;IAWpB,OAAO,CAAC,cAAc;IAatB,OAAO,CAAC,aAAa;IAaZ,MAAM;CA4GhB"}

package/node_modules/@syntrologie/shared-editor-ui/dist/components/ElementHighlightLit.js

@@ -14,6 +14,7 @@
  * - Dimensions display mode
  * - Click/keyboard interaction support
  */
+import { colors } from '@syntro/design-system';
 import { html, LitElement, nothing } from 'lit';
 import { styleMap } from 'lit/directives/style-map.js';
 // =============================================================================
@@ -23,7 +24,7 @@ export class ElementHighlightLit extends LitElement {
     constructor() {
         super(...arguments);
         this.element = null;
-        this.color = '#3b82f6';
+        this.color = colors.blue[4];
         this.bgColor = 'transparent';
         this.borderStyle = 'solid';
         this.borderWidth = 2;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syntrologie/adapt-nav",
-  "version": "2.8.0-canary.97",
+  "version": "2.8.0-canary.99",
   "description": "Adaptive Navigation - Nav link widget, scroll-to and page navigation actions",
   "license": "Proprietary",
   "private": false,

package/node_modules/@syntro/design-system/dist/tokens/__tests__/panel-shell.test.d.ts

@@ -1,10 +0,0 @@
-/**
- * panel-shell token tests.
- *
- * Locks the exact values exposed by the panel-shell token module so a
- * fat-fingered edit can't silently drift the editor's visual design.
- * Any intentional change here should be matched by a Figma update and
- * approved in review.
- */
-export {};
-//# sourceMappingURL=panel-shell.test.d.ts.map

package/node_modules/@syntro/design-system/dist/tokens/__tests__/panel-shell.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"panel-shell.test.d.ts","sourceRoot":"","sources":["../../../src/tokens/__tests__/panel-shell.test.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG"}

package/node_modules/@syntro/design-system/dist/tokens/__tests__/panel-shell.test.js

@@ -1,57 +0,0 @@
-/**
- * panel-shell token tests.
- *
- * Locks the exact values exposed by the panel-shell token module so a
- * fat-fingered edit can't silently drift the editor's visual design.
- * Any intentional change here should be matched by a Figma update and
- * approved in review.
- */
-import { describe, expect, it } from 'vitest';
-import { base, brand } from '../colors';
-import { fab, panelBackdropBlur, panelBackground, panelBehavior, panelShadows, panelShell, } from '../panel-shell';
-describe('panel-shell tokens', () => {
-    it('panelBackground is the canonical dark gradient', () => {
-        expect(panelBackground).toBe('linear-gradient(160deg, rgba(7,8,10,0.84) 0%, rgba(14,17,20,0.88) 45%, rgba(15,19,24,0.84) 100%)');
-    });
-    it('panelShadows cover all three dock states', () => {
-        expect(panelShadows.floating).toBe('0 8px 60px rgba(0,0,0,0.5)');
-        expect(panelShadows.dockedLeft).toBe('20px 0 60px rgba(0,0,0,0.5)');
-        expect(panelShadows.dockedRight).toBe('-20px 0 60px rgba(0,0,0,0.5)');
-    });
-    it('panelBackdropBlur is 12px (between sm and md in the effects scale)', () => {
-        expect(panelBackdropBlur).toBe('12px');
-    });
-    it('FAB uses brand black + brand red border (NOT a random hex)', () => {
-        expect(fab.background).toBe(base.black);
-        expect(fab.background).toBe('#000000');
-        expect(fab.color).toBe(base.white);
-        expect(fab.color).toBe('#ffffff');
-        // The red border must come from the brand palette, not an orphan hex.
-        expect(fab.border).toContain(brand[3]);
-        expect(fab.border).toBe('2px solid #b72e2a');
-    });
-    it('FAB dimensions match the React design (56×56, 12px inset)', () => {
-        expect(fab.size).toBe(56);
-        expect(fab.inset).toBe(12);
-    });
-    it('FAB shadow differs by open state (visual confirmation of active)', () => {
-        expect(fab.shadowClosed).toBe('0 4px 24px rgba(0,0,0,0.6)');
-        expect(fab.shadowOpen).toBe('0 4px 24px rgba(0,0,0,0.6), 0 0 0 2px rgba(255,255,255,0.08)');
-        expect(fab.shadowOpen).not.toBe(fab.shadowClosed);
-        expect(fab.shadowOpen.startsWith(fab.shadowClosed)).toBe(true);
-    });
-    it('panel behavior thresholds match React EditorPanelShell', () => {
-        expect(panelBehavior.minWidth).toBe(480);
-        expect(panelBehavior.minHeight).toBe(400);
-        expect(panelBehavior.dragThreshold).toBe(5);
-        expect(panelBehavior.snapThreshold).toBe(20);
-        expect(panelBehavior.handleSize).toBe(8);
-    });
-    it('aggregate `panelShell` export bundles every sub-token', () => {
-        expect(panelShell.background).toBe(panelBackground);
-        expect(panelShell.backdropBlur).toBe(panelBackdropBlur);
-        expect(panelShell.shadows).toBe(panelShadows);
-        expect(panelShell.fab).toBe(fab);
-        expect(panelShell.behavior).toBe(panelBehavior);
-    });
-});