@7365admin1/layer-common 4.0.3-staging.233 → 4.0.3-staging.235

package/assets/css/primitives.css

@@ -92,6 +92,16 @@
   font-family: var(--font-sans, Roboto, sans-serif);
 }
 
+/* `[class*="text-h"]` is a substring match, so the rule above would also
+   catch an icon: `text-h6` and friends are used as SIZE classes directly on
+   `<v-icon>` (DeliveryCompany, PasswordConfirmation, OvernightParking-
+   Management), and `text-high-emphasis` matches too. The re-pointed family
+   would then beat `.material-symbols-outlined`, the ligature would fall back,
+   and the icon would draw as its literal name - hygiene saw the red word
+   "error" on its work-order list. `:not(.material-symbols-outlined)` keeps
+   icons out of the match set; web-app-hygiene `517eaeb` and web-app-account
+   #26 carry the same guard on their local copies. */
+
 /* ------------------------------------------------------------------ */
 /* The icon face.                                                      */
 /* ------------------------------------------------------------------ */
@@ -109,8 +119,18 @@
  * through `.mdi:before`, which we no longer emit. Only `text-transform` has
  * to be stated: `.v-btn` uppercases its contents, and an uppercased "close"
  * matches no ligature, so the icon would render as the word.
+ *
+ * The scoped selectors are load-bearing, not belt-and-braces: an app bundle
+ * emits Vuetify's typography utilities twice, and the second
+ * `.text-h6 { font-family: Roboto }` lands AFTER this rule, winning the
+ * 0,1,0 tie on source order. An icon sized with `text-h6` then drew the
+ * word in Roboto even with the re-point above guarded (measured in
+ * web-app-account's bundle). `.v-application`-scoped, the family is 0,2,0
+ * and survives any typography size class on the icon.
  */
-.material-symbols-outlined {
+.material-symbols-outlined,
+.v-application .material-symbols-outlined,
+.v-overlay-container .material-symbols-outlined {
   font-family: "Material Symbols Outlined";
   font-style: normal;
   font-variation-settings:

package/package.json

@@ -2,7 +2,7 @@
   "name": "@7365admin1/layer-common",
   "license": "MIT",
   "type": "module",
-  "version": "4.0.3-staging.233",
+  "version": "4.0.3-staging.235",
   "author": "7365admin1",
   "main": "./nuxt.config.ts",
   "//files": "What a consumer extending this layer actually loads. Without this npm ships the whole working tree - the changesets, the CI workflows, the render harness in tools/ and any scratch directory that happened to exist at publish time. Nuxt resolves a layer by directory, so every runtime directory below has to stay listed; adding a new top-level runtime directory means adding it here too.",
@@ -24,7 +24,8 @@
     "public",
     "services",
     "types",
-    "utils"
+    "utils",
+    "!**/*.test.ts"
   ],
   "publishConfig": {
     "access": "public"

package/utils/breadcrumb.test.ts

@@ -1,108 +0,0 @@
-import assert from "node:assert/strict";
-import { test } from "node:test";
-
-import { moduleNameFromRoute } from "./breadcrumb.ts";
-
-/**
- * Real routes, not invented ones: name, path and parameters exactly as
- * vue-router hands them to the bar in each application.
- */
-const ID = "68b0c1d2e3f4a5b6c7d8e9f0";
-
-test("a site application names the page, not its parameters", () => {
-  assert.equal(
-    moduleNameFromRoute({
-      name: "org-site-work-orders",
-      path: `/${ID}/${ID}/work-orders`,
-      params: { org: ID, site: ID },
-    }),
-    "Work Orders"
-  );
-});
-
-test("a detail route names its module, not its argument", () => {
-  assert.equal(
-    moduleNameFromRoute({
-      name: "org-site-feedbacks-id",
-      path: `/${ID}/${ID}/feedbacks/${ID}`,
-      params: { org: ID, site: ID, id: ID },
-    }),
-    "Feedbacks"
-  );
-  assert.equal(
-    moduleNameFromRoute({
-      name: "org-site-members-status",
-      path: `/${ID}/${ID}/members/pending`,
-      params: { org: ID, site: ID, status: "pending" },
-    }),
-    "Members"
-  );
-});
-
-test("a fixed folder in front of the context parameter is not the page", () => {
-  // THE DEFECT: every screen of the organization application read "Org".
-  assert.equal(
-    moduleNameFromRoute({
-      name: "org-organization-marketplace",
-      path: `/org/${ID}/marketplace`,
-      params: { organization: ID },
-    }),
-    "Marketplace"
-  );
-  assert.equal(
-    moduleNameFromRoute({
-      name: "org-organization-payment-methods-linked",
-      path: `/org/${ID}/payment-methods/linked`,
-      params: { organization: ID },
-    }),
-    "Payment Methods Linked"
-  );
-});
-
-test("a literal second segment is NOT a skipped context", () => {
-  // `/organizations/status/:status` also begins with a literal folder, but
-  // "Organizations" is the page here - only the THIRD segment is a parameter.
-  assert.equal(
-    moduleNameFromRoute({
-      name: "organizations-status-status",
-      path: "/organizations/status/pending",
-      params: { status: "pending" },
-    }),
-    "Organizations"
-  );
-});
-
-test("a route with no parameters is left alone", () => {
-  assert.equal(
-    moduleNameFromRoute({
-      name: "super-admin-client-list",
-      path: "/super-admin/client-list",
-      params: {},
-    }),
-    "Super Admin Client List"
-  );
-  assert.equal(
-    moduleNameFromRoute({ name: "personal-info-name", path: "/personal-info/name", params: {} }),
-    "Personal Info Name"
-  );
-});
-
-test("acronyms keep their case", () => {
-  assert.equal(
-    moduleNameFromRoute({
-      name: "org-site-virtual-patrol-cctv",
-      path: `/${ID}/${ID}/virtual-patrol/cctv`,
-      params: { org: ID, site: ID },
-    }),
-    "Virtual Patrol CCTV"
-  );
-});
-
-test("a context-only route has no page half", () => {
-  // The organization dashboard: the bar shows the organization's name alone.
-  assert.equal(
-    moduleNameFromRoute({ name: "org-organization", path: `/org/${ID}`, params: { organization: ID } }),
-    ""
-  );
-  assert.equal(moduleNameFromRoute({ name: "", path: "/", params: {} }), "");
-});