@stonecrop/desktop 0.28.0 → 0.30.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.
Files changed (7) hide show
  1. package/dist/desktop.css +1 -1
  2. package/dist/desktop.js +414 -427
  3. package/dist/desktop.js.map +1 -1
  4. package/package.json +6 -6
  5. package/src/components/ActionSet.vue +2 -2
  6. package/src/components/Desktop.vue +4 -40
  7. package/src/components/SheetNav.vue +23 -23
package/src/components/SheetNav.vue CHANGED
@@ -139,11 +139,11 @@ ul {
139
139
  align-items: center;
140
140
  justify-content: center;
141
141
  text-decoration: none;
142
- color: var(--sc-gray-60, #666);
143
- background: var(--sc-btn-color, #ffffff);
144
- border: 1px solid var(--sc-btn-border, #ccc);
142
+ color: var(--sc-gray-60);
143
+ background: var(--sc-btn-color);
144
+ border: 1px solid var(--sc-btn-border);
145
145
  font-size: 0.85rem;
146
- font-family: var(--sc-font-family, system-ui, sans-serif);
146
+ font-family: var(--sc-font-family);
147
147
  transition: all 0.15s ease;
148
148
 
149
149
  /* Minimal ornamentation - subtle top radius only */
@@ -152,14 +152,14 @@ ul {
152
152
  }
153
153
 
154
154
  .tabs a:hover {
155
- background: var(--sc-btn-hover, #f2f2f2);
155
+ background: var(--sc-btn-hover);
156
156
  }
157
157
 
158
158
  .tabs .router-link-active {
159
159
  z-index: 3;
160
- background: var(--sc-primary-color, #827553) !important;
161
- border-color: var(--sc-primary-color, #827553) !important;
162
- color: var(--sc-primary-text-color, #fff) !important;
160
+ background: var(--sc-primary-color) !important;
161
+ border-color: var(--sc-primary-color) !important;
162
+ color: var(--sc-primary-text-color) !important;
163
163
  }
164
164
 
165
165
  /* Pseudo-elements removed - minimal ornamentation style */
@@ -170,9 +170,9 @@ ul {
170
170
  width: 2.4rem;
171
171
  height: 2.4rem;
172
172
  padding: 0.5rem;
173
- background: var(--sc-btn-color, #ffffff);
174
- border: 1px solid var(--sc-btn-border, #ccc);
175
- color: var(--sc-gray-60, #666);
173
+ background: var(--sc-btn-color);
174
+ border: 1px solid var(--sc-btn-border);
175
+ color: var(--sc-gray-60);
176
176
  }
177
177
 
178
178
  .hidebreadcrumbs a div {
@@ -208,7 +208,7 @@ li > a:focus {
208
208
  a:active,
209
209
  a:hover,
210
210
  a:focus {
211
- outline: 2px solid var(--sc-input-active-border-color, black);
211
+ outline: 2px solid var(--sc-input-active-border-color);
212
212
  z-index: 3;
213
213
  }
214
214
 
@@ -218,9 +218,9 @@ a:focus {
218
218
  width: 2.4rem;
219
219
  height: 2.4rem;
220
220
  padding: 0.5rem;
221
- background: var(--sc-btn-color, #ffffff);
222
- border: 1px solid var(--sc-btn-border, #ccc);
223
- color: var(--sc-gray-60, #666);
221
+ background: var(--sc-btn-color);
222
+ border: 1px solid var(--sc-btn-border);
223
+ color: var(--sc-gray-60);
224
224
  }
225
225
 
226
226
  /* SVG icon styling */
@@ -240,9 +240,9 @@ a:focus {
240
240
  min-width: 2.4rem;
241
241
  height: 2.4rem;
242
242
  padding: 0.5rem;
243
- background: var(--sc-btn-color, #ffffff);
244
- border: 1px solid var(--sc-btn-border, #ccc);
245
- color: var(--sc-gray-60, #666);
243
+ background: var(--sc-btn-color);
244
+ border: 1px solid var(--sc-btn-border);
245
+ color: var(--sc-gray-60);
246
246
  overflow: hidden;
247
247
  /* Animation for smooth expand/collapse */
248
248
  max-width: 2.4rem;
@@ -258,10 +258,10 @@ a:focus {
258
258
 
259
259
  .searchtab input {
260
260
  outline: none;
261
- border: 1px solid var(--sc-input-border-color, #ccc);
261
+ border: 1px solid var(--sc-input-border-color);
262
262
  border-radius: 0.25rem;
263
- background-color: var(--sc-form-background, #ffffff);
264
- color: var(--sc-gray-80, #333);
263
+ background-color: var(--sc-form-background);
264
+ color: var(--sc-gray-80);
265
265
  text-align: left;
266
266
  font-size: 0.875rem;
267
267
  padding: 0.25rem 0.5rem;
@@ -274,12 +274,12 @@ a:focus {
274
274
  }
275
275
 
276
276
  .searchtab input:focus {
277
- border-color: var(--sc-input-active-border-color, #4f46e5);
277
+ border-color: var(--sc-input-active-border-color);
278
278
  outline: none;
279
279
  }
280
280
 
281
281
  .searchtab input::placeholder {
282
- color: var(--sc-input-label-color, #999);
282
+ color: var(--sc-input-label-color);
283
283
  }
284
284
 
285
285
  /* Search active state - expanded with animation */