@jotx-labs/editor 2.4.159 → 2.4.161

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 (3) hide show
  1. package/dist/styles/NodePickerDialog.css +22 -22
  2. package/package.json +1 -1
  3. package/src/styles/NodePickerDialog.css +22 -22
package/dist/styles/NodePickerDialog.css CHANGED
@@ -13,8 +13,8 @@
13
13
 
14
14
  .node-picker-dialog {
15
15
  /* Support both VS Code and web */
16
- background: var(--vscode-editor-background, hsl(var(--background, 222 47% 11%)));
17
- border: 1px solid var(--vscode-panel-border, hsl(var(--border, 217 33% 17%)));
16
+ background: var(--vscode-editor-background, hsl(var(--background)));
17
+ border: 1px solid var(--vscode-panel-border, hsl(var(--border)));
18
18
  border-radius: 8px;
19
19
  width: 600px;
20
20
  max-height: 80vh;
@@ -28,20 +28,20 @@
28
28
  justify-content: space-between;
29
29
  align-items: center;
30
30
  padding: 16px 20px;
31
- border-bottom: 1px solid var(--vscode-panel-border, hsl(var(--border, 217 33% 17%)));
31
+ border-bottom: 1px solid var(--vscode-panel-border, hsl(var(--border)));
32
32
  }
33
33
 
34
34
  .node-picker-header h2 {
35
35
  margin: 0;
36
36
  font-size: 16px;
37
37
  font-weight: 600;
38
- color: var(--vscode-foreground, hsl(var(--foreground, 213 31% 91%)));
38
+ color: var(--vscode-foreground, hsl(var(--foreground)));
39
39
  }
40
40
 
41
41
  .close-btn {
42
42
  background: none;
43
43
  border: none;
44
- color: var(--vscode-foreground, hsl(var(--foreground, 213 31% 91%)));
44
+ color: var(--vscode-foreground, hsl(var(--foreground)));
45
45
  font-size: 24px;
46
46
  cursor: pointer;
47
47
  padding: 0;
@@ -54,33 +54,33 @@
54
54
  }
55
55
 
56
56
  .close-btn:hover {
57
- background: var(--vscode-list-hoverBackground, hsl(var(--muted, 223 47% 11%)));
57
+ background: var(--vscode-list-hoverBackground, hsl(var(--muted)));
58
58
  }
59
59
 
60
60
  .node-picker-search {
61
61
  padding: 12px 20px;
62
- border-bottom: 1px solid var(--vscode-panel-border, hsl(var(--border, 217 33% 17%)));
62
+ border-bottom: 1px solid var(--vscode-panel-border, hsl(var(--border)));
63
63
  }
64
64
 
65
65
  .node-picker-search input {
66
66
  width: 100%;
67
67
  padding: 8px 12px;
68
- background: var(--vscode-input-background, hsl(var(--input, 222 47% 11%)));
69
- border: 1px solid var(--vscode-input-border, hsl(var(--border, 217 33% 17%)));
68
+ background: var(--vscode-input-background, hsl(var(--input)));
69
+ border: 1px solid var(--vscode-input-border, hsl(var(--border)));
70
70
  border-radius: 4px;
71
- color: var(--vscode-input-foreground, hsl(var(--foreground, 213 31% 91%)));
71
+ color: var(--vscode-input-foreground, hsl(var(--foreground)));
72
72
  font-size: 14px;
73
73
  }
74
74
 
75
75
  .node-picker-search input:focus {
76
76
  outline: none;
77
- border-color: var(--vscode-focusBorder, hsl(var(--primary, 173 58% 39%)));
77
+ border-color: var(--vscode-focusBorder, hsl(var(--primary)));
78
78
  }
79
79
 
80
80
  .node-picker-tabs {
81
81
  display: flex;
82
- border-bottom: 1px solid var(--vscode-panel-border, hsl(var(--border, 217 33% 17%)));
83
- background: var(--vscode-editor-background, hsl(var(--background, 222 47% 11%)));
82
+ border-bottom: 1px solid var(--vscode-panel-border, hsl(var(--border)));
83
+ background: var(--vscode-editor-background, hsl(var(--background)));
84
84
  }
85
85
 
