@neovici/cosmoz-treenode-navigator 8.4.0 → 8.4.1

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.
Files changed (6) hide show
  1. package/README.md +7 -8
  2. package/dist/cosmoz-treenode-button-view.styles.js +1 -1
  3. package/dist/cosmoz-treenode-navigator.styles.d.ts.map +1 -1
  4. package/dist/cosmoz-treenode-navigator.styles.js +6 -12
  5. package/dist/cosmoz-treenode-navigator.styles.js.map +1 -1
  6. package/package.json +1 -1
package/README.md CHANGED
@@ -185,14 +185,13 @@ The inner navigator component that provides tree browsing, search, and keyboard
185
185
 
186
186
  #### CSS Custom Properties
187
187
 
188
- | Property | Default | Description |
189
- | ----------------------------------------------------- | ------------------------------- | ------------------------------------------- |
190
- | `--cosmoz-treenode-navigator-icon-color` | `currentColor` | Color of navigation icons (home, arrow) |
191
- | `--cosmoz-treenode-navigator-select-node-icon-color` | `var(--primary-color, #3a91e2)` | Color of the selected/highlighted node icon |
192
- | `--cosmoz-treenode-navigator-list-item-focused-color` | `#f0f8ff` | Background color of focused list items |
193
- | `--cosmoz-treenode-navigator-list-height` | `50vh` | Height of the scrollable node list |
194
- | `--cz-text-color` | `inherit` | General text color |
195
- | `--cz-bg-color` | `#f5f5f5` | Section header background color |
188
+ | Property | Default | Description |
189
+ | ---------------------------------------------------- | ------------------------------ | ------------------------------------------- |
190
+ | `--cosmoz-treenode-navigator-icon-color` | `currentColor` | Color of navigation icons (home, arrow) |
191
+ | `--cosmoz-treenode-navigator-select-node-icon-color` | `var(--cz-color-fg-secondary)` | Color of the selected/highlighted node icon |
192
+ | `--cosmoz-treenode-navigator-list-height` | `50vh` | Height of the scrollable node list |
193
+ | `--cz-text-color` | `inherit` | General text color |
194
+ | `--cz-bg-color` | `var(--cz-color-bg-secondary)` | Section header background color |
196
195
 
197
196
  ## Internationalization
198
197
 
package/dist/cosmoz-treenode-button-view.styles.js CHANGED
@@ -61,7 +61,7 @@ export default css `
61
61
  }
62
62
 
63
63
  dialog::backdrop {
64
- background: rgba(0, 0, 0, 0.5);
64
+ background: color-mix(in srgb, var(--cz-color-bg-overlay) 70%, transparent);
65
65
  }
66
66
 
67
67
  dialog > header {
package/dist/cosmoz-treenode-navigator.styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"cosmoz-treenode-navigator.styles.d.ts","sourceRoot":"","sources":["../src/cosmoz-treenode-navigator.styles.ts"],"names":[],"mappings":";AAEA,wBA0GE"}
1
+ {"version":3,"file":"cosmoz-treenode-navigator.styles.d.ts","sourceRoot":"","sources":["../src/cosmoz-treenode-navigator.styles.ts"],"names":[],"mappings":";AAEA,wBAoGE"}
package/dist/cosmoz-treenode-navigator.styles.js CHANGED
@@ -1,13 +1,5 @@
1
1
  import { css } from '@pionjs/pion';
2
2
  export default css `
3
- :host {
4
- --cosmoz-treenode-navigator-select-node-icon-color: var(
5
- --primary-color,
6
- #3a91e2
7
- );
8
- --cosmoz-treenode-navigator-list-item-focused-color: #f0f8ff;
9
- }
10
-
11
3
  .header {
12
4
  margin: 0 16px;
13
5
  color: var(--cz-text-color, inherit);
@@ -59,7 +51,7 @@ export default css `
59
51
  }
60
52
 
61
53
  .section {
62
- background-color: var(--cz-bg-color, #f5f5f5);
54
+ background-color: var(--cz-bg-color, var(--cz-color-bg-secondary));
63
55
  padding: 5px;
64
56
  }
65
57
 
@@ -70,7 +62,6 @@ export default css `
70
62
  .node {
71
63
  align-items: center;
72
64
  display: flex;
73
- font-family: 'Roboto', 'Noto', sans-serif;
74
65
  font-size: 16px;
75
66
  font-weight: 400;
76
67
  color: var(--cz-text-color, inherit);
@@ -87,13 +78,16 @@ export default css `
87
78
  .node.selected {
88
79
  background-color: var(
89
80
  --cosmoz-listbox-active-color,
90
- var(--cosmoz-selection-color, rgba(58, 145, 226, 0.1))
81
+ var(--cz-color-bg-tertiary)
91
82
  );
92
83
  transition: background-color 0.2s ease-out;
93
84
  }
94
85
 
95
86
  .node.selected .icon svg {
96
- fill: var(--cosmoz-treenode-navigator-select-node-icon-color);
87
+ fill: var(
88
+ --cosmoz-treenode-navigator-select-node-icon-color,
89
+ var(--cz-color-fg-secondary)
90
+ );
97
91
  transition: color 0.8s ease-out;
98
92
  }
99
93
 
package/dist/cosmoz-treenode-navigator.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"cosmoz-treenode-navigator.styles.js","sourceRoot":"","sources":["../src/cosmoz-treenode-navigator.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAEnC,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0GjB,CAAC"}
1
+ {"version":3,"file":"cosmoz-treenode-navigator.styles.js","sourceRoot":"","sources":["../src/cosmoz-treenode-navigator.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAEnC,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoGjB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@neovici/cosmoz-treenode-navigator",
3
- "version": "8.4.0",
3
+ "version": "8.4.1",
4
4
  "type": "module",
5
5
  "description": "A Pion component that lets you navigate and search through hierarchically structured data-nodes and select one of them.",
6
6
  "keywords": [