@dloizides/ui-motion 1.2.0 → 1.2.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/CHANGELOG.md +7 -0
- package/dist/{constants-BrJ7VJYu.d.mts → constants-DXSyrmvQ.d.mts} +9 -2
- package/dist/{constants-BrJ7VJYu.d.ts → constants-DXSyrmvQ.d.ts} +9 -2
- package/dist/hairline/native.d.mts +2 -2
- package/dist/hairline/native.d.ts +2 -2
- package/dist/hairline/native.js +62 -30
- package/dist/hairline/native.js.map +1 -1
- package/dist/hairline/native.mjs +63 -32
- package/dist/hairline/native.mjs.map +1 -1
- package/dist/hairline/web.d.mts +2 -2
- package/dist/hairline/web.d.ts +2 -2
- package/dist/hairline/web.js +16 -5
- package/dist/hairline/web.js.map +1 -1
- package/dist/hairline/web.mjs +16 -6
- package/dist/hairline/web.mjs.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 1.2.1
|
|
4
|
+
|
|
5
|
+
### Fixed
|
|
6
|
+
- Hairline bundle generator now really escapes `</` (was a no-op) and fails the build if `</` or `<!--` survive.
|
|
7
|
+
- `HairlineVarName` is a `const enum` (own file) instead of a string union.
|
|
8
|
+
- Native `HairlineFigure`: exposed as an image only when a non-empty `label` is passed; `intensity` / `label` changes call the mounted figure's `update()` instead of reloading the WebView.
|
|
9
|
+
|
|
3
10
|
## 1.2.0
|
|
4
11
|
|
|
5
12
|
### Added
|
|
@@ -30,6 +30,14 @@ declare const enum HairlineFigureName {
|
|
|
30
30
|
Vault = "vault"
|
|
31
31
|
}
|
|
32
32
|
|
|
33
|
+
declare const enum HairlineVarName {
|
|
34
|
+
Plate = "--hairline-plate",
|
|
35
|
+
Hi = "--hairline-hi",
|
|
36
|
+
Edge = "--hairline-edge",
|
|
37
|
+
Mid = "--hairline-mid",
|
|
38
|
+
Lo = "--hairline-lo"
|
|
39
|
+
}
|
|
40
|
+
|
|
33
41
|
interface HairlineFigureProps {
|
|
34
42
|
/** Which upstream figure to draw. */
|
|
35
43
|
figure: HairlineFigureName;
|
|
@@ -41,7 +49,6 @@ interface HairlineFigureProps {
|
|
|
41
49
|
label?: string;
|
|
42
50
|
testID?: string;
|
|
43
51
|
}
|
|
44
|
-
type HairlineVarName = '--hairline-plate' | '--hairline-hi' | '--hairline-edge' | '--hairline-mid' | '--hairline-lo';
|
|
45
52
|
type HairlineVars = Record<HairlineVarName, string>;
|
|
46
53
|
|
|
47
54
|
/** Maps one theme mode's colour tokens onto the hairline palette vars (stroke width stays upstream). */
|
|
@@ -51,4 +58,4 @@ declare const HAIRLINE_TEST_ID = "motion-hairline-figure";
|
|
|
51
58
|
declare const HAIRLINE_ASPECT_RATIO: number;
|
|
52
59
|
declare const DEFAULT_HAIRLINE_INTENSITY = 0.5;
|
|
53
60
|
|
|
54
|
-
export { DEFAULT_HAIRLINE_INTENSITY as D, type HairlineFigureProps as H, HAIRLINE_ASPECT_RATIO as a, HAIRLINE_TEST_ID as b, HairlineFigureName as c,
|
|
61
|
+
export { DEFAULT_HAIRLINE_INTENSITY as D, type HairlineFigureProps as H, HAIRLINE_ASPECT_RATIO as a, HAIRLINE_TEST_ID as b, HairlineFigureName as c, HairlineVarName as d, type HairlineVars as e, hairlineVars as h };
|
|
@@ -30,6 +30,14 @@ declare const enum HairlineFigureName {
|
|
|
30
30
|
Vault = "vault"
|
|
31
31
|
}
|
|
32
32
|
|
|
33
|
+
declare const enum HairlineVarName {
|
|
34
|
+
Plate = "--hairline-plate",
|
|
35
|
+
Hi = "--hairline-hi",
|
|
36
|
+
Edge = "--hairline-edge",
|
|
37
|
+
Mid = "--hairline-mid",
|
|
38
|
+
Lo = "--hairline-lo"
|
|
39
|
+
}
|
|
40
|
+
|
|
33
41
|
interface HairlineFigureProps {
|
|
34
42
|
/** Which upstream figure to draw. */
|
|
35
43
|
figure: HairlineFigureName;
|
|
@@ -41,7 +49,6 @@ interface HairlineFigureProps {
|
|
|
41
49
|
label?: string;
|
|
42
50
|
testID?: string;
|
|
43
51
|
}
|
|
44
|
-
type HairlineVarName = '--hairline-plate' | '--hairline-hi' | '--hairline-edge' | '--hairline-mid' | '--hairline-lo';
|
|
45
52
|
type HairlineVars = Record<HairlineVarName, string>;
|
|
46
53
|
|
|
47
54
|
/** Maps one theme mode's colour tokens onto the hairline palette vars (stroke width stays upstream). */
|
|
@@ -51,4 +58,4 @@ declare const HAIRLINE_TEST_ID = "motion-hairline-figure";
|
|
|
51
58
|
declare const HAIRLINE_ASPECT_RATIO: number;
|
|
52
59
|
declare const DEFAULT_HAIRLINE_INTENSITY = 0.5;
|
|
53
60
|
|
|
54
|
-
export { DEFAULT_HAIRLINE_INTENSITY as D, type HairlineFigureProps as H, HAIRLINE_ASPECT_RATIO as a, HAIRLINE_TEST_ID as b, HairlineFigureName as c,
|
|
61
|
+
export { DEFAULT_HAIRLINE_INTENSITY as D, type HairlineFigureProps as H, HAIRLINE_ASPECT_RATIO as a, HAIRLINE_TEST_ID as b, HairlineFigureName as c, HairlineVarName as d, type HairlineVars as e, hairlineVars as h };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { H as HairlineFigureProps } from '../constants-
|
|
3
|
-
export { D as DEFAULT_HAIRLINE_INTENSITY, a as HAIRLINE_ASPECT_RATIO, b as HAIRLINE_TEST_ID, c as HairlineFigureName, d as HairlineVarName, e as HairlineVars, h as hairlineVars } from '../constants-
|
|
2
|
+
import { H as HairlineFigureProps } from '../constants-DXSyrmvQ.mjs';
|
|
3
|
+
export { D as DEFAULT_HAIRLINE_INTENSITY, a as HAIRLINE_ASPECT_RATIO, b as HAIRLINE_TEST_ID, c as HairlineFigureName, d as HairlineVarName, e as HairlineVars, h as hairlineVars } from '../constants-DXSyrmvQ.mjs';
|
|
4
4
|
import '@dloizides/design-tokens';
|
|
5
5
|
|
|
6
6
|
/** Renders a hairline figure in a WebView with the upstream bundle inlined (iOS/Android). */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { H as HairlineFigureProps } from '../constants-
|
|
3
|
-
export { D as DEFAULT_HAIRLINE_INTENSITY, a as HAIRLINE_ASPECT_RATIO, b as HAIRLINE_TEST_ID, c as HairlineFigureName, d as HairlineVarName, e as HairlineVars, h as hairlineVars } from '../constants-
|
|
2
|
+
import { H as HairlineFigureProps } from '../constants-DXSyrmvQ.js';
|
|
3
|
+
export { D as DEFAULT_HAIRLINE_INTENSITY, a as HAIRLINE_ASPECT_RATIO, b as HAIRLINE_TEST_ID, c as HairlineFigureName, d as HairlineVarName, e as HairlineVars, h as hairlineVars } from '../constants-DXSyrmvQ.js';
|
|
4
4
|
import '@dloizides/design-tokens';
|
|
5
5
|
|
|
6
6
|
/** Renders a hairline figure in a WebView with the upstream bundle inlined (iOS/Android). */
|