@vectoriox/iox-ui 5.86.0 → 5.86.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/fesm2022/vectoriox-iox-ui-generation-core.mjs +8 -4
- package/fesm2022/vectoriox-iox-ui-generation-core.mjs.map +1 -1
- package/fesm2022/vectoriox-iox-ui-scene-core.mjs +3 -4
- package/fesm2022/vectoriox-iox-ui-scene-core.mjs.map +1 -1
- package/fesm2022/vectoriox-iox-ui.mjs +11 -2
- package/fesm2022/vectoriox-iox-ui.mjs.map +1 -1
- package/generation-core/index.d.ts +5 -1
- package/index.d.ts +4 -0
- package/package.json +1 -1
- package/src/generation-core/pictures.ts +8 -4
- package/src/scene-core/scroll-driver.ts +2 -1
- package/styles/iox-design.css +17 -14
|
@@ -17707,13 +17707,17 @@ const SCRIM_LEVELS = [ScrimLevel.Soft, ScrimLevel.Firm, ScrimLevel.Full];
|
|
|
17707
17707
|
/** What each level writes on the scrim node (`backgroundColor`, token references only) — `null`: the style's own. */
|
|
17708
17708
|
const SCRIM_BACKGROUND = {
|
|
17709
17709
|
[ScrimLevel.Soft]: null,
|
|
17710
|
-
[ScrimLevel.Firm]: 'linear-gradient(180deg, transparent 0%, var(--iox-media-scrim)
|
|
17710
|
+
[ScrimLevel.Firm]: 'linear-gradient(180deg, color-mix(in srgb, var(--iox-media-scrim) 75%, transparent) 0%, var(--iox-media-scrim) 35%)',
|
|
17711
17711
|
[ScrimLevel.Full]: 'var(--iox-media-scrim)',
|
|
17712
17712
|
};
|
|
17713
|
-
/**
|
|
17713
|
+
/**
|
|
17714
|
+
* The least share of the scrim's own strength under the FIRST line of words, at each level — read from where the words
|
|
17715
|
+
* start in the box (its top padding) against the gradient's ramp, on a phone (the tallest box): the element style's own
|
|
17716
|
+
* ramp (`transparent 0%` → full at 45%) has only about a quarter of its strength there; Firm starts at three quarters.
|
|
17717
|
+
*/
|
|
17714
17718
|
const SCRIM_COVER = {
|
|
17715
|
-
[ScrimLevel.Soft]: 0.
|
|
17716
|
-
[ScrimLevel.Firm]: 0.
|
|
17719
|
+
[ScrimLevel.Soft]: 0.25,
|
|
17720
|
+
[ScrimLevel.Firm]: 0.75,
|
|
17717
17721
|
[ScrimLevel.Full]: 1,
|
|
17718
17722
|
};
|
|
17719
17723
|
/** WCAG AA for body text — the words over a picture include a lead and a button label, never only a headline. */
|