@kubex/zinc 1.1.144 → 1.1.146

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kubex/zinc",
3
- "version": "1.1.144",
3
+ "version": "1.1.146",
4
4
  "description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
5
5
  "keywords": [
6
6
  "web components",
@@ -357,8 +357,10 @@ export default class ZnTranslations extends ZincElement implements ZincFormContr
357
357
 
358
358
  private handleKeyDown = (event: KeyboardEvent) => {
359
359
  if (event.key === 'Enter') {
360
- // An inline edit commits on Enter itself, and a textarea needs it for the newline.
361
- if (event.target instanceof ZnInlineEdit || event.target instanceof ZnTextarea) {
360
+ // An inline edit commits on Enter itself, a textarea needs it for the
361
+ // newline, and a remarkd editor for a new paragraph.
362
+ if (event.target instanceof ZnInlineEdit || event.target instanceof ZnTextarea
363
+ || event.target instanceof ZnRemarkdEditor) {
362
364
  return;
363
365
  }
364
366
 
@@ -102,7 +102,9 @@ $control-positions: (
102
102
  flex-direction: column;
103
103
  flex-wrap: nowrap;
104
104
  align-items: stretch;
105
- justify-content: center;
105
+ /* Grid rows stretch cards to one height; centring would float a short card's
106
+ image off the row's shared line, so pin to the image's named edge. */
107
+ justify-content: flex-start;
106
108
 
107
109
  .selection-card__image-container {
108
110
  align-self: center;
@@ -124,6 +126,10 @@ $control-positions: (
124
126
  }
125
127
  }
126
128
 
129
+ &.selection-card--image-bottom {
130
+ justify-content: flex-end;
131
+ }
132
+
127
133
  /* Positioned controls */
128
134
  @each $name, $position in $control-positions {
129
135
  $block: map.get($position, block);