@orz/ui-hex 0.1.1 → 0.1.2-master.20261030020651.g906eefa
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/README.md +1 -1
- package/package.json +5 -5
- package/styles.css +9 -9
package/README.md
CHANGED
|
@@ -35,7 +35,7 @@ variables:
|
|
|
35
35
|
| Variable | Default |
|
|
36
36
|
|---|---|
|
|
37
37
|
| `--hex-font` | `var(--font-mono)`, then the system monospace fonts |
|
|
38
|
-
| `--hex-row-height` | `
|
|
38
|
+
| `--hex-row-height` | `var(--spacing-row-dense)`, the style's dense row |
|
|
39
39
|
| `--hex-fill` | `color-mix(in oklch, var(--primary) 32%, var(--card))` |
|
|
40
40
|
| `--hex-edge` | `var(--primary)` |
|
|
41
41
|
| `--hex-twin-fill` | `color-mix(in oklch, var(--foreground) 6%, var(--card))` |
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@orz/ui-hex",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.2-master.20261030020651.g906eefa",
|
|
4
4
|
"description": "A hex view, editor and data inspector",
|
|
5
5
|
"license": "BSD-3-Clause",
|
|
6
6
|
"repository": {
|
|
@@ -37,8 +37,8 @@
|
|
|
37
37
|
"radix-ui": "^1",
|
|
38
38
|
"react": "^19",
|
|
39
39
|
"react-dom": "^19",
|
|
40
|
-
"@orz/ui": "
|
|
41
|
-
"@orz/ui
|
|
40
|
+
"@orz/ui-content": "0.1.2-master.20261030020651.g906eefa",
|
|
41
|
+
"@orz/ui": "0.1.2-master.20261030020651.g906eefa"
|
|
42
42
|
},
|
|
43
43
|
"peerDependenciesMeta": {
|
|
44
44
|
"@orz/ui-content": {
|
|
@@ -57,8 +57,8 @@
|
|
|
57
57
|
"react-dom": "^19.2.8",
|
|
58
58
|
"sonner": "^2.0.8",
|
|
59
59
|
"vitest": "^5.0.5",
|
|
60
|
-
"@orz/ui
|
|
61
|
-
"@orz/ui": "0.1.
|
|
60
|
+
"@orz/ui": "0.1.2-master.20261030020651.g906eefa",
|
|
61
|
+
"@orz/ui-content": "0.1.2-master.20261030020651.g906eefa"
|
|
62
62
|
},
|
|
63
63
|
"scripts": {
|
|
64
64
|
"build": "tsc -p tsconfig.build.json",
|
package/styles.css
CHANGED
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
Consolas,
|
|
14
14
|
monospace
|
|
15
15
|
);
|
|
16
|
-
--hex-row-height:
|
|
16
|
+
--hex-row-height: var(--spacing-row-dense);
|
|
17
17
|
--hex-fill: color-mix(in oklch, var(--primary) 32%, var(--card));
|
|
18
18
|
--hex-edge: var(--primary);
|
|
19
19
|
--hex-twin-fill: color-mix(in oklch, var(--foreground) 6%, var(--card));
|
|
@@ -38,11 +38,11 @@
|
|
|
38
38
|
box-sizing: border-box;
|
|
39
39
|
overflow: hidden;
|
|
40
40
|
border: 1px solid var(--border);
|
|
41
|
-
border-radius: var(--radius
|
|
41
|
+
border-radius: var(--radius-frame);
|
|
42
42
|
background: var(--card);
|
|
43
43
|
color: var(--card-foreground);
|
|
44
44
|
font-family: var(--hex-font);
|
|
45
|
-
font-size:
|
|
45
|
+
font-size: var(--text-data);
|
|
46
46
|
font-variant-numeric: tabular-nums;
|
|
47
47
|
line-height: var(--hex-row-height);
|
|
48
48
|
outline: none;
|
|
@@ -170,7 +170,7 @@
|
|
|
170
170
|
margin-left: -0.2ch;
|
|
171
171
|
padding: 0 0.25rem 0 0.2ch;
|
|
172
172
|
border: 1px solid transparent;
|
|
173
|
-
border-radius:
|
|
173
|
+
border-radius: min(var(--radius-control), 6px);
|
|
174
174
|
background: transparent;
|
|
175
175
|
box-shadow: none;
|
|
176
176
|
color: var(--hex-label);
|
|
@@ -213,7 +213,7 @@
|
|
|
213
213
|
flex-shrink: 0;
|
|
214
214
|
margin-left: auto;
|
|
215
215
|
color: var(--muted-foreground);
|
|
216
|
-
font-size:
|
|
216
|
+
font-size: var(--text-xs);
|
|
217
217
|
}
|
|
218
218
|
|
|
219
219
|
/* Cells have no margins: the contour depends on neighbours touching. Each
|
|
@@ -370,7 +370,7 @@
|
|
|
370
370
|
.orz-hex-mode {
|
|
371
371
|
padding: 0 0.375rem;
|
|
372
372
|
border: 1px solid var(--border);
|
|
373
|
-
border-radius:
|
|
373
|
+
border-radius: min(var(--radius-control), 6px);
|
|
374
374
|
background: transparent;
|
|
375
375
|
color: inherit;
|
|
376
376
|
font: inherit;
|
|
@@ -386,7 +386,7 @@
|
|
|
386
386
|
opacity: 0.6;
|
|
387
387
|
}
|
|
388
388
|
.orz-hex-mode:focus-visible {
|
|
389
|
-
outline:
|
|
389
|
+
outline: var(--focus-width) var(--focus-style) var(--ring);
|
|
390
390
|
outline-offset: 1px;
|
|
391
391
|
}
|
|
392
392
|
|
|
@@ -399,7 +399,7 @@
|
|
|
399
399
|
border-top: 1px solid var(--border);
|
|
400
400
|
background: var(--muted);
|
|
401
401
|
color: var(--muted-foreground);
|
|
402
|
-
font-size:
|
|
402
|
+
font-size: var(--text-ui-2xs);
|
|
403
403
|
line-height: 1.25rem;
|
|
404
404
|
white-space: nowrap;
|
|
405
405
|
}
|
|
@@ -424,7 +424,7 @@
|
|
|
424
424
|
display: flex;
|
|
425
425
|
flex-direction: column;
|
|
426
426
|
gap: 0.5rem;
|
|
427
|
-
font-size:
|
|
427
|
+
font-size: var(--text-data);
|
|
428
428
|
color: var(--foreground);
|
|
429
429
|
}
|
|
430
430
|
.orz-hex-inspector-heading {
|