handler-playable-sdk 0.3.11 → 0.3.13

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 (11) hide show
  1. package/dist/{chunk-FCE6X4GO.js → chunk-SXURSNAQ.js} +56 -62
  2. package/dist/index.cjs +46 -52
  3. package/dist/index.css +18 -15
  4. package/dist/index.js +1 -1
  5. package/dist/pixi/index.cjs +15 -15
  6. package/dist/pixi/index.css +18 -15
  7. package/dist/pixi/index.js +1 -1
  8. package/dist/three/index.cjs +58 -58
  9. package/dist/three/index.css +18 -15
  10. package/dist/three/index.js +1 -1
  11. package/package.json +1 -1
package/dist/three/index.css CHANGED
@@ -3393,11 +3393,12 @@
3393
3393
 
3394
3394
  /* Config Editor */
3395
3395
  .config-editor {
3396
- border: 1px solid rgba(255, 255, 255, 0.08);
3396
+ border: 1px solid var(--ui-border);
3397
3397
  border-radius: 10px;
3398
3398
  padding: 12px;
3399
3399
  margin-top: 8px;
3400
- background-color: rgba(25, 30, 40, 0.85);
3400
+ background-color: var(--ui-dark-panel);
3401
+ color: var(--ui-dark-text);
3401
3402
  }
3402
3403
 
3403
3404
  .debug-select {
@@ -3413,12 +3414,12 @@
3413
3414
  .debug-select:focus {
3414
3415
  outline: none;
3415
3416
  border-color: var(--ui-accent-3);
3416
- box-shadow: 0 0 0 2px rgba(111, 140, 255, 0.2);
3417
+ box-shadow: 0 0 0 2px rgba(227, 138, 90, 0.2);
3417
3418
  }
3418
3419
 
3419
3420
  .debug-select option {
3420
- background-color: #333;
3421
- color: var(--ui-text);
3421
+ background-color: var(--ui-dark-panel);
3422
+ color: var(--ui-dark-text);
3422
3423
  }
3423
3424
 
3424
3425
  /* Simple subsection with title and inline row of children */
@@ -3446,7 +3447,8 @@
3446
3447
  margin-top: 20px;
3447
3448
  padding: 16px 12px;
3448
3449
  border-top: 1px solid var(--ui-border);
3449
- background: rgba(0, 0, 0, 0.1);
3450
+ background: var(--ui-bg-2);
3451
+ color: var(--ui-text);
3450
3452
  }
3451
3453
 
3452
3454
  .inspector-add-component {
@@ -3610,7 +3612,7 @@
3610
3612
 
3611
3613
  .inspector-object-body {
3612
3614
  padding-left: 12px;
3613
- border-left: 2px solid rgba(191, 126, 255, 0.2);
3615
+ border-left: 2px solid var(--ui-accent);
3614
3616
  display: flex;
3615
3617
  flex-direction: column;
3616
3618
  gap: 10px;
@@ -3641,9 +3643,9 @@
3641
3643
  /* Array Properties */
3642
3644
  .inspector-array-list {
3643
3645
  padding: 8px 10px;
3644
- background: rgba(8, 10, 14, 0.4);
3646
+ background: var(--ui-surface-2);
3645
3647
  border-radius: 6px;
3646
- border: 1px solid rgba(255, 255, 255, 0.05);
3648
+ border: 1px solid var(--ui-border);
3647
3649
  }
3648
3650
 
3649
3651
  .inspector-array-item {
@@ -3696,8 +3698,8 @@
3696
3698
  }
3697
3699
 
3698
3700
  .inspector-btn-icon:hover {
3699
- background: rgba(109, 93, 252, 0.2);
3700
- border-color: #6d5dfc;
3701
+ background: rgba(227, 138, 90, 0.1);
3702
+ border-color: var(--ui-accent);
3701
3703
  transform: translateY(-1px);
3702
3704
  }
3703
3705
 
@@ -3712,13 +3714,14 @@
3712
3714
  justify-content: center;
3713
3715
  gap: 6px;
3714
3716
  font-weight: 600;
3715
- background: linear-gradient(135deg, rgba(82, 196, 26, 0.2), rgba(111, 140, 255, 0.2)) !important;
3716
- border: 1px solid rgba(82, 196, 26, 0.4) !important;
3717
+ background: var(--ui-accent);
3718
+ border: 1px solid var(--ui-accent);
3719
+ color: var(--ui-text-white);
3717
3720
  }
3718
3721
 
3719
3722
  .ai-simple-btn:hover {
3720
- background: linear-gradient(135deg, rgba(82, 196, 26, 0.3), rgba(111, 140, 255, 0.3)) !important;
3721
- border-color: rgba(82, 196, 26, 0.6) !important;
3723
+ background: var(--ui-terracotta-hover);
3724
+ border-color: var(--ui-terracotta-hover);
3722
3725
  }
3723
3726
 
3724
3727