simvyn 2.1.0 → 2.3.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.
@@ -1996,6 +1996,12 @@
1996
1996
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) !important;
1997
1997
  }
1998
1998
 
1999
+ .transition {
2000
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
2001
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2002
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2003
+ }
2004
+
1999
2005
  .transition-all {
2000
2006
  transition-property: all;
2001
2007
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -2315,33 +2321,51 @@ body {
2315
2321
  border-radius: 16px;
2316
2322
  flex-direction: column;
2317
2323
  align-self: center;
2318
- align-items: center;
2324
+ align-items: stretch;
2319
2325
  gap: 2px;
2320
- width: 52px;
2321
2326
  margin: 12px 0 12px 12px;
2322
- padding: 8px 0;
2327
+ padding: 8px 6px;
2323
2328
  display: flex;
2324
2329
  position: relative;
2325
- overflow: visible auto;
2330
+ overflow: hidden auto;
2326
2331
  box-shadow: 0 8px 32px #0000004d, inset 0 .5px #ffffff14;
2327
2332
  }
2328
2333
 
2329
2334
  .dock-icon {
2330
- width: 38px;
2331
2335
  height: 38px;
2332
2336
  color: var(--color-text-secondary);
2333
2337
  cursor: pointer;
2334
2338
  -webkit-user-select: none;
2335
2339
  user-select: none;
2340
+ white-space: nowrap;
2336
2341
  background: none;
2337
2342
  border: none;
2338
2343
  border-radius: 10px;
2339
- justify-content: center;
2340
2344
  align-items: center;
2345
+ gap: 10px;
2346
+ padding: 0 7px;
2341
2347
  font-family: inherit;
2342
2348
  transition: background .15s, color .15s;
2343
2349
  display: flex;
2344
2350
  position: relative;
2351
+ overflow: hidden;
2352
+ }
2353
+
2354
+ .dock-icon-svg {
2355
+ flex-shrink: 0;
2356
+ justify-content: center;
2357
+ align-items: center;
2358
+ width: 24px;
2359
+ height: 24px;
2360
+ display: flex;
2361
+ }
2362
+
2363
+ .dock-label {
2364
+ color: var(--color-text-secondary);
2365
+ white-space: nowrap;
2366
+ font-size: 12.5px;
2367
+ font-weight: 500;
2368
+ overflow: hidden;
2345
2369
  }
2346
2370
 
2347
2371
  .dock-icon:hover {
@@ -2349,11 +2373,19 @@ body {
2349
2373
  background: #ffffff14;
2350
2374
  }
2351
2375
 
2376
+ .dock-icon:hover .dock-label {
2377
+ color: var(--color-text-primary);
2378
+ }
2379
+
2352
2380
  .dock-icon.active {
2353
2381
  color: var(--color-accent-blue);
2354
2382
  background: #007aff26;
2355
2383
  }
2356
2384
 
2385
+ .dock-icon.active .dock-label {
2386
+ color: var(--color-accent-blue);
2387
+ }
2388
+
2357
2389
  .dock-icon.active:after {
2358
2390
  content: "";
2359
2391
  background: var(--color-accent-blue);
@@ -2367,23 +2399,6 @@ body {
2367
2399
  transform: translateY(-50%);
2368
2400
  }
2369
2401
 
2370
- .dock-tooltip-fixed {
2371
- -webkit-backdrop-filter: blur(20px) saturate(1.4);
2372
- backdrop-filter: blur(20px) saturate(1.4);
2373
- color: var(--color-text-primary);
2374
- white-space: nowrap;
2375
- pointer-events: none;
2376
- z-index: 1000;
2377
- background: #1e1e28e6;
2378
- border: 1px solid #ffffff14;
2379
- border-radius: 6px;
2380
- padding: 4px 10px;
2381
- font-size: 12px;
2382
- font-weight: 500;
2383
- position: fixed;
2384
- transform: translateY(-50%);
2385
- }
2386
-
2387
2402
  [data-sonner-toaster] [data-sonner-toast] {
2388
2403
  -webkit-backdrop-filter: blur(20px) saturate(1.4) !important;
2389
2404
  color: #e8e8ed !important;
@@ -38,8 +38,8 @@
38
38
  }
39
39
  </style>
40
40
  <title>simvyn</title>
41
- <script type="module" crossorigin src="/assets/index-jHtyqXZH.js"></script>
42
- <link rel="stylesheet" crossorigin href="/assets/index-B6SC-KfX.css">
41
+ <script type="module" crossorigin src="/assets/index-BW2wglvQ.js"></script>
42
+ <link rel="stylesheet" crossorigin href="/assets/index-J29mShUC.css">
43
43
  </head>
44
44
  <body>
45
45
  <div id="root"></div>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "simvyn",
3
- "version": "2.1.0",
3
+ "version": "2.3.0",
4
4
  "type": "module",
5
5
  "description": "Universal mobile device devtool — control iOS Simulators, Android Emulators, and real devices from a single dashboard and CLI",
6
6
  "main": "./dist/index.js",