@mittwald/flow-react-components 1.0.14 → 1.0.16
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/CHANGELOG.md +10 -0
- package/MIGRATION.md +32 -0
- package/dist/assets/doc-properties.json +52270 -52270
- package/dist/js/packages/components/src/lib/theming/hooks/useDesignTokens.mjs +2 -2
- package/dist/js/packages/components/src/lib/theming/hooks/useDesignTokens.mjs.map +1 -1
- package/dist/js/packages/components/src/lib/tokens/CategoricalColors.mjs +1 -1
- package/dist/js/packages/components/src/lib/tokens/CategoricalColors.mjs.map +1 -1
- package/dist/js/packages/design-tokens/dist/json-runtime/all-dark.mjs +5789 -0
- package/dist/js/packages/design-tokens/dist/json-runtime/all-dark.mjs.map +1 -0
- package/dist/js/packages/design-tokens/dist/json-runtime/all-light.mjs +5789 -0
- package/dist/js/packages/design-tokens/dist/json-runtime/all-light.mjs.map +1 -0
- package/dist/types/lib/theming/hooks/useDesignTokens.d.ts +526 -19583
- package/dist/types/lib/theming/hooks/useDesignTokens.d.ts.map +1 -1
- package/dist/types/lib/theming/types.d.ts +1 -1
- package/dist/types/lib/theming/types.d.ts.map +1 -1
- package/dist/types/lib/tokens/CategoricalColors.d.ts +1 -1
- package/dist/types/lib/tokens/CategoricalColors.d.ts.map +1 -1
- package/package.json +9 -9
- package/dist/js/packages/design-tokens/dist/json/all-dark.mjs +0 -17519
- package/dist/js/packages/design-tokens/dist/json/all-dark.mjs.map +0 -1
- package/dist/js/packages/design-tokens/dist/json/all-light.mjs +0 -17519
- package/dist/js/packages/design-tokens/dist/json/all-light.mjs.map +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,16 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [1.0.16](https://github.com/mittwald/flow/compare/1.0.15...1.0.16) (2026-08-31)
|
|
7
|
+
|
|
8
|
+
### Performance Improvements
|
|
9
|
+
|
|
10
|
+
* **components:** stop shipping design-token build metadata to the browser ([#3007](https://github.com/mittwald/flow/issues/3007)) ([7d3afde](https://github.com/mittwald/flow/commit/7d3afde851c5f51f4a641e36dd549500e6fd759b))
|
|
11
|
+
|
|
12
|
+
## [1.0.15](https://github.com/mittwald/flow/compare/1.0.14...1.0.15) (2026-08-31)
|
|
13
|
+
|
|
14
|
+
**Note:** Version bump only for package @mittwald/flow-react-components
|
|
15
|
+
|
|
6
16
|
## [1.0.14](https://github.com/mittwald/flow/compare/1.0.13...1.0.14) (2026-08-31)
|
|
7
17
|
|
|
8
18
|
**Note:** Version bump only for package @mittwald/flow-react-components
|
package/MIGRATION.md
CHANGED
|
@@ -23,6 +23,38 @@ separately, and only when coming from `0.1.0`.
|
|
|
23
23
|
|
|
24
24
|
---
|
|
25
25
|
|
|
26
|
+
## From version `1.0.11` to `>=1.0.12`
|
|
27
|
+
|
|
28
|
+
### `useDesignTokens()` no longer returns style-dictionary build metadata
|
|
29
|
+
|
|
30
|
+
The hook imported the design tokens' full style-dictionary output, which carries
|
|
31
|
+
`filePath`, `isSource`, `original`, `name`, `attributes` and `key` on every one
|
|
32
|
+
of the 1538 tokens. That metadata is 94 % of the payload and meant nothing in a
|
|
33
|
+
browser — it put 1.37 MB of JavaScript into every bundle that touched the
|
|
34
|
+
package. The hook now reads a runtime build of the same tokens.
|
|
35
|
+
|
|
36
|
+
Every token keeps `value` and `path`, unchanged and with identical values, so
|
|
37
|
+
the common access patterns are untouched:
|
|
38
|
+
|
|
39
|
+
```tsx
|
|
40
|
+
const tokens = useDesignTokens();
|
|
41
|
+
tokens["loading-spinner"]["transition-duration"].value; // still works
|
|
42
|
+
tokens.axis.color.path; // still works
|
|
43
|
+
```
|
|
44
|
+
|
|
45
|
+
Only the build metadata is gone. If you read one of those fields, take it from
|
|
46
|
+
`@mittwald/flow-design-tokens/json/all-light.json` (or `all-dark.json`) directly
|
|
47
|
+
— that artifact is unchanged. Do not import it into browser code; it is the
|
|
48
|
+
reason this change exists.
|
|
49
|
+
|
|
50
|
+
```diff
|
|
51
|
+
- const source = useDesignTokens().button["corner-radius"].filePath;
|
|
52
|
+
+ import tokens from "@mittwald/flow-design-tokens/json/all-light.json";
|
|
53
|
+
+ const source = tokens.button["corner-radius"].filePath;
|
|
54
|
+
```
|
|
55
|
+
|
|
56
|
+
---
|
|
57
|
+
|
|
26
58
|
## From version `0.2.0-alpha.1055` to `>=0.2.0-alpha.1056`
|
|
27
59
|
|
|
28
60
|
### SegmentedControl deprecated
|