@yurikilian/lex4 1.7.0 → 1.8.0

package/dist/lexical/commands/block-commands.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"block-commands.d.ts","sourceRoot":"","sources":["../../../src/lexical/commands/block-commands.ts"],"names":[],"mappings":"AACA,OAAO,EAWL,KAAK,aAAa,EAEnB,MAAM,SAAS,CAAC;AAKjB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AA+F/C,wBAAgB,YAAY,CAAC,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,GAAG,IAAI,CAgE9E;AAED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,aAAa,GAAG,SAAS,CAgCnE"}
+{"version":3,"file":"block-commands.d.ts","sourceRoot":"","sources":["../../../src/lexical/commands/block-commands.ts"],"names":[],"mappings":"AACA,OAAO,EAWL,KAAK,aAAa,EAEnB,MAAM,SAAS,CAAC;AAKjB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAwH/C,wBAAgB,YAAY,CAAC,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,GAAG,IAAI,CAmF9E;AAED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,aAAa,GAAG,SAAS,CAgCnE"}

package/dist/style.css

@@ -88,7 +88,7 @@
 .lex4-editor {
   --lex4-sidebar-width: 320px;
   --lex4-ui-font-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
-  --lex4-font-family: 'Calibri', 'Carlito', sans-serif;
+  --lex4-font-family: 'Inter', 'Inter Variable', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
   --lex4-body-font-size: 12pt;
   --lex4-body-line-height: 1.5;
 
@@ -218,7 +218,7 @@
   gap: 0.375rem;
   height: 32px;
   padding: 0 0.5rem 0 0.625rem;
-  border-radius: 999px;
+  border-radius: 0.375rem;
   border: 1px solid var(--color-input);
   background-color: var(--color-background);
   color: var(--color-foreground);
@@ -265,7 +265,7 @@
   min-width: 13rem;
   padding: 0.375rem;
   border: 1px solid var(--color-border);
-  border-radius: 1rem;
+  border-radius: 0.5rem;
   background-color: var(--color-surface-elevated);
   box-shadow: var(--shadow-lg);
   z-index: 30;
@@ -277,7 +277,7 @@
   align-items: center;
   gap: 0.75rem;
   padding: 0.625rem 0.75rem;
-  border-radius: 0.75rem;
+  border-radius: 0.5rem;
   color: var(--color-foreground);
   transition: background-color 150ms, color 150ms;
 }
@@ -392,7 +392,7 @@
 .lex4-toolbar-select {
   height: 32px;
   border-radius: 0.375rem;
-  border: 1px solid transparent;
+  border: 1px solid var(--color-input);
   padding: 0 0.5rem;
   font-size: 0.75rem;
   line-height: 1rem;
@@ -1042,43 +1042,47 @@
 
 /* ── Variable chip (inline node) ─────────────────────────── */
 .lex4-variable-chip {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.1875rem;
-  border-radius: 0.1875rem;
+  display: inline-block;
+  border-radius: 0.22em;
   border: 1px solid var(--lex4-variable-border, var(--color-border));
   background-color: var(--lex4-variable-bg, color-mix(in srgb, var(--color-surface-elevated) 92%, var(--color-secondary)));
-  padding: 0.0625rem 0.3125rem;
-  font-size: inherit;
+  padding: 0.08em 0.3em;
+  font-size: 0.85em;
   font-weight: inherit;
+  line-height: 1;
   color: var(--color-foreground);
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
   cursor: default;
   white-space: nowrap;
-  margin: 0 0.125rem;
+  vertical-align: -0.04em;
+  margin: 0 0.0625em;
   transition: border-color 150ms, background-color 150ms, box-shadow 150ms;
 }
 
 .lex4-variable-chip::before {
   content: '';
   display: inline-block;
-  width: 4px;
-  height: 4px;
+  width: 0.25em;
+  height: 0.25em;
+  min-width: 3px;
+  min-height: 3px;
+  margin-right: 0.125em;
   border-radius: 50%;
   background-color: var(--lex4-variable-accent, var(--color-muted-foreground));
-  flex-shrink: 0;
+  vertical-align: middle;
 }
 
 .lex4-variable-chip:hover {
+  background-color: color-mix(in srgb, var(--lex4-variable-bg, var(--color-surface-elevated)) 90%, var(--color-surface-elevated));
   border-color: color-mix(in srgb, var(--lex4-variable-accent, var(--color-border-strong)) 40%, var(--color-border));
 }
 
 .lex4-variable-chip-selected {
-  border-color: color-mix(in srgb, var(--lex4-variable-accent, var(--color-primary)) 45%, var(--color-primary));
-  background-color: color-mix(in srgb, var(--lex4-variable-bg, var(--color-secondary)) 72%, var(--color-selection-bg));
-  box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 16%, transparent);
+  border-color: color-mix(in srgb, var(--lex4-variable-accent, var(--color-border-strong)) 34%, var(--color-border-strong));
+  background-color: color-mix(in srgb, var(--lex4-variable-bg, var(--color-surface-elevated)) 82%, var(--color-surface-elevated));
+  box-shadow: 0 0 0 1px color-mix(in srgb, var(--lex4-variable-accent, var(--color-border-strong)) 18%, transparent);
 }
 
 /* ── Document view ───────────────────────────────────────── */
