poe-svelte-ui-lib 1.20.0 → 1.20.2

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.
@@ -97,7 +97,7 @@
97
97
  })
98
98
  </script>
99
99
 
100
- <div class={twMerge(`relative flex w-full flex-col items-center`, wrapperClass)}>
100
+ <div class={twMerge(`relative flex w-full flex-col items-center gap-1`, wrapperClass)}>
101
101
  <button
102
102
  {id}
103
103
  class={`${twMerge(
@@ -145,4 +145,9 @@
145
145
  </button>
146
146
 
147
147
  <Tooltip show={showInfo} text={content.info?.text ?? ""} side={content.info?.side ?? "top"} />
148
+
149
+ <!-- Такая же зарезервированная строка, как у Input/Select (h-4, всегда пустая — у кнопки
150
+ нет валидации), чтобы высота совпадала при совместном размещении в одной строке
151
+ (items-end) с полем ввода или селектом. -->
152
+ <span class="block h-4" aria-hidden="true"></span>
148
153
  </div>
@@ -100,4 +100,9 @@
100
100
  </div>
101
101
  </label>
102
102
  {/if}
103
+
104
+ <!-- Такая же зарезервированная строка, как у Input/Select/Button (h-4, всегда пустая —
105
+ у FileAttach нет валидации), чтобы высота совпадала при совместном размещении в одной
106
+ строке (items-end) с полем ввода, селектом или кнопкой. -->
107
+ <span class="block h-4" aria-hidden="true"></span>
103
108
  </div>
@@ -239,10 +239,9 @@
239
239
  {/if}
240
240
  </div>
241
241
 
242
- {#if help.regExp}
243
- <!-- Место под ошибку зарезервировано всегда (высота фиксирована), чтобы её появление
244
- не двигало соседние элементы — кнопку в одной строке с полем (как в восстановлении
245
- пароля) или соседние поля формы. -->
246
- <span class="block h-4 text-[12px] text-(--red-color)">{!isValid ? "Неверный формат" : ""}</span>
247
- {/if}
242
+ <!-- Место под ошибку зарезервировано всегда (высота фиксирована, не только когда задан
243
+ help.regExp), чтобы Input сохранял одну и ту же высоту во всех случаях — иначе он не
244
+ совпадает по высоте с Select в одной строке (items-end), когда у одного поля есть
245
+ валидация, а у другого нет. -->
246
+ <span class="block h-4 text-[12px] text-(--red-color)">{help.regExp && !isValid ? "Неверный формат" : ""}</span>
248
247
  </div>
@@ -287,4 +287,8 @@
287
287
  {/if}
288
288
  {/if}
289
289
  </div>
290
+
291
+ <!-- Такая же зарезервированная строка, как у Input (h-4, всегда пустая — у Select нет
292
+ валидации), чтобы высота совпадала при совместном размещении в одной строке (items-end). -->
293
+ <span class="block h-4 text-[12px]"></span>
290
294
  </div>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "poe-svelte-ui-lib",
3
- "version": "1.20.0",
3
+ "version": "1.20.2",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "scripts": {