opus-react 0.2.41 → 0.2.42

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.
package/dist/index.css CHANGED
@@ -9547,6 +9547,64 @@
9547
9547
  outline: none;
9548
9548
  }
9549
9549
 
9550
+ .opus_PaKREB_grip {
9551
+ z-index: 1;
9552
+ border: 1px solid color-mix(in srgb, var(--opus-muted) 52%, var(--opus-panel));
9553
+ background-color: color-mix(in srgb, var(--opus-muted) 42%, var(--opus-panel));
9554
+ pointer-events: none;
9555
+ border-radius: 999px;
9556
+ transition: border-color .16s, background-color .16s, box-shadow .16s;
9557
+ display: block;
9558
+ position: absolute;
9559
+ top: 50%;
9560
+ left: 50%;
9561
+ transform: translate(-50%, -50%);
9562
+ box-shadow: 0 1px 3px #00000047, inset 0 1px #ffffff1f;
9563
+ }
9564
+
9565
+ .opus_PaKREB_grip:after {
9566
+ content: "";
9567
+ position: absolute;
9568
+ inset: 0;
9569
+ }
9570
+
9571
+ .opus_PaKREB_handle[data-orientation="vertical"] .opus_PaKREB_grip {
9572
+ width: 12px;
9573
+ height: 30px;
9574
+ }
9575
+
9576
+ .opus_PaKREB_handle[data-orientation="vertical"] .opus_PaKREB_grip:after {
9577
+ background-image: radial-gradient(circle, var(--opus-panel) 2.1px, transparent 2.35px),
9578
+ radial-gradient(circle, var(--opus-panel) 2.1px, transparent 2.35px),
9579
+ radial-gradient(circle, var(--opus-panel) 2.1px, transparent 2.35px),
9580
+ radial-gradient(circle, var(--opus-panel) 2.1px, transparent 2.35px);
9581
+ background-position: 50% 18%, 50% 39%, 50% 61%, 50% 82%;
9582
+ background-repeat: no-repeat;
9583
+ background-size: 5px 5px;
9584
+ }
9585
+
9586
+ .opus_PaKREB_handle[data-orientation="horizontal"] .opus_PaKREB_grip {
9587
+ width: 30px;
9588
+ height: 12px;
9589
+ }
9590
+
9591
+ .opus_PaKREB_handle[data-orientation="horizontal"] .opus_PaKREB_grip:after {
9592
+ background-image: radial-gradient(circle, var(--opus-panel) 2.1px, transparent 2.35px),
9593
+ radial-gradient(circle, var(--opus-panel) 2.1px, transparent 2.35px),
9594
+ radial-gradient(circle, var(--opus-panel) 2.1px, transparent 2.35px),
9595
+ radial-gradient(circle, var(--opus-panel) 2.1px, transparent 2.35px);
9596
+ background-position: 18%, 39%, 61%, 82%;
9597
+ background-repeat: no-repeat;
9598
+ background-size: 5px 5px;
9599
+ }
9600
+
9601
+ .opus_PaKREB_handle:hover .opus_PaKREB_grip, .opus_PaKREB_handle:focus-visible .opus_PaKREB_grip {
9602
+ border-color: color-mix(in srgb, var(--opus-accent) 68%, var(--opus-border));
9603
+ background-color: color-mix(in srgb, var(--opus-accent) 68%, var(--opus-panel));
9604
+ box-shadow: 0 1px 4px #00000052,
9605
+ 0 0 5px color-mix(in srgb, var(--opus-accent) 14%, transparent);
9606
+ }
9607
+
9550
9608
  /* components/Splitter/Splitter.module.css */
9551
9609
  .opus_Khgx9s_root {
9552
9610
  border: 1px solid var(--opus-border);