@phcdevworks/spectre-ui 2.4.0 → 2.6.0

package/dist/utilities.css

@@ -76,6 +76,39 @@
   --sp-dropdown-item-hover: #eef1f6;
   --sp-dropdown-item-active: #f0f9ff;
   --sp-dropdown-item-text: #141b24;
+  --sp-checkbox-bg: #ffffff;
+  --sp-checkbox-border: #b7c1d4;
+  --sp-checkbox-checked-bg: #0369a1;
+  --sp-checkbox-checked-border: #0369a1;
+  --sp-checkbox-text: #ffffff;
+  --sp-checkbox-disabled-bg: #f7f8fb;
+  --sp-checkbox-disabled-border: #d9dfeb;
+  --sp-radio-bg: #ffffff;
+  --sp-radio-border: #b7c1d4;
+  --sp-radio-checked-bg: #0369a1;
+  --sp-radio-checked-border: #0369a1;
+  --sp-radio-text: #ffffff;
+  --sp-radio-disabled-bg: #f7f8fb;
+  --sp-radio-disabled-border: #d9dfeb;
+  --sp-select-bg: #ffffff;
+  --sp-select-border: #b7c1d4;
+  --sp-select-text: #141b24;
+  --sp-select-placeholder-text: #657287;
+  --sp-select-disabled-bg: #f7f8fb;
+  --sp-select-disabled-border: #d9dfeb;
+  --sp-select-focus-border: #0ea5e9;
+  --sp-textarea-bg: #ffffff;
+  --sp-textarea-border: #b7c1d4;
+  --sp-textarea-text: #141b24;
+  --sp-textarea-placeholder: #657287;
+  --sp-textarea-disabled-bg: #f7f8fb;
+  --sp-textarea-disabled-border: #d9dfeb;
+  --sp-textarea-focus-border: #0ea5e9;
+  --sp-fieldset-border: #d9dfeb;
+  --sp-fieldset-legend-text: #141b24;
+  --sp-label-text: #141b24;
+  --sp-label-disabled-text: #8a96ad;
+  --sp-label-required-indicator-text: #dc2626;
   --sp-link-default: #1f57db;
   --sp-link-hover: #1946b4;
   --sp-link-active: #173b8f;
@@ -505,6 +538,39 @@
   --sp-dropdown-item-hover: #374253;
   --sp-dropdown-item-active: #082f49;
   --sp-dropdown-item-text: #eef1f6;
+  --sp-checkbox-bg: #222b38;
+  --sp-checkbox-border: #4b576a;
+  --sp-checkbox-checked-bg: #0369a1;
+  --sp-checkbox-checked-border: #0369a1;
+  --sp-checkbox-text: #ffffff;
+  --sp-checkbox-disabled-bg: #141b24;
+  --sp-checkbox-disabled-border: #374253;
+  --sp-radio-bg: #222b38;
+  --sp-radio-border: #4b576a;
+  --sp-radio-checked-bg: #0369a1;
+  --sp-radio-checked-border: #0369a1;
+  --sp-radio-text: #ffffff;
+  --sp-radio-disabled-bg: #141b24;
+  --sp-radio-disabled-border: #374253;
+  --sp-select-bg: #222b38;
+  --sp-select-border: #4b576a;
+  --sp-select-text: #f7f8fb;
+  --sp-select-placeholder-text: #8a96ad;
+  --sp-select-disabled-bg: #141b24;
+  --sp-select-disabled-border: #374253;
+  --sp-select-focus-border: #38bdf8;
+  --sp-textarea-bg: #222b38;
+  --sp-textarea-border: #4b576a;
+  --sp-textarea-text: #f7f8fb;
+  --sp-textarea-placeholder: #8a96ad;
+  --sp-textarea-disabled-bg: #141b24;
+  --sp-textarea-disabled-border: #374253;
+  --sp-textarea-focus-border: #38bdf8;
+  --sp-fieldset-border: #374253;
+  --sp-fieldset-legend-text: #f7f8fb;
+  --sp-label-text: #f7f8fb;
+  --sp-label-disabled-text: #4b576a;
+  --sp-label-required-indicator-text: #f87171;
   --sp-link-default: #1f57db;
   --sp-link-hover: #1946b4;
   --sp-link-active: #173b8f;
@@ -614,6 +680,43 @@
     }
   }
 
+  .sp-link {
+    color: var(--sp-link-default);
+    text-decoration-line: underline;
+    transition: color var(--sp-duration-fast) var(--sp-easing-out);
+  }
+
+  .sp-link:hover {
+    color: var(--sp-link-hover);
+  }
+
+  .sp-link:active {
+    color: var(--sp-link-active);
+  }
+
+  .sp-link:visited {
+    color: var(--sp-link-visited);
+  }
+
+  .sp-surface--hover:hover,
+  .sp-surface--hover.is-hover {
+    background-color: var(--sp-surface-hover);
+  }
+
+  .sp-surface--selected {
+    background-color: var(--sp-surface-selected);
+  }
+
+  .sp-surface--active:active,
+  .sp-surface--active.is-active {
+    background-color: var(--sp-surface-active);
+  }
+
+  .sp-divider {
+    border: none;
+    border-top: var(--sp-component-border-width) solid var(--sp-surface-divider);
+  }
+
   .sp-shadow-soft {
     box-shadow: var(--sp-shadow-md);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phcdevworks/spectre-ui",
-  "version": "2.4.0",
+  "version": "2.6.0",
   "description": "@phcdevworks/spectre-ui is the Layer 2 styling contract between @phcdevworks/spectre-tokens and downstream adapters or apps.",
   "keywords": [
     "phcdevworks",
@@ -89,6 +89,7 @@
     "validate:tailwind": "node --experimental-strip-types ./scripts/validate-tailwind-contract.ts",
     "validate:tailwind:update": "node --experimental-strip-types ./scripts/validate-tailwind-contract.ts --update",
     "validate:readme": "node --experimental-strip-types ./scripts/validate-readme-contract.ts",
+    "check:version-sync": "npm run validate:readme",
     "validate:changelog": "node --experimental-strip-types ./scripts/validate-changelog.ts",
     "validate:tokens": "node --experimental-strip-types ./scripts/validate-tokens.ts",
     "check:ecosystem": "spectre-manifest-validate spectre.manifest.json && spectre-manifest-check spectre.manifest.json ."
@@ -101,20 +102,20 @@
     "typescript": "^5.9 || ^6.0"
   },
   "dependencies": {
-    "@phcdevworks/spectre-tokens": "^3.1.0"
+    "@phcdevworks/spectre-tokens": "^3.2.0"
   },
   "devDependencies": {
     "@phcdevworks/spectre-manifest": "^1.0.0",
-    "@types/node": "^26.0.0",
+    "@types/node": "^26.0.1",
     "@typescript-eslint/eslint-plugin": "^8.62.0",
     "@typescript-eslint/parser": "^8.62.0",
-    "autoprefixer": "^10.5.1",
-    "eslint": "^10.5.0",
+    "autoprefixer": "^10.5.2",
+    "eslint": "^10.6.0",
     "jiti": "^2.7.0",
     "postcss": "^8.5.15",
     "postcss-cli": "^11.0.1",
     "postcss-import": "^16.1.1",
-    "prettier": "^3.8.4",
+    "prettier": "^3.9.1",
     "tailwindcss": "^4.3.1",
     "tsup": "^8.5.1",
     "typescript": "^6.0.3",