@dillingerstaffing/strand-vue 0.15.1 → 0.15.2

package/README.md

@@ -1,6 +1,6 @@
 # @dillingerstaffing/strand-vue
 
-Vue 3 component library built on the [Strand Design Language](https://github.com/dillingerstaffing/strand/blob/main/DESIGN_LANGUAGE.md). 31 components. Zero-runtime CSS. WCAG 2.2 AA.
+Vue 3 component library built on the [Strand Design Language](https://github.com/dillingerstaffing/strand/blob/main/docs/design-language.md). 31 components. Zero-runtime CSS. WCAG 2.2 AA.
 
 ## Quick Start
 
@@ -53,8 +53,8 @@ This package produces identical visual output to [@dillingerstaffing/strand-ui](
 ## Links
 
 - [GitHub](https://github.com/dillingerstaffing/strand)
-- [Design Language](https://github.com/dillingerstaffing/strand/blob/main/DESIGN_LANGUAGE.md)
-- [HTML Reference (CSS-only API)](https://github.com/dillingerstaffing/strand/blob/main/HTML_REFERENCE.md)
+- [Design Language](https://github.com/dillingerstaffing/strand/blob/main/docs/design-language.md)
+- [HTML Reference (CSS-only API)](https://github.com/dillingerstaffing/strand/blob/main/generated/html-reference.md)
 - [Documentation](https://dillingerstaffing.com/labs/strand)
 
 Created by [Dillinger Staffing](https://dillingerstaffing.com)

package/dist/css/strand-ui.css

@@ -1526,8 +1526,13 @@ body:has(.strand-banner) .strand-instrument-viewport--full-bleed {
   border-radius: var(--strand-radius-lg);
   overflow: hidden;
   position: relative;
+  padding: var(--strand-space-5);
 }
 
+/* Dark-surface overrides: KV and log text needs higher contrast on #0F192A */
+.strand-instrument-viewport .strand-kv__label { color: var(--strand-gray-400); }
+.strand-instrument-viewport .strand-kv__value { color: var(--strand-gray-200); }
+
 .strand-instrument-viewport__label {
   color: var(--strand-gray-400);
   font-family: var(--strand-font-mono);
@@ -5011,7 +5016,7 @@ body:has(.strand-banner) .strand-instrument-viewport--full-bleed {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  padding-block: var(--strand-space-2);
+  padding: var(--strand-space-2) var(--strand-space-4);
 }
 
 .strand-kv + .strand-kv {
@@ -5030,8 +5035,9 @@ body:has(.strand-banner) .strand-instrument-viewport--full-bleed {
 .strand-kv__value {
   font-family: var(--strand-font-mono);
   font-size: var(--strand-text-xs);
-  color: var(--strand-gray-600);
+  color: var(--strand-gray-700);
   font-variant-numeric: tabular-nums;
+  text-align: right;
 }
 
 .strand-kv__value--status {
@@ -5043,8 +5049,9 @@ body:has(.strand-banner) .strand-instrument-viewport--full-bleed {
    time(OVERLINE) + status(OVERLINE+COLOR_SEMANTIC) + text(SECONDARY) + RANK_BORDER */
 .strand-log {
   display: flex;
+  align-items: baseline;
   gap: var(--strand-space-3);
-  padding-block: var(--strand-space-2);
+  padding: var(--strand-space-2) var(--strand-space-4);
 }
 
 .strand-log + .strand-log {
@@ -5076,6 +5083,18 @@ body:has(.strand-banner) .strand-instrument-viewport--full-bleed {
 .strand-log__status--warning { color: var(--strand-amber-caution); }
 .strand-log__status--error { color: var(--strand-red-alert); }
 
+.strand-log__text {
+  font-family: var(--strand-font-mono);
+  font-size: var(--strand-text-xs);
+  color: var(--strand-gray-300);
+  line-height: var(--strand-leading-normal);
+}
+
+.strand-log__text strong {
+  font-weight: var(--strand-weight-semibold);
+  color: var(--strand-gray-100);
+}
+
 /* ── Metric Row ──
    Derivation: centered-group (DL 11.10).
    self-contained(atom)* with center distribution + responsive gap */
@@ -5094,8 +5113,8 @@ body:has(.strand-banner) .strand-instrument-viewport--full-bleed {
   display: flex;
   gap: var(--strand-space-2);
   align-items: flex-end;
-  height: var(--strand-space-24);
-  padding: var(--strand-space-5);
+  height: var(--strand-space-40);
+  padding: var(--strand-space-4);
 }
 
 .strand-bar-chart__col {
@@ -5134,6 +5153,13 @@ body:has(.strand-banner) .strand-instrument-viewport--full-bleed {
   color: var(--strand-gray-400);
 }
 
+/* ── Bar chart size modifiers ── */
+.strand-bar-chart--sm { height: var(--strand-space-24); }
+.strand-bar-chart--lg { height: var(--strand-space-48); }
+
+/* ── Nav offset for glass (fixed) nav ── */
+.strand-nav-offset { padding-top: var(--strand-space-16); }
+
 /* ══════════════════════════════════════════════════
    UTILITIES
    ══════════════════════════════════════════════════ */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dillingerstaffing/strand-vue",
-  "version": "0.15.1",
+  "version": "0.15.2",
   "description": "Strand UI - Vue 3 component library built on the Strand Design Language",
   "author": "Dillinger Staffing <engineering@dillingerstaffing.com> (https://dillingerstaffing.com)",
   "license": "MIT",
@@ -45,14 +45,15 @@
     "dist/css/*.css"
   ],
   "scripts": {
-    "build": "vite build && cp ../../HTML_REFERENCE.md ./HTML_REFERENCE.md",
+    "prepack": "pnpm run build",
+    "build": "vite build && cp ../../generated/html-reference.md ./HTML_REFERENCE.md && cp ../../docs/design-language.md ./DESIGN_LANGUAGE.md",
     "test": "vitest run"
   },
   "peerDependencies": {
     "vue": "^3.4.0"
   },
   "dependencies": {
-    "@dillingerstaffing/strand": "^0.15.1"
+    "@dillingerstaffing/strand": "^0.15.2"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.0",