@pipelex/mthds-ui 0.20.0 → 0.22.0
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/dist/form/react/index.js +1 -1
- package/dist/form/react/index.js.map +1 -1
- package/dist/graph/react/index.js +2 -2
- package/dist/graph/react/index.js.map +1 -1
- package/dist/standalone/graph-standalone.html +33 -31
- package/dist/standalone/graph-viewer.css +2 -0
- package/dist/standalone/graph-viewer.js +31 -31
- package/dist/styles/form-kernel.css +37 -0
- package/package.json +2 -2
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* The form kernel's Tailwind utilities, wrapped in a cascade layer.
|
|
3
|
+
*
|
|
4
|
+
* WHY THE LAYER, AND WHY THIS FILE EXISTS AT ALL
|
|
5
|
+
*
|
|
6
|
+
* `@pipelex/mthds-form/styles.css` is a COMPLETE Tailwind build: preflight plus
|
|
7
|
+
* every utility the kernel's controls use, unprefixed and unscoped. That is the
|
|
8
|
+
* right shape for its intended reader — a host with no Tailwind of its own — and
|
|
9
|
+
* exactly the wrong shape for a host that HAS one. Injected raw into such a host
|
|
10
|
+
* it is a second, later stylesheet full of colliding rules:
|
|
11
|
+
*
|
|
12
|
+
* - Its bare `.hidden { display: none }` outranks the host's `.sm\:inline`,
|
|
13
|
+
* because the two have equal specificity and it happens to come last. Every
|
|
14
|
+
* `class="hidden sm:inline"` label in the host app disappears at every
|
|
15
|
+
* width. This is not hypothetical: it silently blanked the toolbar and
|
|
16
|
+
* dialog labels across `pipelex-app` the moment a graph mounted.
|
|
17
|
+
* - Its preflight re-bases `*, ::before, ::after { border: 0 solid #e5e7eb }`,
|
|
18
|
+
* replacing the host's own default border color, so every element with a
|
|
19
|
+
* border width and no explicit color class draws a pale grey hairline.
|
|
20
|
+
*
|
|
21
|
+
* Both are the same failure: our sheet loading LATER than the host's and winning
|
|
22
|
+
* ties it has no business winning. A cascade layer settles it by construction —
|
|
23
|
+
* layered rules lose to unlayered rules regardless of source order, so the host
|
|
24
|
+
* keeps every declaration it makes itself, and we still supply the classes it
|
|
25
|
+
* never generated. Nothing here changes for a host with no Tailwind: a layer
|
|
26
|
+
* only decides conflicts, and there are none to decide.
|
|
27
|
+
*
|
|
28
|
+
* The alternative — dropping the import and asking Tailwind hosts to widen their
|
|
29
|
+
* content globs into `node_modules` — is the arrangement that was already
|
|
30
|
+
* failing before the import was added. See the block comments in
|
|
31
|
+
* `../graph/react/index.ts` and `../form/react/index.ts` for why the kernel's
|
|
32
|
+
* classes cannot be left to the host to generate.
|
|
33
|
+
*
|
|
34
|
+
* `theme.css` stays out, layered or not: it defines the semantic tokens
|
|
35
|
+
* (`--background`, `--border`, …) a shadcn host already owns.
|
|
36
|
+
*/
|
|
37
|
+
@import "@pipelex/mthds-form/styles.css" layer(mthds-form);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pipelex/mthds-ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.22.0",
|
|
4
4
|
"description": "Shared graph rendering logic for MTHDS method visualization",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
"build-storybook": "storybook build"
|
|
77
77
|
},
|
|
78
78
|
"dependencies": {
|
|
79
|
-
"@pipelex/mthds-form": "^0.
|
|
79
|
+
"@pipelex/mthds-form": "^0.7.0",
|
|
80
80
|
"@xyflow/react": "^12",
|
|
81
81
|
"elkjs": "^0.11.1",
|
|
82
82
|
"smol-toml": "^1.7.0"
|