@trebired/frontend 14.5.0 → 14.5.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 CHANGED
@@ -1,5 +1,9 @@
1
1
  # Changelog
2
2
 
3
+ ## 14.5.1
4
+
5
+ - The brand canvas places its vertical measurement against the stage's left edge. It was positioned with logical inset properties, which resolve against the element's own writing mode — and the label sets `writing-mode: vertical-rl`, so `inset-inline-start` meant the top.
6
+
3
7
  ## 14.5.0
4
8
 
5
9
  - An embed frame has an intrinsic aspect ratio, `media.embedFrame.ratio`, defaulting to 16 / 9. It sized itself only from whatever height the page gave it, so an embed in a plain grid cell rendered a full-width strip of nothing, and `MapEmbed` had no way to say otherwise — it now forwards `aspectRatio` like `EmbedFrame` does.
@@ -78,14 +78,16 @@
78
78
  }
79
79
 
80
80
  #{ns.data("brand-canvas-measure", "block")} {
81
- inset-block: var(#{ns.css-var("surf-brand-canvas-stage-padding")}, var(#{ns.css-var("gap-lg")}, 40px));
82
- inset-inline-start: var(#{ns.css-var("surf-brand-canvas-measure-offset")}, 0.75rem);
81
+ top: var(#{ns.css-var("surf-brand-canvas-stage-padding")}, var(#{ns.css-var("gap-lg")}, 40px));
82
+ bottom: var(#{ns.css-var("surf-brand-canvas-stage-padding")}, var(#{ns.css-var("gap-lg")}, 40px));
83
+ left: var(#{ns.css-var("surf-brand-canvas-measure-offset")}, 0.75rem);
83
84
  writing-mode: vertical-rl;
84
85
  }
85
86
 
86
87
  #{ns.data("brand-canvas-measure", "inline")} {
87
- inset-inline: var(#{ns.css-var("surf-brand-canvas-stage-padding")}, var(#{ns.css-var("gap-lg")}, 40px));
88
- inset-block-end: var(#{ns.css-var("surf-brand-canvas-measure-offset")}, 0.75rem);
88
+ right: var(#{ns.css-var("surf-brand-canvas-stage-padding")}, var(#{ns.css-var("gap-lg")}, 40px));
89
+ bottom: var(#{ns.css-var("surf-brand-canvas-measure-offset")}, 0.75rem);
90
+ left: var(#{ns.css-var("surf-brand-canvas-stage-padding")}, var(#{ns.css-var("gap-lg")}, 40px));
89
91
  }
90
92
 
91
93
  #{ns.element-class("brand-canvas", "caption")} {
package/package.json CHANGED
@@ -8,7 +8,7 @@
8
8
  }
9
9
  },
10
10
  "name": "@trebired/frontend",
11
- "version": "14.5.0",
11
+ "version": "14.5.1",
12
12
  "description": "Generic browser runtime systems for Trebired frontend packages and applications.",
13
13
  "type": "module",
14
14
  "private": false,