@things-factory/shell 10.1.258 → 10.1.260

package/client/themes/domain-theme-cherry-red.css

@@ -1,3 +1,4 @@
+/* Destructive colors inherit the shared light/dark semantic palette, independently of the brand. */
 .domain-theme-cherry-red {
   --md-sys-color-primary: rgb(211 47 47);
   --md-sys-color-surface-tint: rgb(211 47 47);
@@ -12,10 +13,6 @@
   --md-sys-color-on-tertiary: rgb(255 255 255);
   --md-sys-color-tertiary-container: rgb(252 228 236);
   --md-sys-color-on-tertiary-container: rgb(136 14 79);
-  --md-sys-color-error: #fe594e;
-  --md-sys-color-on-error: rgb(255 255 255);
-  --md-sys-color-error-container: rgb(255 218 215);
-  --md-sys-color-on-error-container: #fe594e;
   --md-sys-color-background: rgb(255 250 250);
   --md-sys-color-on-background: rgb(35 25 25);
   --md-sys-color-surface: rgb(255 250 250);
@@ -64,10 +61,6 @@
   --md-sys-color-on-tertiary: rgb(136 14 79);
   --md-sys-color-tertiary-container: rgb(173 20 87);
   --md-sys-color-on-tertiary-container: rgb(252 228 236);
-  --md-sys-color-error: #fbafa9;
-  --md-sys-color-on-error: #fe594e;
-  --md-sys-color-error-container: #fe594e;
-  --md-sys-color-on-error-container: #fbafa9;
   --md-sys-color-background: rgb(25 17 17);
   --md-sys-color-on-background: rgb(238 226 226);
   --md-sys-color-surface: rgb(25 17 17);

package/client/themes/domain-theme-forest-green.css

@@ -1,3 +1,4 @@
+/* Destructive colors inherit the shared light/dark semantic palette, independently of the brand. */
 .domain-theme-forest-green {
   --md-sys-color-primary: rgb(56 142 60);
   --md-sys-color-surface-tint: rgb(56 142 60);
@@ -12,10 +13,6 @@
   --md-sys-color-on-tertiary: rgb(255 255 255);
   --md-sys-color-tertiary-container: rgb(178 223 219);
   --md-sys-color-on-tertiary-container: rgb(0 77 64);
-  --md-sys-color-error: #fe594e;
-  --md-sys-color-on-error: rgb(255 255 255);
-  --md-sys-color-error-container: rgb(255 218 215);
-  --md-sys-color-on-error-container: #fe594e;
   --md-sys-color-background: rgb(250 253 250);
   --md-sys-color-on-background: rgb(25 32 25);
   --md-sys-color-surface: rgb(250 253 250);
@@ -64,10 +61,6 @@
   --md-sys-color-on-tertiary: rgb(0 77 64);
   --md-sys-color-tertiary-container: rgb(0 105 92);
   --md-sys-color-on-tertiary-container: rgb(178 223 219);
-  --md-sys-color-error: #fbafa9;
-  --md-sys-color-on-error: #fe594e;
-  --md-sys-color-error-container: #fe594e;
-  --md-sys-color-on-error-container: #fbafa9;
   --md-sys-color-background: rgb(17 22 17);
   --md-sys-color-on-background: rgb(226 235 226);
   --md-sys-color-surface: rgb(17 22 17);

package/client/themes/domain-theme-ocean-blue.css

@@ -1,3 +1,4 @@
+/* Destructive colors inherit the shared light/dark semantic palette, independently of the brand. */
 .domain-theme-ocean-blue {
   --md-sys-color-primary: rgb(30 136 229);
   --md-sys-color-surface-tint: rgb(30 136 229);
@@ -12,10 +13,6 @@
   --md-sys-color-on-tertiary: rgb(255 255 255);
   --md-sys-color-tertiary-container: rgb(178 235 242);
   --md-sys-color-on-tertiary-container: rgb(0 96 100);
-  --md-sys-color-error: #fe594e;
-  --md-sys-color-on-error: rgb(255 255 255);
-  --md-sys-color-error-container: rgb(255 218 215);
-  --md-sys-color-on-error-container: #fe594e;
   --md-sys-color-background: rgb(250 252 255);
   --md-sys-color-on-background: rgb(23 29 35);
   --md-sys-color-surface: rgb(250 252 255);
@@ -64,10 +61,6 @@
   --md-sys-color-on-tertiary: rgb(0 96 100);
   --md-sys-color-tertiary-container: rgb(0 131 143);
   --md-sys-color-on-tertiary-container: rgb(178 235 242);
-  --md-sys-color-error: #fbafa9;
-  --md-sys-color-on-error: #fe594e;
-  --md-sys-color-error-container: #fe594e;
-  --md-sys-color-on-error-container: #fbafa9;
   --md-sys-color-background: rgb(16 22 28);
   --md-sys-color-on-background: rgb(226 234 242);
   --md-sys-color-surface: rgb(16 22 28);

package/client/themes/domain-theme-royal-purple.css

@@ -1,3 +1,4 @@
+/* Destructive colors inherit the shared light/dark semantic palette, independently of the brand. */
 .domain-theme-royal-purple {
   --md-sys-color-primary: rgb(123 31 162);
   --md-sys-color-surface-tint: rgb(123 31 162);
@@ -12,10 +13,6 @@
   --md-sys-color-on-tertiary: rgb(255 255 255);
   --md-sys-color-tertiary-container: rgb(209 196 233);
   --md-sys-color-on-tertiary-container: rgb(49 27 146);
-  --md-sys-color-error: #fe594e;
-  --md-sys-color-on-error: rgb(255 255 255);
-  --md-sys-color-error-container: rgb(255 218 215);
-  --md-sys-color-on-error-container: #fe594e;
   --md-sys-color-background: rgb(253 250 255);
   --md-sys-color-on-background: rgb(30 25 35);
   --md-sys-color-surface: rgb(253 250 255);
@@ -64,10 +61,6 @@
   --md-sys-color-on-tertiary: rgb(49 27 146);
   --md-sys-color-tertiary-container: rgb(69 39 160);
   --md-sys-color-on-tertiary-container: rgb(209 196 233);
-  --md-sys-color-error: #fbafa9;
-  --md-sys-color-on-error: #fe594e;
-  --md-sys-color-error-container: #fe594e;
-  --md-sys-color-on-error-container: #fbafa9;
   --md-sys-color-background: rgb(20 16 25);
   --md-sys-color-on-background: rgb(230 226 236);
   --md-sys-color-surface: rgb(20 16 25);

package/client/themes/domain-theme-sunset-orange.css

@@ -1,3 +1,4 @@
+/* Destructive colors inherit the shared light/dark semantic palette, independently of the brand. */
 .domain-theme-sunset-orange {
   --md-sys-color-primary: rgb(245 124 0);
   --md-sys-color-surface-tint: rgb(245 124 0);
@@ -12,10 +13,6 @@
   --md-sys-color-on-tertiary: rgb(0 0 0);
   --md-sys-color-tertiary-container: rgb(255 249 196);
   --md-sys-color-on-tertiary-container: rgb(255 143 0);
-  --md-sys-color-error: #fe594e;
-  --md-sys-color-on-error: rgb(255 255 255);
-  --md-sys-color-error-container: rgb(255 218 215);
-  --md-sys-color-on-error-container: #fe594e;
   --md-sys-color-background: rgb(255 252 248);
   --md-sys-color-on-background: rgb(35 30 24);
   --md-sys-color-surface: rgb(255 252 248);
@@ -64,10 +61,6 @@
   --md-sys-color-on-tertiary: rgb(255 143 0);
   --md-sys-color-tertiary-container: rgb(255 160 0);
   --md-sys-color-on-tertiary-container: rgb(255 249 196);
-  --md-sys-color-error: #fbafa9;
-  --md-sys-color-on-error: #fe594e;
-  --md-sys-color-error-container: #fe594e;
-  --md-sys-color-on-error-container: #fbafa9;
   --md-sys-color-background: rgb(24 20 14);
   --md-sys-color-on-background: rgb(234 228 220);
   --md-sys-color-surface: rgb(24 20 14);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@things-factory/shell",
-  "version": "10.1.258",
+  "version": "10.1.260",
   "description": "Core module for framework",
   "bin": {
     "things-factory": "bin/things-factory",
@@ -142,5 +142,5 @@
     "pg": "^8.7.3",
     "sqlite3": "^5.0.8"
   },
-  "gitHead": "c7b7e3b4e9aa1b36a246ccee312a4124a50924dd"
+  "gitHead": "72de583ba0394dcf8195ef723b0ee4217507e0e5"
 }

package/tests/destructive-theme-colors.test.mjs

@@ -0,0 +1,28 @@
+import { test } from 'node:test'
+import assert from 'node:assert/strict'
+import { readFileSync, readdirSync } from 'node:fs'
+
+const directory = new URL('../client/themes/', import.meta.url)
+const declarations = text => Object.fromEntries([...text.matchAll(/(--md-sys-color-(?:on-)?error(?:-container)?):\s*([^;]+);/g)].map(match => [match[1], match[2].trim()]))
+function luminance(color) {
+  const channels = color.startsWith('#')
+    ? color.slice(1).match(/../g).map(part => parseInt(part, 16))
+    : color.match(/[\d.]+/g).slice(0, 3).map(Number)
+  return channels.map(n => n / 255).map(n => n <= .04045 ? n / 12.92 : ((n + .055) / 1.055) ** 2.4).reduce((sum, n, i) => sum + n * [.2126, .7152, .0722][i], 0)
+}
+for (const mode of ['light', 'dark']) {
+  test(`${mode}: both destructive foreground/background pairs retain readable contrast`, () => {
+    const colors = declarations(readFileSync(new URL(`${mode}.css`, directory), 'utf8'))
+    for (const suffix of ['', '-container']) {
+      const a = luminance(colors[`--md-sys-color-error${suffix}`])
+      const b = luminance(colors[`--md-sys-color-on-error${suffix}`])
+      const contrast = (Math.max(a, b) + .05) / (Math.min(a, b) + .05)
+      assert.ok(contrast >= 4.5, `${mode}${suffix}: ${contrast.toFixed(2)}`)
+    }
+  })
+}
+for (const file of readdirSync(directory).filter(name => /^domain-theme-.*\.css$/.test(name))) {
+  test(`${file}: branding inherits destructive colors from the shared light/dark palette`, () => {
+    assert.deepEqual(declarations(readFileSync(new URL(file, directory), 'utf8')), {})
+  })
+}

package/translations/en.json

@@ -218,5 +218,11 @@
   "figure.label.data-bindings": "bindings",
   "text.delete": "delete",
   "text.copy": "copy",
-  "text.scenario": "scenario"
+  "text.scenario": "scenario",
+  "button.add-row": "Add row",
+  "text.select-rows-to-delete": "Select the rows to delete first.",
+  "text.nothing-to-save": "There are no changes to save.",
+  "text.select-rows-to-copy": "Select the rows to copy first.",
+  "text.more-actions": "More actions",
+  "label.all": "All"
 }

package/translations/es.json

@@ -218,5 +218,11 @@
   "figure.label.data-bindings": "vínculos",
   "text.delete": "eliminar",
   "text.copy": "copiar",
-  "text.scenario": "escenario"
+  "text.scenario": "escenario",
+  "button.add-row": "Agregar fila",
+  "text.select-rows-to-delete": "Seleccione primero las filas que desea eliminar.",
+  "text.nothing-to-save": "No hay cambios para guardar.",
+  "text.select-rows-to-copy": "Seleccione primero las filas que desea copiar.",
+  "text.more-actions": "Más acciones",
+  "label.all": "Todos"
 }

package/translations/ja.json

@@ -218,5 +218,11 @@
   "figure.label.data-bindings": "連結",
   "text.delete": "削除",
   "text.copy": "コピー",
-  "text.scenario": "シナリオ"
+  "text.scenario": "シナリオ",
+  "button.add-row": "行を追加",
+  "text.select-rows-to-delete": "削除する行を先に選択してください。",
+  "text.nothing-to-save": "保存する変更はありません。",
+  "text.select-rows-to-copy": "コピーする行を先に選択してください。",
+  "text.more-actions": "その他の操作",
+  "label.all": "すべて"
 }

package/translations/ko.json

@@ -218,5 +218,11 @@
   "figure.label.data-bindings": "연결",
   "text.delete": "삭제",
   "text.copy": "복사",
-  "text.scenario": "시나리오"
+  "text.scenario": "시나리오",
+  "button.add-row": "행 추가",
+  "text.select-rows-to-delete": "삭제할 행을 먼저 선택하세요.",
+  "text.nothing-to-save": "저장할 변경 내용이 없습니다.",
+  "text.select-rows-to-copy": "복사할 행을 먼저 선택하세요.",
+  "text.more-actions": "추가 작업",
+  "label.all": "전체"
 }

package/translations/ms.json

@@ -218,5 +218,11 @@
   "figure.label.data-bindings": "ikatan",
   "text.delete": "padam",
   "text.copy": "salin",
-  "text.scenario": "senario"
+  "text.scenario": "senario",
+  "button.add-row": "Tambah baris",
+  "text.select-rows-to-delete": "Pilih baris yang hendak dipadam dahulu.",
+  "text.nothing-to-save": "Tiada perubahan untuk disimpan.",
+  "text.select-rows-to-copy": "Pilih baris yang hendak disalin dahulu.",
+  "text.more-actions": "Lagi tindakan",
+  "label.all": "Semua"
 }

package/translations/zh.json

@@ -218,5 +218,11 @@
   "figure.label.data-bindings": "绑定",
   "text.delete": "删除",
   "text.copy": "复制",
-  "text.scenario": "方案"
+  "text.scenario": "方案",
+  "button.add-row": "添加行",
+  "text.select-rows-to-delete": "请先选择要删除的行。",
+  "text.nothing-to-save": "没有需要保存的更改。",
+  "text.select-rows-to-copy": "请先选择要复制的行。",
+  "text.more-actions": "更多操作",
+  "label.all": "全部"
 }