@gemboss/gem-framework 0.12.0 → 0.12.1

package/README.md

@@ -93,6 +93,12 @@ Từ 0.8.2 mỗi module có `.d.ts` cạnh nó (`mount(root?: ParentNode | null,
 
 ## Nhật ký thay đổi
 
+- **0.12.1** (10/10/2026): hai ca biên của token nút, review gemsite #839 bắt khi gemsite chép phép đọc này để phát token
+  cho store. (1) Bo trỏ một bậc bo khác (`radius.button: var(--gem-radius-pill)`) không bị nhân núm `--gem-style-radius`
+  lần hai: bậc được trỏ tới đã nhân rồi (pill 1,4 thành 1,96×). Áp chung cho mọi thang qua `toScaledCssVars`; giá trị số
+  và biến ngoài thang (`var(--brand-radius)`) vẫn nhân như cũ. (2) Khai trùng khoá (`buttonTransform` + `button_transform`)
+  giữ giá trị HỢP LỆ cuối cùng; bản cũ xoá mất biến trong khi luật in hoa vẫn trỏ tới nó. Không plan, preset hay giá trị mặc
+  định nào đang dùng hai dạng này, nên không cần edition mới.
 - **0.12.0** (10/10/2026): **edition** (Chris chốt 10/10/2026). Mỗi store ghim một edition; CSS làm đổi hình store
   không yêu cầu nó thì phát dưới edition kế tiếp thay vì đổi mọi store cùng lúc. Plan mang `framework_edition` (số nguyên,
   thiếu = 1); storefront đặt nó lên `<html>` thành `data-gem-edition`. Luật của edition N viết dưới

package/dist/SOURCE.json

@@ -1,7 +1,7 @@
 {
   "package": "@gemboss/gem-framework",
-  "version": "0.12.0",
-  "gemtheme_sha": "19bae499182a6b3479f331ae4c4647458d3625c5",
+  "version": "0.12.1",
+  "gemtheme_sha": "4ceacbe0c2ace7da410851fc5fe15589c1d87b77",
   "gemtheme_dirty": false,
-  "framework_version": "0.12.0"
+  "framework_version": "0.12.1"
 }

package/dist/index.js

@@ -261,7 +261,7 @@ function aaLabelColor(preferred, fill, fallbacks = []) {
 }
 
 // ../../packages/gem-framework/src/tokens.ts
-var gemFrameworkVersion = "0.12.0";
+var gemFrameworkVersion = "0.12.1";
 var GEM_FOCUS_RING_CSS_VAR = "--gem-focus-ring: 2px solid var(--gem-color-accent);";
 var GEM_TAP_MIN_CSS_VAR = "--gem-tap-min: 44px;";
 var GEM_FOCUS_OFFSET_CSS_VAR = "--gem-focus-offset: 3px;";
@@ -326,7 +326,7 @@ function readButtonTokens(tokens) {
       const key = byNorm.get(buttonKeyNorm(rawKey));
       if (!key) continue;
       copy ??= { ...values };
-      delete copy[rawKey];
+      if (rawKey !== key) delete copy[rawKey];
       const v = buttonTokenValue(group, key, raw);
       if (v === null) out.invalid.push({ path: `${group}.${rawKey}`, value: raw });
       else {
@@ -334,6 +334,9 @@ function readButtonTokens(tokens) {
         out.values[key] = v;
       }
     }
+    if (copy) {
+      for (const key of keys) if (!(key in out.values)) delete copy[key];
+    }
     if (copy) out.groups[group] = copy;
   }
   return out;
@@ -739,7 +742,11 @@ function toScaledCssVars(namespace, values, knob) {
     // bọc nó vào GIỮA giá trị — `calc(16px !important * var(...))` — nên custom property lưu
     // nguyên xi, rồi mọi `padding: var(--gem-space-md)` thành invalid ở computed-value và SẬP VỀ 0
     // trên toàn bộ .gem-* section.
-    ([key, value]) => `--gem-${namespace}-${slugify(key)}: calc(${stripImportant(value)} * var(${knob}, 1));`
+    ([key, value]) => {
+      const clean = stripImportant(value);
+      if (new RegExp(`^var\\(--gem-${namespace}-[a-z0-9-]+\\)$`, "i").test(clean.trim())) return `--gem-${namespace}-${slugify(key)}: ${clean.trim()};`;
+      return `--gem-${namespace}-${slugify(key)}: calc(${clean} * var(${knob}, 1));`;
+    }
   );
 }
 function toBorderCssVars(namespace, values, knob) {

package/dist/section-gate.js

@@ -205,7 +205,7 @@ function readButtonTokens(tokens) {
       const key = byNorm.get(buttonKeyNorm(rawKey));
       if (!key) continue;
       copy ??= { ...values };
-      delete copy[rawKey];
+      if (rawKey !== key) delete copy[rawKey];
       const v = buttonTokenValue(group, key, raw);
       if (v === null) out.invalid.push({ path: `${group}.${rawKey}`, value: raw });
       else {
@@ -213,6 +213,9 @@ function readButtonTokens(tokens) {
         out.values[key] = v;
       }
     }
+    if (copy) {
+      for (const key of keys) if (!(key in out.values)) delete copy[key];
+    }
     if (copy) out.groups[group] = copy;
   }
   return out;
@@ -575,7 +578,11 @@ function toScaledCssVars(namespace, values, knob) {
     // bọc nó vào GIỮA giá trị — `calc(16px !important * var(...))` — nên custom property lưu
     // nguyên xi, rồi mọi `padding: var(--gem-space-md)` thành invalid ở computed-value và SẬP VỀ 0
     // trên toàn bộ .gem-* section.
-    ([key, value]) => `--gem-${namespace}-${slugify(key)}: calc(${stripImportant(value)} * var(${knob}, 1));`
+    ([key, value]) => {
+      const clean = stripImportant(value);
+      if (new RegExp(`^var\\(--gem-${namespace}-[a-z0-9-]+\\)$`, "i").test(clean.trim())) return `--gem-${namespace}-${slugify(key)}: ${clean.trim()};`;
+      return `--gem-${namespace}-${slugify(key)}: calc(${clean} * var(${knob}, 1));`;
+    }
   );
 }
 function toBorderCssVars(namespace, values, knob) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gemboss/gem-framework",
-  "version": "0.12.0",
+  "version": "0.12.1",
   "description": "gem-framework của GemTheme (CSS, runtime, token, bộ kiểm) cộng đúng bộ kiểm section gemtheme dùng khi duyệt. Build từ gemtheme, không sửa ở đây.",
   "type": "module",
   "main": "./dist/index.js",