ng-hub-ui-forms 22.1.1 → 22.1.2

package/README.md

@@ -84,7 +84,8 @@ The required `email` field reveals its error automatically on submit — no manu
 `ng-hub-ui-forms` unifies a set of accessible form fields behind one contract:
 bind them with **Reactive Forms** and the matching validation errors appear
 **automatically** at the control, group and form level. Fields are standalone,
-`OnPush` and signal-native; the select is a maintained fork of ng-select; the
+`OnPush` and signal-native; the select is a maintained fork of
+[ng-select](https://github.com/ng-select/ng-select) (see [Credits](#-credits)); the
 datepicker is built from scratch on native `Date` and the Angular CDK overlay.
 Everything is themed through canonical `--hub-*` CSS variables with runtime dark
 mode — no Bootstrap dependency.
@@ -284,6 +285,14 @@ See [CHANGELOG.md](./CHANGELOG.md).
 
 ---
 
+## 🙏 Credits
+
+`hub-select` is a maintained **fork of [ng-select](https://github.com/ng-select/ng-select)** by the ng-select contributors. The upstream `src/ng-select` sources are vendored in place and re-themed with `--hub-*` tokens — pinned to upstream **`v23.0.1`** (tracked in [`src/lib/select/UPSTREAM`](./src/lib/select/UPSTREAM); deviations documented in [`src/lib/select/PATCHES.md`](./src/lib/select/PATCHES.md)). ng-select is distributed under the [MIT License](https://github.com/ng-select/ng-select/blob/master/LICENSE.md), and the original copyright notices are retained in the vendored files.
+
+The datepicker, inputs and validation layer are original to `ng-hub-ui-forms`.
+
+---
+
 ## 📄 License
 
 MIT © [Carlos Morcillo](https://www.carlosmorcillo.com)

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "ng-hub-ui-forms",
-  "version": "22.1.1",
+  "version": "22.1.2",
   "license": "MIT",
   "description": "Accessible, signal-based form fields for Angular (input, textarea, slider, select, datepicker) with automatic error display for controls, FormGroups and FormArrays. Reactive Forms today, Signal Forms ready. Part of the ng-hub-ui family.",
   "author": "Carlos Morcillo <carlos.morcillo@me.com> (https://www.carlosmorcillo.com)",
   "repository": {
     "type": "git",
-    "url": "https://github.com/carlos-morcillo/ng-hub-ui-forms.git"
+    "url": "git+https://github.com/carlos-morcillo/ng-hub-ui-forms.git"
   },
   "homepage": "https://hubui.dev/",
   "keywords": [

package/src/lib/styles/_tokens.scss

@@ -140,7 +140,9 @@
 	--hub-select-option-padding-y: var(--hub-ref-space-2, 0.5rem);
 	--hub-select-option-marked-bg: var(--hub-sys-surface-elevated, #f8f9fa);
 	--hub-select-option-selected-bg: var(--hub-sys-color-primary, #0d6efd);
-	--hub-select-option-selected-color: var(--hub-ref-color-white, #fff);
+	// Text on the selected option sits on the primary accent — read the derived
+	// contrast token so a light/custom primary keeps the label legible.
+	--hub-select-option-selected-color: var(--hub-sys-color-primary-on, var(--hub-ref-color-white, #fff));
 	--hub-select-optgroup-color: var(--hub-sys-text-muted, #6c757d);
 	--hub-select-value-bg: var(--hub-sys-surface-elevated, #f8f9fa);
 	--hub-select-value-color: var(--hub-sys-text-primary, #212529);
@@ -168,10 +170,12 @@
 	--hub-daterangepicker-cell-border-radius: var(--hub-ref-radius-sm, 0.25rem);
 	--hub-daterangepicker-cell-hover-bg: var(--hub-sys-surface-elevated, #f8f9fa);
 	--hub-daterangepicker-active-bg: var(--hub-sys-color-primary, #0d6efd);
-	--hub-daterangepicker-active-color: var(--hub-ref-color-white, #fff);
-	// Light primary tint (theme-aware): `--hub-sys-color-primary-subtle` is a *dark* navy in
-	// this design system, so derive a soft tint from the primary instead.
-	--hub-daterangepicker-in-range-bg: color-mix(in srgb, var(--hub-sys-color-primary, #0d6efd) 14%, transparent);
+	// Text on the active day sits on the primary accent — derived contrast token.
+	--hub-daterangepicker-active-color: var(--hub-sys-color-primary-on, var(--hub-ref-color-white, #fff));
+	// Soft primary tint for the in-range band. Mixed in OKLCH (perceptually even)
+	// rather than sRGB; kept independent of `-subtle` (which mixes over the page
+	// surface, not transparent) so the band reads as a translucent overlay.
+	--hub-daterangepicker-in-range-bg: color-mix(in oklch, var(--hub-sys-color-primary, #0d6efd) 14%, transparent);
 	--hub-daterangepicker-off-color: var(--hub-sys-text-muted, #6c757d);
 	--hub-daterangepicker-nav-arrow-color: var(--hub-sys-text-muted, #6c757d);
 	--hub-daterangepicker-nav-arrow-hover-color: var(--hub-sys-text-primary, #212529);
@@ -184,6 +188,7 @@
 	--hub-select-button-padding-y: var(--hub-ref-space-2, 0.5rem);
 	--hub-select-button-gap: var(--hub-ref-space-2, 0.5rem);
 	--hub-select-button-selected-bg: var(--hub-sys-color-primary, #0d6efd);
-	--hub-select-button-selected-color: var(--hub-ref-color-white, #fff);
+	// Text on the selected button sits on the primary accent — derived contrast token.
+	--hub-select-button-selected-color: var(--hub-sys-color-primary-on, var(--hub-ref-color-white, #fff));
 	--hub-select-button-selected-border-color: var(--hub-sys-color-primary, #0d6efd);
 }