@@ -1443,8 +1447,8 @@
 .lex4-variable-chip[data-variable-group="Customer"],
 .lex4-variable-chip[data-variable-group="customer"] {
   --lex4-variable-accent: var(--color-token-customer);
-  --lex4-variable-bg: color-mix(in srgb, var(--color-token-customer-bg) 32%, var(--color-surface-elevated));
-  --lex4-variable-border: color-mix(in srgb, var(--color-token-customer) 12%, var(--color-border));
+  --lex4-variable-bg: color-mix(in srgb, var(--color-token-customer-bg) 24%, var(--color-surface-elevated));
+  --lex4-variable-border: color-mix(in srgb, var(--color-token-customer) 10%, var(--color-border));
 }
 
 [data-variable-group="Customer"] .lex4-variable-badge,
@@ -1464,8 +1468,8 @@
 .lex4-variable-chip[data-variable-group="Proposal"],
 .lex4-variable-chip[data-variable-group="proposal"] {
   --lex4-variable-accent: var(--color-token-proposal);
-  --lex4-variable-bg: color-mix(in srgb, var(--color-token-proposal-bg) 32%, var(--color-surface-elevated));
-  --lex4-variable-border: color-mix(in srgb, var(--color-token-proposal) 12%, var(--color-border));
+  --lex4-variable-bg: color-mix(in srgb, var(--color-token-proposal-bg) 24%, var(--color-surface-elevated));
+  --lex4-variable-border: color-mix(in srgb, var(--color-token-proposal) 10%, var(--color-border));
 }
 
 [data-variable-group="Proposal"] .lex4-variable-badge,
@@ -1485,8 +1489,8 @@
 .lex4-variable-chip[data-variable-group="Seller"],
 .lex4-variable-chip[data-variable-group="seller"] {
   --lex4-variable-accent: var(--color-token-seller);
-  --lex4-variable-bg: color-mix(in srgb, var(--color-token-seller-bg) 32%, var(--color-surface-elevated));
-  --lex4-variable-border: color-mix(in srgb, var(--color-token-seller) 12%, var(--color-border));
+  --lex4-variable-bg: color-mix(in srgb, var(--color-token-seller-bg) 24%, var(--color-surface-elevated));
+  --lex4-variable-border: color-mix(in srgb, var(--color-token-seller) 10%, var(--color-border));
 }
 
 [data-variable-group="Seller"] .lex4-variable-badge,
