pinokiod 3.231.0 → 3.232.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.
@@ -0,0 +1,118 @@
1
+ .tab-link-popover {
2
+ position: fixed;
3
+ display: none;
4
+ flex-direction: column;
5
+ gap: 4px;
6
+ padding: 8px 0;
7
+ border-radius: 10px;
8
+ border: 1px solid rgba(0, 0, 0, 0.12);
9
+ background: rgba(255, 255, 255, 0.97);
10
+ box-shadow: 0 12px 32px -8px rgba(15, 23, 42, 0.25);
11
+ z-index: 9999;
12
+ min-width: 240px;
13
+ max-width: 420px;
14
+ backdrop-filter: blur(6px);
15
+ }
16
+ body.dark .tab-link-popover {
17
+ border-color: rgba(255, 255, 255, 0.08);
18
+ background: rgba(17, 24, 39, 0.95);
19
+ box-shadow: 0 12px 36px -12px rgba(15, 23, 42, 0.55);
20
+ }
21
+ .tab-link-popover.visible {
22
+ display: flex;
23
+ }
24
+ .tab-link-popover .tab-link-popover-header {
25
+ display: flex;
26
+ align-items: center;
27
+ gap: 8px;
28
+ padding: 10px 14px 6px;
29
+ font-size: 11px;
30
+ font-weight: 600;
31
+ letter-spacing: 0.05em;
32
+ text-transform: uppercase;
33
+ color: rgba(15, 23, 42, 0.55);
34
+ }
35
+ .tab-link-popover .tab-link-popover-header i {
36
+ font-size: 12px;
37
+ }
38
+ body.dark .tab-link-popover .tab-link-popover-header {
39
+ color: rgba(226, 232, 240, 0.7);
40
+ }
41
+ .tab-link-popover .tab-link-popover-item {
42
+ width: 100%;
43
+ border: none;
44
+ margin: 0;
45
+ padding: 8px 14px;
46
+ display: flex;
47
+ flex-direction: column;
48
+ gap: 2px;
49
+ text-align: left;
50
+ font: inherit;
51
+ color: inherit;
52
+ background: transparent;
53
+ cursor: pointer;
54
+ }
55
+ .tab-link-popover .tab-link-popover-item.qr-inline { flex-direction: row; align-items: center; gap: 10px; }
56
+ .tab-link-popover .tab-link-popover-item.qr-inline .textcol { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1 1 auto; }
57
+ .tab-link-popover .tab-link-popover-item.qr-inline .qr { width: 64px; height: 64px; image-rendering: pixelated; flex: 0 0 auto; margin-left: auto; }
58
+ .tab-link-popover .tab-link-popover-item:hover,
59
+ .tab-link-popover .tab-link-popover-item:focus-visible {
60
+ background: rgba(15, 23, 42, 0.06);
61
+ outline: none;
62
+ }
63
+ body.dark .tab-link-popover .tab-link-popover-item:hover,
64
+ body.dark .tab-link-popover .tab-link-popover-item:focus-visible {
65
+ background: rgba(148, 163, 184, 0.12);
66
+ }
67
+ .tab-link-popover .tab-link-popover-item .label {
68
+ font-size: 11px;
69
+ font-weight: 600;
70
+ letter-spacing: 0.04em;
71
+ text-transform: uppercase;
72
+ color: rgba(15, 23, 42, 0.55);
73
+ }
74
+ body.dark .tab-link-popover .tab-link-popover-item .label {
75
+ color: rgba(226, 232, 240, 0.65);
76
+ }
77
+ .tab-link-popover .tab-link-popover-item .value {
78
+ font-size: 13px;
79
+ line-height: 1.35;
80
+ word-break: break-word;
81
+ color: rgba(15, 23, 42, 0.85);
82
+ }
83
+ body.dark .tab-link-popover .tab-link-popover-item .value {
84
+ color: rgba(226, 232, 240, 0.9);
85
+ }
86
+ .tab-link-popover .tab-link-popover-item .value .muted {
87
+ color: rgba(15, 23, 42, 0.55);
88
+ }
89
+ body.dark .tab-link-popover .tab-link-popover-item .value .muted {
90
+ color: rgba(226, 232, 240, 0.65);
91
+ }
92
+ .tab-link-popover .tab-link-popover-footer {
93
+ border-top: 1px solid rgba(15, 23, 42, 0.08);
94
+ margin-top: 4px;
95
+ padding-top: 12px;
96
+ background: rgba(59, 130, 246, 0.12);
97
+ color: #1d4ed8;
98
+ }
99
+ .tab-link-popover .tab-link-popover-footer .label,
100
+ .tab-link-popover .tab-link-popover-footer .value {
101
+ color: inherit;
102
+ }
103
+ .tab-link-popover .tab-link-popover-footer .value {
104
+ font-weight: 600;
105
+ }
106
+ .tab-link-popover .tab-link-popover-footer:hover,
107
+ .tab-link-popover .tab-link-popover-footer:focus-visible {
108
+ background: rgba(37, 99, 235, 0.2);
109
+ }
110
+ body.dark .tab-link-popover .tab-link-popover-footer {
111
+ border-top-color: rgba(148, 163, 184, 0.2);
112
+ background: rgba(96, 165, 250, 0.22);
113
+ color: #bfdbfe;
114
+ }
115
+ body.dark .tab-link-popover .tab-link-popover-footer:hover,
116
+ body.dark .tab-link-popover .tab-link-popover-footer:focus-visible {
117
+ background: rgba(147, 197, 253, 0.35);
118
+ }