@veltra/desktop 1.7.0 → 1.7.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 (7) hide show
  1. package/dist/components/dual-nav/style2.css +5 -5
  2. package/dist/components/group-nav/style2.css +1 -1
  3. package/dist/components/nav/style2.css +7 -7
  4. package/package.json +6 -6
  5. package/src/components/dual-nav/style.scss +5 -5
  6. package/src/components/group-nav/style.scss +1 -1
  7. package/src/components/nav/style.scss +4 -4
package/dist/components/dual-nav/style2.css CHANGED
@@ -31,7 +31,7 @@
31
31
  align-items: center;
32
32
  gap: 4px;
33
33
  padding: 8px 6px;
34
- background-color: var(--u-bg-color-middle);
34
+ background-color: var(--u-nav-rail-bg);
35
35
  }
36
36
  .u-dual-nav--labeled .u-dual-nav__rail {
37
37
  width: var(--u-nav-rail-labeled-width);
@@ -78,13 +78,13 @@
78
78
  font-size: var(--u-font-size-default);
79
79
  font-weight: 600;
80
80
  line-height: 1.4;
81
- color: var(--u-text-color-title);
81
+ color: var(--u-nav-strong-color);
82
82
  }
83
83
  .u-dual-nav__description {
84
84
  margin: 0;
85
85
  font-size: var(--u-font-size-assist-default);
86
86
  line-height: 1.5;
87
- color: var(--u-text-color-second);
87
+ color: var(--u-nav-second-color);
88
88
  }
89
89
  .u-dual-nav__toggle-expand {
90
90
  flex-shrink: 0;
@@ -97,7 +97,7 @@
97
97
  border: none;
98
98
  border-radius: var(--u-radius-default);
99
99
  background: transparent;
100
- color: var(--u-text-color-second);
100
+ color: var(--u-nav-second-color);
101
101
  cursor: pointer;
102
102
  transition: background-color 0.15s ease, color 0.15s ease;
103
103
  }
@@ -127,7 +127,7 @@
127
127
  border: none;
128
128
  border-radius: calc(var(--u-radius-default) + 2px);
129
129
  background: transparent;
130
- color: var(--u-text-color-second);
130
+ color: var(--u-nav-second-color);
131
131
  cursor: pointer;
132
132
  transition: background-color 0.15s ease, color 0.15s ease;
133
133
  }
package/dist/components/group-nav/style2.css CHANGED
@@ -47,7 +47,7 @@
47
47
  font-weight: 500;
48
48
  line-height: 1.4;
49
49
  letter-spacing: 0.02em;
50
- color: var(--u-text-color-second);
50
+ color: var(--u-nav-second-color);
51
51
  }
52
52
  .u-group-nav__group-list {
53
53
  display: flex;
package/dist/components/nav/style2.css CHANGED
@@ -40,10 +40,10 @@
40
40
  color: var(--u-nav-hover-color);
41
41
  }
42
42
  .u-nav__item.is-expanded, .u-nav__sub-content.is-expanded {
43
- color: var(--u-text-color-title);
43
+ color: var(--u-nav-strong-color);
44
44
  }
45
45
  .u-nav__item.is-branch-active, .u-nav__sub-content.is-branch-active {
46
- color: var(--u-text-color-title);
46
+ color: var(--u-nav-strong-color);
47
47
  }
48
48
  .u-nav__item.is-active, .u-nav__sub-content.is-active {
49
49
  position: relative;
@@ -159,10 +159,10 @@
159
159
  color: var(--u-nav-hover-color);
160
160
  }
161
161
  .u-collapsed-nav__item.is-expanded, .u-collapsed-nav__sub-content.is-expanded {
162
- color: var(--u-text-color-title);
162
+ color: var(--u-nav-strong-color);
163
163
  }
164
164
  .u-collapsed-nav__item.is-branch-active, .u-collapsed-nav__sub-content.is-branch-active {
165
- color: var(--u-text-color-title);
165
+ color: var(--u-nav-strong-color);
166
166
  }
167
167
  .u-collapsed-nav__item.is-active, .u-collapsed-nav__sub-content.is-active {
168
168
  position: relative;
@@ -270,7 +270,7 @@
270
270
  padding: 8px;
271
271
  }
272
272
  .u-nav__sub-expand, .u-nav__icon {
273
- color: var(--u-text-color-second);
273
+ color: var(--u-nav-second-color);
274
274
  display: inline-flex;
275
275
  justify-content: center;
276
276
  align-items: center;
@@ -291,7 +291,7 @@
291
291
  overflow: hidden;
292
292
  margin: 2px 0 0 12px;
293
293
  padding: 2px 0 2px 8px;
294
- border-left: 1px solid var(--u-border-color-a-52);
294
+ border-left: 1px solid var(--u-nav-sub-border-color);
295
295
  }
296
296
  .u-nav__sub-list.is-has-active {
297
297
  border-left-color: var(--u-color-primary);
@@ -325,7 +325,7 @@
325
325
  margin: 0;
326
326
  }
327
327
  .u-collapsed-nav__icon {
328
- color: var(--u-text-color-second);
328
+ color: var(--u-nav-second-color);
329
329
  object-fit: contain;
330
330
  }
