@dillingerstaffing/strand 0.1.1 → 0.2.1

package/css/base.css

@@ -1,4 +1,4 @@
-/*! Strand v0.1.0 | MIT License | dillingerstaffing.com */
+/*! Strand v0.2.0 | MIT License | dillingerstaffing.com */
 
 /*
  * Strand Base Styles

package/css/reset.css

@@ -1,4 +1,4 @@
-/*! Strand v0.1.0 | MIT License | dillingerstaffing.com */
+/*! Strand v0.2.0 | MIT License | dillingerstaffing.com */
 
 /*
  * Strand Reset

package/css/tokens.css

@@ -1,4 +1,4 @@
-/*! Strand v0.1.0 | MIT License | dillingerstaffing.com */
+/*! Strand v0.2.0 | MIT License | dillingerstaffing.com */
 
 :root {
   /* ═══════════════════════════════════════════
@@ -44,6 +44,8 @@
   --strand-green-positive: #10B981;
   --strand-violet-data: #8B5CF6;
   --strand-red-alert: #EF4444;
+  --strand-red-alert-vivid: #DC2626;
+  --strand-red-alert-deep: #B91C1C;
   --strand-amber-caution: #F59E0B;
 
   /* ── ON-COLORS (contrast-safe text pairings) ── */
@@ -54,8 +56,13 @@
   --strand-on-blue-vivid: #FFFFFF;
   --strand-on-blue-deep: #FFFFFF;
   --strand-on-red-alert: #FFFFFF;
+  --strand-on-red-alert-vivid: #FFFFFF;
+  --strand-on-red-alert-deep: #FFFFFF;
   --strand-on-teal-vital: #0F172A;
+  --strand-on-teal-tint: #0D7377;
   --strand-on-amber-caution: #0F172A;
+  --strand-on-amber-tint: #92400E;
+  --strand-on-red-tint: #991B1B;
 
   /* ── TYPE SCALE (Major Third, 1.250 ratio) ── */
   --strand-text-xs: 0.694rem;
@@ -131,6 +138,17 @@
   --strand-elevation-3: 0 8px 16px rgba(15, 23, 42, 0.06), 0 24px 48px rgba(15, 23, 42, 0.08);
   --strand-elevation-4: 0 16px 32px rgba(15, 23, 42, 0.08), 0 32px 64px rgba(15, 23, 42, 0.12);
 
+  /* ── INTERACTION: FOCUS ── */
+  --strand-focus-ring: 0 0 0 3px rgba(59, 130, 246, 0.1);
+  --strand-focus-ring-error: 0 0 0 3px rgba(239, 68, 68, 0.1);
+
+  /* ── INTERACTION: HOVER SHADOWS ── */
+  --strand-hover-shadow-primary: 0 4px 12px rgba(37, 99, 235, 0.2);
+  --strand-hover-shadow-danger: 0 4px 12px rgba(239, 68, 68, 0.2);
+
+  /* ── INTERACTION: BACKDROP ── */
+  --strand-backdrop: rgba(15, 23, 42, 0.5);
+
   /* ── SHAPE (border-radius) ── */
   --strand-radius-sm: 4px;
   --strand-radius-md: 6px;

package/dist/tokens.d.ts

@@ -1,4 +1,4 @@
-/*! Strand v0.1.0 | MIT License | dillingerstaffing.com */
+/*! Strand v0.2.0 | MIT License | dillingerstaffing.com */
 /**
  * Strand Design Tokens
  * Typed JS constants mirroring tokens.css.

package/dist/tokens.js

@@ -1,4 +1,4 @@
-/*! Strand v0.1.0 | MIT License | dillingerstaffing.com */
+/*! Strand v0.2.0 | MIT License | dillingerstaffing.com */
 /**
  * Strand Design Tokens
  * Typed JS constants mirroring tokens.css.

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "@dillingerstaffing/strand",
-  "version": "0.1.1",
+  "version": "0.2.1",
   "description": "Strand Design Language tokens - CSS custom properties and JS constants",
   "author": "Dillinger Staffing <engineering@dillingerstaffing.com> (https://dillingerstaffing.com)",
   "license": "MIT",
+  "keywords": ["design-tokens", "css-custom-properties", "design-system", "color-tokens", "typography", "spacing", "motion", "accessibility"],
   "homepage": "https://dillingerstaffing.com/labs/strand",
   "repository": {
     "type": "git",
@@ -26,6 +27,7 @@
     "./css/reset.css": "./css/reset.css",
     "./css/base.css": "./css/base.css"
   },
+  "style": "./css/tokens.css",
   "files": [
     "css/",
     "dist/"
@@ -33,13 +35,13 @@
   "sideEffects": [
     "css/*.css"
   ],
-  "devDependencies": {
-    "vitest": "^3.0.0"
-  },
   "scripts": {
     "build": "tsc --project tsconfig.json",
     "test": "vitest run",
     "test:watch": "vitest",
     "test:coverage": "vitest run --coverage"
+  },
+  "devDependencies": {
+    "vitest": "^3.0.0"
   }
-}
+}

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2026 Dillinger Staffing (https://dillingerstaffing.com)
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.