ng-hub-ui-ds 22.11.1 → 22.11.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +10 -0
- package/docs/variables-css-library.en.md +8 -4
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,16 @@ All notable changes to `ng-hub-ui-ds` are documented in this file.
|
|
|
5
5
|
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
|
|
6
6
|
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
|
|
7
7
|
|
|
8
|
+
## [22.11.2] - 2026-09-13
|
|
9
|
+
|
|
10
|
+
### Changed
|
|
11
|
+
|
|
12
|
+
- **The token catalogue covers the four header-layout variables `ng-hub-ui-modal` adds.**
|
|
13
|
+
`docs/variables-css-library.en.md` gains rows for `--hub-modal-header-align-items`,
|
|
14
|
+
`--hub-modal-heading-direction`, `--hub-modal-heading-align-items` and `--hub-modal-heading-gap`,
|
|
15
|
+
and the four `--hub-modal-close-focus-ring-*` rows point at the lines they moved to. No token,
|
|
16
|
+
theme or stylesheet in this package changes.
|
|
17
|
+
|
|
8
18
|
## [22.11.1] - 2026-09-11
|
|
9
19
|
|
|
10
20
|
### Changed
|
|
@@ -1769,6 +1769,10 @@ The standalone `tabs` proposal was **superseded**: the tabs UI shipped inside `n
|
|
|
1769
1769
|
| `--hub-modal-header-gap` | `var(--hub-ref-space-2, 0.5rem)` | Header content gap | `IN_USE` | `modal/src/lib/modal.scss:182` |
|
|
1770
1770
|
| `--hub-modal-header-border-color` | `var(--hub-sys-border-color-default, #dee2e6)` | Header bottom border color | `IN_USE` | `modal/src/lib/modal.scss:183` |
|
|
1771
1771
|
| `--hub-modal-header-border-width` | `var(--hub-ref-border-width, 1px)` | Header bottom border width | `IN_USE` | `modal/src/lib/modal.scss:184` |
|
|
1772
|
+
| `--hub-modal-header-align-items` | `center` | Cross-axis alignment of the header's two children, the heading and the close button. `flex-start` pins the button to the top when the heading runs to two lines | `IN_USE` | `modal/src/lib/modal.scss:474` |
|
|
1773
|
+
| `--hub-modal-heading-direction` | `row` | Direction of the heading, the box holding every node projected into the header. `column` stacks a subtitle under its title while the close button stays beside the pair | `IN_USE` | `modal/src/lib/modal.scss:512` |
|
|
1774
|
+
| `--hub-modal-heading-align-items` | `center` | Cross-axis alignment of the projected nodes inside the heading. A `column` heading usually wants `stretch`, so each line starts at the edge instead of being centred | `IN_USE` | `modal/src/lib/modal.scss:513` |
|
|
1775
|
+
| `--hub-modal-heading-gap` | `var(--hub-modal-header-gap, var(--hub-ref-space-2, 0.5rem))` | Space between the projected header nodes. Follows `--hub-modal-header-gap` until it is set | `IN_USE` | `modal/src/lib/modal.scss:514` |
|
|
1772
1776
|
| **Title** | | | | |
|
|
1773
1777
|
| `--hub-modal-title-font-size` | `var(--hub-ref-font-size-lg, 1.25rem)` | Modal title font size | `IN_USE` | `modal/src/lib/modal.scss:185` |
|
|
1774
1778
|
| `--hub-modal-title-font-weight` | `var(--hub-ref-font-weight-medium, 500)` | Modal title font weight | `IN_USE` | `modal/src/lib/modal.scss:186` |
|
|
@@ -1791,10 +1795,10 @@ The standalone `tabs` proposal was **superseded**: the tabs UI shipped inside `n
|
|
|
1791
1795
|
| `--hub-modal-close-line-height` | `1` | Close button line-height | `IN_USE` | `modal/src/lib/modal.scss:202` |
|
|
1792
1796
|
| `--hub-modal-close-opacity` | `0.5` | Close button base opacity | `IN_USE` | `modal/src/lib/modal.scss:205` |
|
|
1793
1797
|
| `--hub-modal-close-hover-opacity` | `0.75` | Close button hover/focus opacity | `IN_USE` | `modal/src/lib/modal.scss:206` |
|
|
1794
|
-
| `--hub-modal-close-focus-ring-width` | `2px` | Close button focus ring thickness | `IN_USE` | `modal/src/lib/modal.scss:
|
|
1795
|
-
| `--hub-modal-close-focus-ring-color` | `var(--hub-modal-accent)` | Close button focus ring color; follows the dialog accent so a variant dialog does not draw the browser default blue | `IN_USE` | `modal/src/lib/modal.scss:
|
|
1796
|
-
| `--hub-modal-close-focus-ring-offset` | `2px` | Gap between the close button and its focus ring | `IN_USE` | `modal/src/lib/modal.scss:
|
|
1797
|
-
| `--hub-modal-close-focus-ring-radius` | `var(--hub-ref-radius-sm, 0.25rem)` | Corner radius of the close button focus ring | `IN_USE` | `modal/src/lib/modal.scss:
|
|
1798
|
+
| `--hub-modal-close-focus-ring-width` | `2px` | Close button focus ring thickness | `IN_USE` | `modal/src/lib/modal.scss:600` |
|
|
1799
|
+
| `--hub-modal-close-focus-ring-color` | `var(--hub-modal-accent)` | Close button focus ring color; follows the dialog accent so a variant dialog does not draw the browser default blue | `IN_USE` | `modal/src/lib/modal.scss:601` |
|
|
1800
|
+
| `--hub-modal-close-focus-ring-offset` | `2px` | Gap between the close button and its focus ring | `IN_USE` | `modal/src/lib/modal.scss:602` |
|
|
1801
|
+
| `--hub-modal-close-focus-ring-radius` | `var(--hub-ref-radius-sm, 0.25rem)` | Corner radius of the close button focus ring | `IN_USE` | `modal/src/lib/modal.scss:603` |
|
|
1798
1802
|
| **Backdrop** | | | | |
|
|
1799
1803
|
| `--hub-modal-backdrop-bg` | `var(--hub-ref-color-black, #000000)` | Backdrop background color | `IN_USE` | `modal/src/lib/modal.scss:56` |
|
|
1800
1804
|
| `--hub-modal-backdrop-opacity` | `var(--hub-sys-opacity-50, 0.5)` | Backdrop visible opacity | `IN_USE` | `modal/src/lib/modal.scss:57` |
|