@@ -1506,8 +1510,8 @@
 .lex4-variable-chip[data-variable-group="Company"],
 .lex4-variable-chip[data-variable-group="company"] {
   --lex4-variable-accent: var(--color-token-company);
-  --lex4-variable-bg: color-mix(in srgb, var(--color-token-company-bg) 32%, var(--color-surface-elevated));
-  --lex4-variable-border: color-mix(in srgb, var(--color-token-company) 12%, var(--color-border));
+  --lex4-variable-bg: color-mix(in srgb, var(--color-token-company-bg) 24%, var(--color-surface-elevated));
+  --lex4-variable-border: color-mix(in srgb, var(--color-token-company) 10%, var(--color-border));
 }
 
 [data-variable-group="Company"] .lex4-variable-badge,

package/dist/variables/variable-formatting.d.ts

@@ -1,5 +1,6 @@
 import { LexicalEditor, TextFormatType } from 'lexical';
 import { VariableNode } from './variable-node';
+export declare function getVisuallySelectedVariableNodes(editor: LexicalEditor): VariableNode[];
 export declare function getSelectedVariableNodes(editor: LexicalEditor): VariableNode[];
 export declare function toggleSelectedVariableFormat(editor: LexicalEditor, format: TextFormatType): boolean;
 export declare function applyFontFamilyToSelectedVariables(editor: LexicalEditor, fontFamily: string): boolean;

