@galaxy-io/dls 2.6.0 → 2.6.2

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 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). A filterable chart's
30
- * legend ends in a slot for its filter chip, right after the last entry (under the column when
31
- * RIGHT): the slot always keeps its height, and a bottom legend always keeps room for the chip's
32
- * width, so pinning never moves an entry. Spacing is
33
- * padding on each entry (trailing in a row, split above and below in a column so the column
34
- * centers), not a flex gap, so sweeping across entries never drops the isolation. Isolation changes opacity only; it never rescales the axis.
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: getEntryState(item.key),
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.0",
3
+ "version": "2.6.2",
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"