331
331
  .u-collapsed-nav__item-title, .u-collapsed-nav__sub-title {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@veltra/desktop",
3
- "version": "1.7.0",
3
+ "version": "1.7.1",
4
4
  "homepage": "https://github.com/cabinet-fe/ultra-ui#readme",
5
5
  "bugs": {
6
6
  "url": "https://github.com/cabinet-fe/ultra-ui/issues"
@@ -80,12 +80,12 @@
80
80
  "peerDependencies": {
81
81
  "@cat-kit/core": ">=1.1.8",
82
82
  "@cat-kit/fe": ">=1.1.8",
83
- "@veltra/compositions": "^1.7.0",
84
- "@veltra/directives": "^1.7.0",
83
+ "@veltra/compositions": "^1.7.1",
84
+ "@veltra/directives": "^1.7.1",
85
85
  "@veltra/icons": "^1.5.0",
86
- "@veltra/sheet-core": "^2.5.1",
87
- "@veltra/styles": "^1.7.0",
88
- "@veltra/utils": "^1.7.0",
86
+ "@veltra/sheet-core": "^2.5.2",
87
+ "@veltra/styles": "^1.7.1",
88
+ "@veltra/utils": "^1.7.1",
89
89
  "vue": ">=3.5.41"
90
90
  },
91
91
  "peerDependenciesMeta": {
package/src/components/dual-nav/style.scss CHANGED
@@ -20,7 +20,7 @@ $root-name: dual-nav;
20
20
  align-items: center;
21
21
  gap: 4px;
22
22
  padding: 8px 6px;
23
- background-color: fn.use-var(bg-color, middle);
23
+ background-color: var(--u-nav-rail-bg);
24
24
  }
25
25
 
26
26
  @include m.m(labeled) {
@@ -76,14 +76,14 @@ $root-name: dual-nav;
76
76
  font-size: fn.use-var(font-size, default);
77
77
  font-weight: 600;
78
78
  line-height: 1.4;
79
- color: fn.use-var(text-color, title);
79
+ color: var(--u-nav-strong-color);
80
80
  }
81
81
 
82
82
  @include m.e(description) {
83
83
  margin: 0;
84
84
  font-size: fn.use-var(font-size-assist, default);
85
85
  line-height: 1.5;
86
- color: fn.use-var(text-color, second);
86
+ color: var(--u-nav-second-color);
87
87
  }
88
88
 
89
89
  @include m.e(toggle-expand) {
@@ -97,7 +97,7 @@ $root-name: dual-nav;
97
97
  border: none;
98
98
  border-radius: fn.use-var(radius, default);
99
99
  background: transparent;
100
- color: fn.use-var(text-color, second);
100
+ color: var(--u-nav-second-color);
101
101
  cursor: pointer;
102
102
  transition:
103
103
  background-color 0.15s ease,
@@ -133,7 +133,7 @@ $root-name: dual-nav;
133
133
  border: none;
134
134
  border-radius: calc(fn.use-var(radius, default) + 2px);
135
135
  background: transparent;
136
- color: fn.use-var(text-color, second);
136
+ color: var(--u-nav-second-color);
137
137
  cursor: pointer;
138
138
  transition:
139
139
  background-color 0.15s ease,
package/src/components/group-nav/style.scss CHANGED
@@ -40,7 +40,7 @@
40
40
  font-weight: 500;
41
41
  line-height: 1.4;
42
42
  letter-spacing: 0.02em;
43
- color: fn.use-var(text-color, second);
43
+ color: var(--u-nav-second-color);
44
44
  }
45
45
 
46
46
  @include m.e(group-list) {
package/src/components/nav/style.scss CHANGED
@@ -33,7 +33,7 @@ $collapsed-nav: collapsed-nav;
33
33
  }
34
34
 
35
35
  @include m.is(expanded, branch-active) {
36
- color: fn.use-var(text-color, title);
36
+ color: var(--u-nav-strong-color);
37
37
  }
38
38
 
39
39
  @include m.is(active) {
@@ -121,7 +121,7 @@ $collapsed-nav: collapsed-nav;
121
121
  }
122
122
 
123
123
  @include m.e(sub-expand, icon) {
124
- color: fn.use-var(text-color, second);
124
+ color: var(--u-nav-second-color);
125
125
  display: inline-flex;
126
126
  justify-content: center;
127
127
  align-items: center;
@@ -146,7 +146,7 @@ $collapsed-nav: collapsed-nav;
146
146
  overflow: hidden;
147
147
  margin: 2px 0 0 12px;
148
148
  padding: 2px 0 2px 8px;
149
- border-left: 1px solid fn.color-a(border, 52, color);
149
+ border-left: 1px solid var(--u-nav-sub-border-color);
150
150
 
151
151
  @include m.is(has-active) {
152
152
  border-left-color: fn.use-var(color, primary);
@@ -193,7 +193,7 @@ $collapsed-nav: collapsed-nav;
193
193
  }
194
194
 
195
195
  @include m.e(icon) {
196
- color: fn.use-var(text-color, second);
196
+ color: var(--u-nav-second-color);
197
197
  object-fit: contain;
198
198
  }
199
199