package/dist/variables/variable-formatting.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"variable-formatting.d.ts","sourceRoot":"","sources":["../../src/variables/variable-formatting.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,cAAc,EACpB,MAAM,SAAS,CAAC;AAOjB,OAAO,EAAmB,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAiCrE,wBAAgB,wBAAwB,CAAC,MAAM,EAAE,aAAa,GAAG,YAAY,EAAE,CAa9E;AAED,wBAAgB,4BAA4B,CAC1C,MAAM,EAAE,aAAa,EACrB,MAAM,EAAE,cAAc,GACrB,OAAO,CAgBT;AAED,wBAAgB,kCAAkC,CAChD,MAAM,EAAE,aAAa,EACrB,UAAU,EAAE,MAAM,GACjB,OAAO,CAMT;AAED,wBAAgB,gCAAgC,CAC9C,MAAM,EAAE,aAAa,EACrB,IAAI,EAAE,MAAM,GACX,OAAO,CAMT;AAED,wBAAgB,8BAA8B,CAAC,MAAM,EAAE,aAAa,GAAG;IACrE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAyBA"}
+{"version":3,"file":"variable-formatting.d.ts","sourceRoot":"","sources":["../../src/variables/variable-formatting.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,cAAc,EACpB,MAAM,SAAS,CAAC;AAOjB,OAAO,EAAmB,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AA4BrE,wBAAgB,gCAAgC,CAAC,MAAM,EAAE,aAAa,GAAG,YAAY,EAAE,CAuBtF;AAyBD,wBAAgB,wBAAwB,CAAC,MAAM,EAAE,aAAa,GAAG,YAAY,EAAE,CAc9E;AAED,wBAAgB,4BAA4B,CAC1C,MAAM,EAAE,aAAa,EACrB,MAAM,EAAE,cAAc,GACrB,OAAO,CAgBT;AAED,wBAAgB,kCAAkC,CAChD,MAAM,EAAE,aAAa,EACrB,UAAU,EAAE,MAAM,GACjB,OAAO,CAMT;AAED,wBAAgB,gCAAgC,CAC9C,MAAM,EAAE,aAAa,EACrB,IAAI,EAAE,MAAM,GACX,OAAO,CAMT;AAED,wBAAgB,8BAA8B,CAAC,MAAM,EAAE,aAAa,GAAG;IACrE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAyBA"}

package/dist/variables/variable-node.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"variable-node.d.ts","sourceRoot":"","sources":["../../src/variables/variable-node.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,aAAa,EACb,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,OAAO,EACZ,KAAK,qBAAqB,EAC1B,KAAK,MAAM,EACZ,MAAM,SAAS,CAAC;AAiBjB,MAAM,MAAM,sBAAsB,GAAG,MAAM,CACzC;IACE,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,EACD,qBAAqB,CACtB,CAAC;AAEF;;;;;;;;;GASG;AACH,qBAAa,YAAa,SAAQ,aAAa,CAAC,GAAG,CAAC,OAAO,CAAC;IAC1D,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAEhB,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,YAAY,GAAG,YAAY;gBAIlC,WAAW,EAAE,MAAM,EAAE,MAAM,SAAI,EAAE,KAAK,SAAK,EAAE,GAAG,CAAC,EAAE,OAAO;IAOtE,cAAc,IAAI,MAAM;IAIxB,SAAS,IAAI,MAAM;IAInB,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAM/B,QAAQ,IAAI,MAAM;IAIlB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAQ7B,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,sBAAsB,GAAG,YAAY;IAQvE,UAAU,IAAI,sBAAsB;IAYpC,SAAS,IAAI,WAAW;IASxB,SAAS,IAAI,KAAK;IAIlB,SAAS,IAAI,eAAe;IAO5B,MAAM,CAAC,SAAS,IAAI,gBAAgB,GAAG,IAAI;IAM3C,QAAQ,IAAI,OAAO;IAInB,oBAAoB,IAAI,OAAO;IAI/B,cAAc,IAAI,MAAM;IAMxB,QAAQ,IAAI,GAAG,CAAC,OAAO;CAUxB;AAyJD,wBAAgB,mBAAmB,CACjC,WAAW,EAAE,MAAM,EACnB,MAAM,SAAI,EACV,KAAK,SAAK,GACT,YAAY,CAEd;AAED,wBAAgB,eAAe,CAC7B,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GACnC,IAAI,IAAI,YAAY,CAEtB"}
+{"version":3,"file":"variable-node.d.ts","sourceRoot":"","sources":["../../src/variables/variable-node.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,aAAa,EACb,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,OAAO,EACZ,KAAK,qBAAqB,EAC1B,KAAK,MAAM,EACZ,MAAM,SAAS,CAAC;AAiBjB,MAAM,MAAM,sBAAsB,GAAG,MAAM,CACzC;IACE,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,EACD,qBAAqB,CACtB,CAAC;AAEF;;;;;;;;;GASG;AACH,qBAAa,YAAa,SAAQ,aAAa,CAAC,GAAG,CAAC,OAAO,CAAC;IAC1D,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAEhB,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,YAAY,GAAG,YAAY;gBAIlC,WAAW,EAAE,MAAM,EAAE,MAAM,SAAI,EAAE,KAAK,SAAK,EAAE,GAAG,CAAC,EAAE,OAAO;IAOtE,cAAc,IAAI,MAAM;IAIxB,SAAS,IAAI,MAAM;IAInB,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAM/B,QAAQ,IAAI,MAAM;IAIlB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAQ7B,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,sBAAsB,GAAG,YAAY;IAQvE,UAAU,IAAI,sBAAsB;IAYpC,SAAS,IAAI,WAAW;IAUxB,SAAS,IAAI,KAAK;IAIlB,SAAS,IAAI,eAAe;IAO5B,MAAM,CAAC,SAAS,IAAI,gBAAgB,GAAG,IAAI;IAM3C,QAAQ,IAAI,OAAO;IAInB,oBAAoB,IAAI,OAAO;IAI/B,cAAc,IAAI,MAAM;IAMxB,QAAQ,IAAI,GAAG,CAAC,OAAO;CAUxB;AA+LD,wBAAgB,mBAAmB,CACjC,WAAW,EAAE,MAAM,EACnB,MAAM,SAAI,EACV,KAAK,SAAK,GACT,YAAY,CAEd;AAED,wBAAgB,eAAe,CAC7B,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GACnC,IAAI,IAAI,YAAY,CAEtB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yurikilian/lex4",
-  "version": "1.7.0",
+  "version": "1.8.0",
   "license": "MIT",
   "repository": {
     "type": "git",