shelving 1.285.4 → 1.285.6
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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "shelving",
|
|
3
|
-
"version": "1.285.
|
|
3
|
+
"version": "1.285.6",
|
|
4
4
|
"author": "Dave Houlbrooke <dave@shax.com>",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
"main": "./index.js",
|
|
10
10
|
"module": "./index.js",
|
|
11
11
|
"devDependencies": {
|
|
12
|
-
"@biomejs/biome": "^2.5.
|
|
12
|
+
"@biomejs/biome": "^2.5.14",
|
|
13
13
|
"@heroicons/react": "^2.2.0",
|
|
14
14
|
"@types/bun": "^1.4.2",
|
|
15
15
|
"@types/react": "^19.3.0",
|
package/ui/button/Button.md
CHANGED
|
@@ -83,7 +83,7 @@ Backgrounds paint to the button's true edge: `background-origin` is set to `bord
|
|
|
83
83
|
| `--button-small-gap` | Gap between icon and label when `small` | `var(--space-xxsmall)` (4px) |
|
|
84
84
|
| `--button-space` | Outer block margin | `var(--space-small)` (12px) |
|
|
85
85
|
| `--button-font` | Font family | `var(--font-body)` |
|
|
86
|
-
| `--button-weight` | Font weight | `var(--weight-
|
|
86
|
+
| `--button-weight` | Font weight | `var(--weight-normal)` (400) |
|
|
87
87
|
| `--button-size` | Font size | `var(--size-normal)` |
|
|
88
88
|
| `--button-leading` | Line height | `var(--leading)` |
|
|
89
89
|
| `--button-shadow` | Box shadow (never on `plain`) | `none` |
|
|
@@ -101,7 +101,7 @@ Backgrounds paint to the button's true edge: `background-origin` is set to `bord
|
|
|
101
101
|
| `--button-plain-active-background` | Fill while pressed when `plain` | `var(--button-plain-hover-background)` |
|
|
102
102
|
| `--button-plain-active-border` | Border while pressed when `plain` | `var(--button-plain-hover-border)` |
|
|
103
103
|
|
|
104
|
-
**Global tokens it reads:** the tint ladder `--tint-50` / `--tint-55` / `--tint-95` / `--tint-100`, plus `--space-small`, `--space-xxsmall`, `--radius-xsmall`, `--stroke-normal`, `--stroke-focus`, `--color-focus`, `--font-body`, `--weight-
|
|
104
|
+
**Global tokens it reads:** the tint ladder `--tint-50` / `--tint-55` / `--tint-95` / `--tint-100`, plus `--space-small`, `--space-xxsmall`, `--radius-xsmall`, `--stroke-normal`, `--stroke-focus`, `--color-focus`, `--font-body`, `--weight-normal`, `--size-normal`, `--leading`, and `--duration-fast`.
|
|
105
105
|
|
|
106
106
|
```css
|
|
107
107
|
/* Theme: pill-shaped buttons, with roomier inline padding. */
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
|
|
40
40
|
/* Text */
|
|
41
41
|
font-family: var(--button-font, var(--font-body));
|
|
42
|
-
font-weight: var(--button-weight, var(--weight-
|
|
42
|
+
font-weight: var(--button-weight, var(--weight-normal));
|
|
43
43
|
font-size: var(--button-size, var(--size-normal));
|
|
44
44
|
line-height: var(--button-leading, var(--leading));
|
|
45
45
|
text-decoration: none;
|
package/ui/menu/Menu.module.css
CHANGED
|
@@ -37,14 +37,20 @@
|
|
|
37
37
|
}
|
|
38
38
|
|
|
39
39
|
.link {
|
|
40
|
-
/* Box */
|
|
40
|
+
/* Box — `inline-size` and `border` also reset the `<button>` an `onClick` item renders. */
|
|
41
41
|
display: block;
|
|
42
|
+
inline-size: 100%;
|
|
42
43
|
padding: var(--menu-padding, var(--space-xxsmall));
|
|
44
|
+
border: none;
|
|
43
45
|
border-radius: var(--menu-radius, var(--radius-xxsmall));
|
|
44
46
|
|
|
45
|
-
/* Style */
|
|
47
|
+
/* Style — `background`, `font`, `text-align` and `cursor` reset the native button look. */
|
|
48
|
+
background: none;
|
|
46
49
|
color: inherit;
|
|
50
|
+
font: inherit;
|
|
51
|
+
text-align: start;
|
|
47
52
|
text-decoration: none;
|
|
53
|
+
cursor: pointer;
|
|
48
54
|
transition: all 120ms ease-in-out;
|
|
49
55
|
outline: var(--menu-focus-border, var(--stroke-focus) solid var(--color-focus));
|
|
50
56
|
outline-offset: calc(0px - var(--stroke-normal));
|