86
86
  .node-picker-tabs button {
@@ -88,7 +88,7 @@
88
88
  padding: 12px 16px;
89
89
  background: none;
90
90
  border: none;
91
- color: var(--vscode-foreground, hsl(var(--foreground, 213 31% 91%)));
91
+ color: var(--vscode-foreground, hsl(var(--foreground)));
92
92
  cursor: pointer;
93
93
  font-size: 14px;
94
94
  opacity: 0.7;
@@ -98,12 +98,12 @@
98
98
 
99
99
  .node-picker-tabs button:hover {
100
100
  opacity: 1;
101
- background: var(--vscode-list-hoverBackground, hsl(var(--muted, 223 47% 11%)));
101
+ background: var(--vscode-list-hoverBackground, hsl(var(--muted)));
102
102
  }
103
103
 
104
104
  .node-picker-tabs button.active {
105
105
  opacity: 1;
106
- border-bottom-color: var(--vscode-focusBorder, hsl(var(--primary, 173 58% 39%)));
106
+ border-bottom-color: var(--vscode-focusBorder, hsl(var(--primary)));
107
107
  }
108
108
 
109
109
  .node-picker-content {
@@ -127,7 +127,7 @@
127
127
  }
128
128
 
129
129
  .node-item:hover {
130
- background: var(--vscode-list-hoverBackground, hsl(var(--muted, 223 47% 11%)));
130
+ background: var(--vscode-list-hoverBackground, hsl(var(--muted)));
131
131
  }
132
132
 
133
133
  .node-icon {
@@ -143,7 +143,7 @@
143
143
  .node-label {
144
144
  font-size: 14px;
145
145
  font-weight: 500;
146
- color: var(--vscode-foreground, hsl(var(--foreground, 213 31% 91%)));
146
+ color: var(--vscode-foreground, hsl(var(--foreground)));
147
147
  overflow: hidden;
148
148
  text-overflow: ellipsis;
149
149
  white-space: nowrap;
@@ -151,7 +151,7 @@
151
151
 
152
152
  .node-meta {
153
153
  font-size: 12px;
154
- color: var(--vscode-descriptionForeground, hsl(var(--muted-foreground, 215 16% 47%)));
154
+ color: var(--vscode-descriptionForeground, hsl(var(--muted-foreground)));
155
155
  margin-top: 4px;
156
156
  overflow: hidden;
157
157
  text-overflow: ellipsis;
@@ -164,13 +164,13 @@
164
164
  align-items: center;
165
165
  justify-content: center;
166
166
  padding: 40px;
167
- color: var(--vscode-descriptionForeground, hsl(var(--muted-foreground, 215 16% 47%)));
167
+ color: var(--vscode-descriptionForeground, hsl(var(--muted-foreground)));
168
168
  font-size: 14px;
169
169
  }
170
170
 
171
171
  .node-picker-footer {
172
172
  padding: 12px 20px;
173
- border-top: 1px solid var(--vscode-panel-border, hsl(var(--border, 217 33% 17%)));
173
+ border-top: 1px solid var(--vscode-panel-border, hsl(var(--border)));
174
174
  display: flex;
175
175
  justify-content: flex-end;
176
176
  }
@@ -186,5 +186,5 @@
186
186
  }
187
187
 
188
188
  .cancel-btn:hover {
189
- background: var(--vscode-button-secondaryHoverBackground, hsl(var(--secondary, 222 47% 11%) / 0.8));
189
+ background: var(--vscode-button-secondaryHoverBackground, hsl(var(--secondary) / 0.8));
190
190
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jotx-labs/editor",
3
- "version": "2.4.159",
3
+ "version": "2.4.161",
4
4
  "files": [
5
5
  "dist",
6
6
  "src/styles"
package/src/styles/NodePickerDialog.css CHANGED
@@ -13,8 +13,8 @@
13
13
 
14
14
  .node-picker-dialog {
15
15
  /* Support both VS Code and web */
16
- background: var(--vscode-editor-background, hsl(var(--background, 222 47% 11%)));
17
- border: 1px solid var(--vscode-panel-border, hsl(var(--border, 217 33% 17%)));
16
+ background: var(--vscode-editor-background, hsl(var(--background)));
17
+ border: 1px solid var(--vscode-panel-border, hsl(var(--border)));
18
18
  border-radius: 8px;
19
19
  width: 600px;
20
20
  max-height: 80vh;
@@ -28,20 +28,20 @@
28
28
  justify-content: space-between;
29
29
  align-items: center;
30
30
  padding: 16px 20px;
31
- border-bottom: 1px solid var(--vscode-panel-border, hsl(var(--border, 217 33% 17%)));
31
+ border-bottom: 1px solid var(--vscode-panel-border, hsl(var(--border)));
32
32
  }
33
33
 
34
34
  .node-picker-header h2 {
35
35
  margin: 0;
36
36
  font-size: 16px;
37
37
  font-weight: 600;
38
- color: var(--vscode-foreground, hsl(var(--foreground, 213 31% 91%)));
38
+ color: var(--vscode-foreground, hsl(var(--foreground)));
39
39
  }
40
40
 
41
41
  .close-btn {
42
42
  background: none;
43
43
  border: none;
44
- color: var(--vscode-foreground, hsl(var(--foreground, 213 31% 91%)));
44
+ color: var(--vscode-foreground, hsl(var(--foreground)));
45
45
  font-size: 24px;
46
46
  cursor: pointer;
47
47
  padding: 0;
@@ -54,33 +54,33 @@
54
54
  }
55
55
 
56
56
  .close-btn:hover {
57
- background: var(--vscode-list-hoverBackground, hsl(var(--muted, 223 47% 11%)));
57
+ background: var(--vscode-list-hoverBackground, hsl(var(--muted)));
58
58
  }
59
59
 
60
60
  .node-picker-search {
61
61
  padding: 12px 20px;
62
- border-bottom: 1px solid var(--vscode-panel-border, hsl(var(--border, 217 33% 17%)));
62
+ border-bottom: 1px solid var(--vscode-panel-border, hsl(var(--border)));
63
63
  }
64
64
 
65
65
  .node-picker-search input {
66
66
  width: 100%;
67
67
  padding: 8px 12px;
68
- background: var(--vscode-input-background, hsl(var(--input, 222 47% 11%)));
69
- border: 1px solid var(--vscode-input-border, hsl(var(--border, 217 33% 17%)));
68
+ background: var(--vscode-input-background, hsl(var(--input)));
69
+ border: 1px solid var(--vscode-input-border, hsl(var(--border)));
70
70
  border-radius: 4px;
71
- color: var(--vscode-input-foreground, hsl(var(--foreground, 213 31% 91%)));
71
+ color: var(--vscode-input-foreground, hsl(var(--foreground)));
72
72
  font-size: 14px;
73
73
  }
74
74
 
75
75
  .node-picker-search input:focus {
76
76
  outline: none;
77
- border-color: var(--vscode-focusBorder, hsl(var(--primary, 173 58% 39%)));
77
+ border-color: var(--vscode-focusBorder, hsl(var(--primary)));
78
78
  }
79
79
 
80
80
  .node-picker-tabs {
81
81
  display: flex;
82
- border-bottom: 1px solid var(--vscode-panel-border, hsl(var(--border, 217 33% 17%)));
83
- background: var(--vscode-editor-background, hsl(var(--background, 222 47% 11%)));
82
+ border-bottom: 1px solid var(--vscode-panel-border, hsl(var(--border)));
83
+ background: var(--vscode-editor-background, hsl(var(--background)));
84
84
  }
85
85
 
86
86
  .node-picker-tabs button {
@@ -88,7 +88,7 @@
88
88
  padding: 12px 16px;
89
89
  background: none;
90
90
  border: none;
91
- color: var(--vscode-foreground, hsl(var(--foreground, 213 31% 91%)));
91
+ color: var(--vscode-foreground, hsl(var(--foreground)));
92
92
  cursor: pointer;
93
93
  font-size: 14px;
94
94
  opacity: 0.7;
@@ -98,12 +98,12 @@
98
98
 
99
99
  .node-picker-tabs button:hover {
100
100
  opacity: 1;
101
- background: var(--vscode-list-hoverBackground, hsl(var(--muted, 223 47% 11%)));
101
+ background: var(--vscode-list-hoverBackground, hsl(var(--muted)));
102
102
  }
103
103
 
104
104
  .node-picker-tabs button.active {
105
105
  opacity: 1;
106
- border-bottom-color: var(--vscode-focusBorder, hsl(var(--primary, 173 58% 39%)));
106
+ border-bottom-color: var(--vscode-focusBorder, hsl(var(--primary)));
107
107
  }
108
108
 
109
109
  .node-picker-content {
@@ -127,7 +127,7 @@
127
127
  }
128
128
 
129
129
  .node-item:hover {
130
- background: var(--vscode-list-hoverBackground, hsl(var(--muted, 223 47% 11%)));
130
+ background: var(--vscode-list-hoverBackground, hsl(var(--muted)));
131
131
  }
132
132
 
133
133
  .node-icon {
@@ -143,7 +143,7 @@
143
143
  .node-label {
144
144
  font-size: 14px;
145
145
  font-weight: 500;
146
- color: var(--vscode-foreground, hsl(var(--foreground, 213 31% 91%)));
146
+ color: var(--vscode-foreground, hsl(var(--foreground)));
147
147
  overflow: hidden;
148
148
  text-overflow: ellipsis;
149
149
  white-space: nowrap;
@@ -151,7 +151,7 @@
151
151
 
152
152
  .node-meta {
153
153
  font-size: 12px;
154
- color: var(--vscode-descriptionForeground, hsl(var(--muted-foreground, 215 16% 47%)));
154
+ color: var(--vscode-descriptionForeground, hsl(var(--muted-foreground)));
155
155
  margin-top: 4px;
156
156
  overflow: hidden;
157
157
  text-overflow: ellipsis;
@@ -164,13 +164,13 @@
164
164
  align-items: center;
165
165
  justify-content: center;
166
166
  padding: 40px;
167
- color: var(--vscode-descriptionForeground, hsl(var(--muted-foreground, 215 16% 47%)));
167
+ color: var(--vscode-descriptionForeground, hsl(var(--muted-foreground)));
168
168
  font-size: 14px;
169
169
  }
170
170
 
171
171
  .node-picker-footer {
172
172
  padding: 12px 20px;
173
- border-top: 1px solid var(--vscode-panel-border, hsl(var(--border, 217 33% 17%)));
173
+ border-top: 1px solid var(--vscode-panel-border, hsl(var(--border)));
174
174
  display: flex;
175
175
  justify-content: flex-end;
176
176
  }
@@ -186,5 +186,5 @@
186
186
  }
187
187
 
188
188
  .cancel-btn:hover {
189
- background: var(--vscode-button-secondaryHoverBackground, hsl(var(--secondary, 222 47% 11%) / 0.8));
189
+ background: var(--vscode-button-secondaryHoverBackground, hsl(var(--secondary) / 0.8));
190
190
  }