@galaxy-io/dls 2.6.0 → 2.6.1
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 +8 -0
- package/dist/charts/ChartLegend.js +15 -7
- package/package.json +6 -2
package/README.md
CHANGED
|
@@ -14,6 +14,14 @@ Node ≥ 22, React 18 or 19, ESM. Heavy single-component libraries (charts, tabl
|
|
|
14
14
|
|
|
15
15
|
## Quick start
|
|
16
16
|
|
|
17
|
+
A new app in one command: Vite with the DLS Linaria preset, Biome with the DLS rules, the three stylesheets, `GalaxyProvider`, and a working app frame with routing, a command palette and four pages on sample data.
|
|
18
|
+
|
|
19
|
+
```bash
|
|
20
|
+
pnpm create @galaxy-io/galaxy-app my-app
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
`--template blank` writes the provider and one page only. [getting-started.md](./docs/getting-started.md#scaffold-an-app) lists the options; this is what the root of any Galaxy app looks like:
|
|
24
|
+
|
|
17
25
|
```tsx
|
|
18
26
|
// Once, at the app root: component styles, tokens, fonts.
|
|
19
27
|
import "@galaxy-io/dls/styles.css";
|
|
@@ -26,12 +26,14 @@ import { cx } from "@linaria/core";
|
|
|
26
26
|
* Entries are list items. Hovering one previews its series (a pointer enhancement; keyboard users
|
|
27
27
|
* hear every series in the announcement). On a filterable chart each entry is also a toggle button
|
|
28
28
|
* (`aria-pressed`): a click pins its series, ⌘ / Ctrl / Shift-click adds or removes it. Entries
|
|
29
|
-
* collapsed behind "+N more" stay hover-only (a tooltip holds no controls)
|
|
30
|
-
*
|
|
31
|
-
*
|
|
32
|
-
*
|
|
33
|
-
*
|
|
34
|
-
*
|
|
29
|
+
* collapsed behind "+N more" stay hover-only (a tooltip holds no controls) and always draw at full
|
|
30
|
+
* strength: the tooltip is a list to read, and the trigger already carries the isolation. A
|
|
31
|
+
* filterable chart's legend ends in a slot for its filter chip, right after the last entry (under
|
|
32
|
+
* the column when RIGHT): the slot always keeps its height, and a bottom legend always keeps room
|
|
33
|
+
* for the chip's width, so pinning never moves an entry. Spacing is padding on each entry and on
|
|
34
|
+
* the trigger (trailing in a row, split above and below in a column so the column centers), not a
|
|
35
|
+
* flex gap, so sweeping across entries never drops the isolation. Isolation changes opacity only;
|
|
36
|
+
* it never rescales the axis.
|
|
35
37
|
*/
|
|
36
38
|
/**
|
|
37
39
|
* A swatch takes its slot's mark color (`CHART_PALETTE_TO_COLOR_MAP`) through `currentColor`, so
|
|
@@ -242,6 +244,12 @@ function ChartLegend({ items, placement, swatch, inset, extent = 0, isFixedExten
|
|
|
242
244
|
overflow.length > 0 && /* @__PURE__ */ jsx(Flex, {
|
|
243
245
|
as: "li",
|
|
244
246
|
alignItems: AlignItems.CENTER,
|
|
247
|
+
padding: isVertical ? [4, 0] : [
|
|
248
|
+
0,
|
|
249
|
+
16,
|
|
250
|
+
0,
|
|
251
|
+
0
|
|
252
|
+
],
|
|
245
253
|
className: cx(ENTRY_CSS, CHART_MARK_STATE_TO_CSS_MAP[triggerState]),
|
|
246
254
|
children: /* @__PURE__ */ jsx(Tooltip, {
|
|
247
255
|
placement: isVertical ? Placement.RIGHT : Placement.TOP,
|
|
@@ -249,7 +257,7 @@ function ChartLegend({ items, placement, swatch, inset, extent = 0, isFixedExten
|
|
|
249
257
|
item,
|
|
250
258
|
swatch,
|
|
251
259
|
isVertical: true,
|
|
252
|
-
state:
|
|
260
|
+
state: ChartMarkState.ACTIVE,
|
|
253
261
|
isPinned: isEntryPinned?.(item.key) ?? false,
|
|
254
262
|
onEnter: () => onItemEnter(item.key),
|
|
255
263
|
onLeave: onItemLeave
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@galaxy-io/dls",
|
|
3
|
-
"version": "2.6.
|
|
3
|
+
"version": "2.6.1",
|
|
4
4
|
"description": "Galaxy Design Language System",
|
|
5
5
|
"license": "UNLICENSED",
|
|
6
6
|
"type": "module",
|
|
@@ -776,13 +776,17 @@
|
|
|
776
776
|
"test": "vitest run",
|
|
777
777
|
"build": "node scripts/build.mjs",
|
|
778
778
|
"codemod:build": "pnpm --filter @galaxy-io/dls-codemod build && publint --strict codemod",
|
|
779
|
+
"create-app": "node create-galaxy-app/src/cli.ts",
|
|
780
|
+
"create-app:build": "pnpm --filter @galaxy-io/create-galaxy-app build && publint --strict create-galaxy-app",
|
|
781
|
+
"templates:check": "node scripts/templates-check.ts",
|
|
782
|
+
"templates:smoke": "node scripts/templates-check.ts --smoke",
|
|
779
783
|
"check:package": "publint --strict && attw --pack . --profile esm-only --exclude-entrypoints ./styles.css ./tokens.css ./fonts.css ./biome",
|
|
780
784
|
"storybook": "storybook dev -p 6006",
|
|
781
785
|
"build-storybook": "storybook build",
|
|
782
786
|
"skill:check": "node scripts/skill-check.ts",
|
|
783
787
|
"skill:sync": "node scripts/skill-check.ts --write",
|
|
784
788
|
"skill:pack": "node scripts/skill-pack.ts",
|
|
785
|
-
"verify": "pnpm assets:check && pnpm exports:check && pnpm migration:check && pnpm typecheck && pnpm lint && pnpm test && pnpm build && pnpm codemod:build && pnpm check:package && pnpm build-storybook && pnpm skill:check",
|
|
789
|
+
"verify": "pnpm assets:check && pnpm exports:check && pnpm migration:check && pnpm typecheck && pnpm lint && pnpm test && pnpm build && pnpm codemod:build && pnpm create-app:build && pnpm templates:check && pnpm check:package && pnpm build-storybook && pnpm skill:check",
|
|
786
790
|
"changeset": "changeset",
|
|
787
791
|
"clean": "rm -rf dist storybook-static",
|
|
788
792
|
"prepublishOnly": "pnpm build"
|