ng-hub-ui-panels 22.5.0 → 22.6.0
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.
|
Binary file
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ng-hub-ui-panels",
|
|
3
|
-
"version": "22.
|
|
3
|
+
"version": "22.6.0",
|
|
4
4
|
"description": "A versatile, accessible content-panels container for Angular with four visualizations (tabs, pills, accordion, card), standalone cards, content header/footer slots, routing, reactive forms and keyboard navigation. Part of the ng-hub-ui family.",
|
|
5
5
|
"author": "Carlos Morcillo <carlos.morcillo@me.com> (https://www.carlosmorcillo.com)",
|
|
6
6
|
"repository": {
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
// ─────────────────────────────────────────────────────────────────────────
|
|
2
|
+
// hub-panels-theme — one-call token theming for `<hub-panels>`
|
|
3
|
+
// ─────────────────────────────────────────────────────────────────────────
|
|
4
|
+
//
|
|
5
|
+
// Override the most useful `--hub-panels-*` design tokens in a single include. Every
|
|
6
|
+
// parameter is OPTIONAL and defaults to `null`: only the parameters you pass are
|
|
7
|
+
// emitted, so the rest keep their defaults. For any token not exposed here, set the
|
|
8
|
+
// `--hub-panels-*` custom property directly — this mixin is sugar for the common knobs,
|
|
9
|
+
// not a replacement for the full token surface.
|
|
10
|
+
//
|
|
11
|
+
// `$accent` feeds the single `--hub-panels-accent` slot; the component derives the
|
|
12
|
+
// `-emphasis` / `-subtle` / `-on` family from it at runtime, so one colour re-tones the
|
|
13
|
+
// active tab and accents. Pass any value `resolveHubAccent` accepts (a semantic name, a
|
|
14
|
+
// registered accent, or a literal `#hex` / `rgb()` / `oklch()`).
|
|
15
|
+
//
|
|
16
|
+
// @example
|
|
17
|
+
//
|
|
18
|
+
// @use 'ng-hub-ui-panels/styles' as *;
|
|
19
|
+
//
|
|
20
|
+
// .settings {
|
|
21
|
+
// @include hub-panels-theme($accent: var(--hub-sys-color-brand), $border-radius: 0.75rem);
|
|
22
|
+
// }
|
|
23
|
+
//
|
|
24
|
+
// scss-docs-start hub-panels-theme
|
|
25
|
+
@mixin hub-panels-theme(
|
|
26
|
+
$accent: null, // --hub-panels-accent (active tab + accents)
|
|
27
|
+
$border-color: null, // --hub-panels-border-color
|
|
28
|
+
$border-radius: null, // --hub-panels-border-radius
|
|
29
|
+
$border-width: null, // --hub-panels-border-width
|
|
30
|
+
$content-bg: null, // --hub-panels-content-bg (pane surface)
|
|
31
|
+
$content-padding-x: null, // --hub-panels-content-padding-x
|
|
32
|
+
$content-padding-y: null, // --hub-panels-content-padding-y
|
|
33
|
+
$tab-bg-active: null, // --hub-panels-tab-bg-active
|
|
34
|
+
$tab-color-active: null, // --hub-panels-tab-color-active
|
|
35
|
+
$tab-font-size: null, // --hub-panels-tab-font-size
|
|
36
|
+
$tab-padding-x: null, // --hub-panels-tab-padding-x
|
|
37
|
+
$tab-padding-y: null, // --hub-panels-tab-padding-y
|
|
38
|
+
$nav-gap: null // --hub-panels-nav-gap (spacing between tabs)
|
|
39
|
+
) {
|
|
40
|
+
@if $accent != null {
|
|
41
|
+
--hub-panels-accent: #{$accent};
|
|
42
|
+
}
|
|
43
|
+
@if $border-color != null {
|
|
44
|
+
--hub-panels-border-color: #{$border-color};
|
|
45
|
+
}
|
|
46
|
+
@if $border-radius != null {
|
|
47
|
+
--hub-panels-border-radius: #{$border-radius};
|
|
48
|
+
}
|
|
49
|
+
@if $border-width != null {
|
|
50
|
+
--hub-panels-border-width: #{$border-width};
|
|
51
|
+
}
|
|
52
|
+
@if $content-bg != null {
|
|
53
|
+
--hub-panels-content-bg: #{$content-bg};
|
|
54
|
+
}
|
|
55
|
+
@if $content-padding-x != null {
|
|
56
|
+
--hub-panels-content-padding-x: #{$content-padding-x};
|
|
57
|
+
}
|
|
58
|
+
@if $content-padding-y != null {
|
|
59
|
+
--hub-panels-content-padding-y: #{$content-padding-y};
|
|
60
|
+
}
|
|
61
|
+
@if $tab-bg-active != null {
|
|
62
|
+
--hub-panels-tab-bg-active: #{$tab-bg-active};
|
|
63
|
+
}
|
|
64
|
+
@if $tab-color-active != null {
|
|
65
|
+
--hub-panels-tab-color-active: #{$tab-color-active};
|
|
66
|
+
}
|
|
67
|
+
@if $tab-font-size != null {
|
|
68
|
+
--hub-panels-tab-font-size: #{$tab-font-size};
|
|
69
|
+
}
|
|
70
|
+
@if $tab-padding-x != null {
|
|
71
|
+
--hub-panels-tab-padding-x: #{$tab-padding-x};
|
|
72
|
+
}
|
|
73
|
+
@if $tab-padding-y != null {
|
|
74
|
+
--hub-panels-tab-padding-y: #{$tab-padding-y};
|
|
75
|
+
}
|
|
76
|
+
@if $nav-gap != null {
|
|
77
|
+
--hub-panels-nav-gap: #{$nav-gap};
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
// scss-docs-end hub-panels-theme
|
|
Binary file
|