@artstorefronts/arthelper-nav 0.1.0-alpha.5 → 0.1.0-alpha.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/README.md +6 -17
- package/dist/index.css +9 -4
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -190,23 +190,12 @@ Peer dependencies (from `package.json` — install these yourself, they are not
|
|
|
190
190
|
}
|
|
191
191
|
```
|
|
192
192
|
|
|
193
|
-
> **
|
|
194
|
-
>
|
|
195
|
-
>
|
|
196
|
-
>
|
|
197
|
-
>
|
|
198
|
-
>
|
|
199
|
-
> **Testing an unreleased change.** Link the workspace, or use a path dependency:
|
|
200
|
-
>
|
|
201
|
-
> ```bash
|
|
202
|
-
> cd packages/nav && yarn link
|
|
203
|
-
> cd ../../../<satellite> && yarn link @artstorefronts/arthelper-nav
|
|
204
|
-
> ```
|
|
205
|
-
>
|
|
206
|
-
> `react` and `react-dom` are peer dependencies, so make sure the satellite's bundler
|
|
207
|
-
> resolves a single copy of React — a linked package pulling in its own is the usual
|
|
208
|
-
> cause of the duplicate-React hooks error. `npm pack` plus installing the tarball avoids
|
|
209
|
-
> that failure mode entirely and resolves more like the real thing.
|
|
193
|
+
> **Need a change to the bar itself?** Its look, layout and behaviour ship in this package
|
|
194
|
+
> rather than being configurable — see [Theming and the wordmark](#theming-and-the-wordmark)
|
|
195
|
+
> — so changing them means a new release. Ask the ArtHelper team; releases are automatic and
|
|
196
|
+
> quick. What you _can_ change without one is which apps appear, in what order and pointing
|
|
197
|
+
> where: that lives in the config row, editable from ArtHelper's admin screen and picked up
|
|
198
|
+
> on next load.
|
|
210
199
|
|
|
211
200
|
## Minimal mounting example
|
|
212
201
|
|
package/dist/index.css
CHANGED
|
@@ -77,10 +77,12 @@
|
|
|
77
77
|
* the wordmark changing typeface as you move between apps, and any family without a
|
|
78
78
|
* real 600 gets faux-bolded on top.
|
|
79
79
|
*
|
|
80
|
-
*
|
|
81
|
-
* `antialiased` on its body thins the bar's text on macOS, so the same 600 weight
|
|
82
|
-
*
|
|
83
|
-
*
|
|
80
|
+
* Both smoothing properties are pinned for the same reason: a host that sets
|
|
81
|
+
* `antialiased` on its body thins the bar's text on macOS, so the same 600 weight looks
|
|
82
|
+
* lighter in that app than the next. town-square does exactly that — `<body
|
|
83
|
+
* className="antialiased">` — and Tailwind's utility sets BOTH `-webkit-font-smoothing`
|
|
84
|
+
* and `-moz-osx-font-smoothing`, so countering only the webkit half leaves Firefox still
|
|
85
|
+
* inheriting `grayscale`. `auto` is the default the design was approved against.
|
|
84
86
|
*
|
|
85
87
|
* Set on every root the package renders — the bar, the docked trigger (which lives in
|
|
86
88
|
* the host's own header) and the fixed mobile panel — because only the first of those
|
|
@@ -95,6 +97,7 @@
|
|
|
95
97
|
Arial,
|
|
96
98
|
sans-serif;
|
|
97
99
|
-webkit-font-smoothing: auto;
|
|
100
|
+
-moz-osx-font-smoothing: auto;
|
|
98
101
|
color: var(--ahsuite-label);
|
|
99
102
|
isolation: isolate;
|
|
100
103
|
visibility: visible;
|
|
@@ -388,6 +391,7 @@ span.ahsuite-row {
|
|
|
388
391
|
Arial,
|
|
389
392
|
sans-serif;
|
|
390
393
|
-webkit-font-smoothing: auto;
|
|
394
|
+
-moz-osx-font-smoothing: auto;
|
|
391
395
|
flex: 0 0 auto;
|
|
392
396
|
}
|
|
393
397
|
|
|
@@ -466,6 +470,7 @@ span.ahsuite-row {
|
|
|
466
470
|
Arial,
|
|
467
471
|
sans-serif;
|
|
468
472
|
-webkit-font-smoothing: auto;
|
|
473
|
+
-moz-osx-font-smoothing: auto;
|
|
469
474
|
}
|
|
470
475
|
|
|
471
476
|
.ahsuite-panel-head {
|
package/package.json
CHANGED