@tutti-os/workbench-surface 0.0.15 → 0.0.16

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.
@@ -239,7 +239,15 @@
239
239
  .workbench-window[data-display-mode="fullscreen"]:has(
240
240
  .workbench-window__header-reveal-zone:hover
241
241
  )
242
- .workbench-window__header,
242
+ .workbench-window__header {
243
+ opacity: 1;
244
+ transform: translateY(0);
245
+ pointer-events: auto;
246
+ transition:
247
+ opacity 0.16s ease 0.5s,
248
+ transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
249
+ }
250
+
243
251
  .workbench-window[data-display-mode="fullscreen"]:has(
244
252
  .workbench-window__header:hover
245
253
  )
@@ -260,7 +268,7 @@
260
268
  right: 0;
261
269
  left: 0;
262
270
  z-index: 2;
263
- height: 22px;
271
+ height: 8px;
264
272
  pointer-events: auto;
265
273
  }
266
274
 
@@ -1322,6 +1330,9 @@
1322
1330
  }
1323
1331
 
1324
1332
  .desktop-dock__icon-shell {
1333
+ --desktop-dock-loading-badge-offset: -3.6px;
1334
+ --desktop-dock-loading-badge-size: 16.2px;
1335
+ --desktop-dock-loading-spinner-size: 9px;
1325
1336
  position: relative;
1326
1337
  box-sizing: border-box;
1327
1338
  display: inline-flex;
@@ -1347,11 +1358,11 @@
1347
1358
  .desktop-dock__icon-shell[data-entry-state="loading"]::before,
1348
1359
  .desktop-dock__count-badge {
1349
1360
  position: absolute;
1350
- right: -3.6px;
1351
- bottom: -3.6px;
1361
+ right: var(--desktop-dock-loading-badge-offset);
1362
+ bottom: var(--desktop-dock-loading-badge-offset);
1352
1363
  display: inline-flex;
1353
- min-width: 16.2px;
1354
- height: 16.2px;
1364
+ min-width: var(--desktop-dock-loading-badge-size);
1365
+ height: var(--desktop-dock-loading-badge-size);
1355
1366
  align-items: center;
1356
1367
  justify-content: center;
1357
1368
  padding: 0 4.5px;
@@ -1363,7 +1374,7 @@
1363
1374
 
1364
1375
  .desktop-dock__icon-shell[data-entry-state="loading"]::before {
1365
1376
  box-sizing: border-box;
1366
- width: 16.2px;
1377
+ width: var(--desktop-dock-loading-badge-size);
1367
1378
  min-width: 0;
1368
1379
  padding: 0;
1369
1380
  content: "";
@@ -1406,11 +1417,25 @@
1406
1417
 
1407
1418
  .desktop-dock__icon-shell[data-entry-state="loading"]::after {
1408
1419
  position: absolute;
1409
- right: 0;
1410
- bottom: 0;
1420
+ right: calc(
1421
+ var(--desktop-dock-loading-badge-offset) +
1422
+ (
1423
+ var(--desktop-dock-loading-badge-size) -
1424
+ var(--desktop-dock-loading-spinner-size)
1425
+ ) /
1426
+ 2
1427
+ );
1428
+ bottom: calc(
1429
+ var(--desktop-dock-loading-badge-offset) +
1430
+ (
1431
+ var(--desktop-dock-loading-badge-size) -
1432
+ var(--desktop-dock-loading-spinner-size)
1433
+ ) /
1434
+ 2
1435
+ );
1411
1436
  box-sizing: border-box;
1412
- width: 9px;
1413
- height: 9px;
1437
+ width: var(--desktop-dock-loading-spinner-size);
1438
+ height: var(--desktop-dock-loading-spinner-size);
1414
1439
  border: 1.8px solid color-mix(in srgb, var(--text-inverted) 36%, transparent);
1415
1440
  border-top-color: var(--text-inverted);
1416
1441
  border-radius: 999px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tutti-os/workbench-surface",
3
- "version": "0.0.15",
3
+ "version": "0.0.16",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "types": "./dist/index.d.ts",
@@ -34,10 +34,10 @@
34
34
  "@tutti-os/config-tsconfig": "0.0.0"
35
35
  },
36
36
  "dependencies": {
37
- "@tutti-os/ui-i18n-runtime": "0.0.15",
38
- "@tutti-os/ui-react-hooks": "0.0.15",
39
- "@tutti-os/workbench-snapshot": "0.0.15",
40
- "@tutti-os/ui-system": "0.0.15"
37
+ "@tutti-os/ui-i18n-runtime": "0.0.16",
38
+ "@tutti-os/ui-react-hooks": "0.0.16",
39
+ "@tutti-os/workbench-snapshot": "0.0.16",
40
+ "@tutti-os/ui-system": "0.0.16"
41
41
  },
42
42
  "peerDependencies": {
43
43
  "react": "^19.1.0",