@mtdt/observeops-ds-spec 0.1.1 → 0.1.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mtdt/observeops-ds-spec",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "Machine-readable spec and AI operating contract for the Motadata ObserveOps design system — components, tokens, page recipes, layout structure, and the rules an AI tool follows to build ObserveOps UI faithfully.",
   "license": "UNLICENSED",
   "main": "index.js",

package/spec.manifest.json

@@ -1,7 +1,7 @@
 {
   "name": "@mtdt/observeops-ds-spec",
-  "version": "0.1.1",
-  "generated": "2026-06-18T16:40:38.658Z",
+  "version": "0.1.3",
+  "generated": "2026-06-20T08:52:07.393Z",
   "entry": "llms.txt",
   "contract": "AGENTS.md",
   "index": "components/index.json",
@@ -356,7 +356,7 @@
     {
       "path": "package.json",
       "bytes": 1049,
-      "sha256": "cc5ddebef1319cd800c100ebf6618cf5209b5843a761173260ba8f89df642763"
+      "sha256": "5981bb1c51ea5bf1ab5e5d8e23ffe5bb923ee2357fc5027832b53c85833a865e"
     },
     {
       "path": "tokens/README.md",
@@ -380,8 +380,8 @@
     },
     {
       "path": "tokens/purpose-map.json",
-      "bytes": 6343,
-      "sha256": "e3e38296c2e5a4c21fb127c9b9207222f20550a5efc7929347e44ec5359be0b9"
+      "bytes": 7307,
+      "sha256": "afa2ea995a848fae410994496b22e5df71edc75a4f813077b242bafaf54a4ea0"
     },
     {
       "path": "tokens/semantic.dark.json",
@@ -395,8 +395,8 @@
     },
     {
       "path": "tokens/structural.json",
-      "bytes": 1042,
-      "sha256": "5441e71a2e1898f3f709781b6dffa7da50bdf60f71c97e703514750dbafd2224"
+      "bytes": 2173,
+      "sha256": "af4549e3a1f809ac3db464fcf1074db2fd7872b0c6e654843316a17a6972f590"
     },
     {
       "path": "tokens/variables.json",

package/tokens/purpose-map.json

@@ -50,6 +50,14 @@
       "levels": ["up", "clear", "critical", "down", "major", "warning", "maintenance", "unreachable", "suspended", "disable", "stop", "none", "unknown"],
       "$use": "Prefer the Severity component (atoms/severity); fall back to --secondary-* for generic status strings."
     },
+    "tag / status-chip backgrounds (applied via .tag-<colour> classes — src/design/tags.less)": {
+      "$note": "A tag chip = the matching --secondary-* token for TEXT + a 20% rgba tint for BACKGROUND, applied by the .tag-<colour> class. The tint is a fixed rgba (same in light + dark), not a themed --var. Use the class; these are the resolved values.",
+      "green (success)": { "class": "tag-green", "text": "--secondary-green", "background": "rgba(54, 213, 118, 0.2)" },
+      "red (error)": { "class": "tag-red", "text": "--secondary-red", "background": "rgba(236, 91, 91, 0.2)" },
+      "yellow (warning)": { "class": "tag-yellow", "text": "--secondary-yellow", "background": "rgba(250, 209, 0, 0.2)" },
+      "orange (info)": { "class": "tag-orange", "text": "--secondary-orange", "background": "rgba(250, 153, 80, 0.2)" },
+      "primary (neutral)": { "class": "tag-primary", "text": "--default-tag-text-color", "background": "--tag-bg-color" }
+    },
     "neutrals ramp (light → dark)": ["--neutral-lightest", "--neutral-lighter", "--neutral-light", "--neutral-regular", "--neutral-dark", "--neutral-darker", "--neutral-darkest"],
     "elevation / shadow": {
       "card / panel / popover / drawer / toast shadow": { "token": "--neutral-shadow-light", "value": "rgba(70,70,70,0.15)", "note": "shadow COLOUR — keep your own offset/blur, e.g. box-shadow: 0 6px 18px var(--neutral-shadow-light)" },

package/tokens/structural.json

@@ -1,25 +1,55 @@
 {
-  "$description": "TIER 0 — STRUCTURAL LESS @vars (spacing, sizing, radii, typography) from src/design/index.less. Not themed. AI: these are the @-prefixed LESS vars (compile-time), distinct from the runtime CSS --vars in variables.json.",
+  "$description": "TIER 0 — STRUCTURAL LESS @vars (spacing, sizing, radii, border-width, shadow, typography). Complete sweep of @-prefixed structural vars defined across src/design/*.less (compile-time, not themed; distinct from the runtime CSS --vars in variables.json). LESS references/arithmetic are resolved to final values.",
   "spacing": {
     "@padding-lg": "24px",
     "@padding-md": "16px",
     "@padding-sm": "12px",
-    "@padding-xs": "8px"
+    "@padding-xs": "8px",
+    "@common-padd-space": "15px",
+    "@collapse-content-padding": "10px 6px",
+    "@control-padding-horizontal": "12px",
+    "@control-padding-horizontal-sm": "8px",
+    "@input-padding-horizontal": "11px",
+    "@input-padding-horizontal-base": "11px",
+    "@input-padding-vertical-base": "4px",
+    "@layout-header-padding": "0 12px"
   },
   "sizing": {
     "@navbar-height": "50px",
     "@nav-icon-width": "50px",
     "@nav-icon-height": "40px",
+    "@nav-icon-line-height": "40px",
+    "@nav-icon-size": "1.1rem",
+    "@nav-menu-height": "30px",
+    "@menu-collapsed-width": "70px",
     "@input-height-base": "32px",
     "@header-height": "55px",
+    "@layout-header-height": "55px",
     "@header-drop-width": "320px",
     "@search-height": "36px",
     "@search-width": "18rem",
-    "@btn-height": "2.1rem"
+    "@btn-height": "2.1rem",
+    "@tag-height": "24px",
+    "@tabs-card-height": "32px",
+    "@user-count-height": "23px",
+    "@pop-footer-height": "75px",
+    "@popover-arrow-width": "6px",
+    "@picker-popover-max-height": "35vh",
+    "@picker-popover-max-width": "80vw",
+    "@chat-height": "400px",
+    "@chat-width": "50vw"
   },
   "radius": {
     "@btn-radius": "4px",
-    "@btn-raidus-full": "150px"
+    "@btn-raidus-full": "150px",
+    "@widget-border-radius": "7px"
+  },
+  "borderWidth": {
+    "@menu-item-active-border-width": "3px",
+    "@overlay-border-width": "4px"
+  },
+  "shadow": {
+    "@panel-side-box-shadow": "-1px 6px 6px 0 rgba(0, 0, 0, 0.2)"
   },
   "typography": {
     "@font-family": "'Poppins', sans-serif",
@@ -32,4 +62,4 @@
     "@font-size-sm": "0.8rem",
     "@font-size-10": "10px"
   }
-}
+}