poe-svelte-ui-lib 1.26.2 → 1.27.0

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.
@@ -257,7 +257,7 @@
257
257
  updateProperty: (icon: string | string[]) => {}
258
258
  })}
259
259
  <div class="relative mt-6 flex w-full gap-2">
260
- <UI.Button content={{ name: initialValue.name }} componentClass="min-h-8 bg-blue" onClick={() => (showIconLib = true)} />
260
+ <UI.Button content={{ name: initialValue.name }} componentClass="h-8 min-h-8 bg-blue" onClick={() => (showIconLib = true)} />
261
261
  {#if showIconLib}
262
262
  <UI.Modal bind:isOpen={showIconLib} wrapperClass="w-130">
263
263
  {#snippet main()}
@@ -82,13 +82,13 @@
82
82
  <input
83
83
  id={ID}
84
84
  type="file"
85
- class="absolute left-0 z-1 h-9 w-full opacity-0 {disabled ? 'cursor-not-allowed' : 'cursor-pointer'}"
85
+ class="absolute left-0 z-1 h-8 w-full opacity-0 {disabled ? 'cursor-not-allowed' : 'cursor-pointer'}"
86
86
  {accept}
87
87
  {disabled}
88
88
  onchange={handleFileChange}
89
89
  />
90
90
  <div
91
- class="flex h-9 w-full overflow-hidden rounded-[10px] border border-(--border-color) text-[14px] transition-colors duration-150
91
+ class="flex h-8 w-full overflow-hidden rounded-[10px] border border-(--border-color) text-[14px] transition-colors duration-150
92
92
  {disabled ? 'opacity-45' : 'hover:border-(--faint-color)'}"
93
93
  >
94
94
  <div class="flex shrink-0 items-center justify-center bg-(--accent-color) px-3 font-semibold whitespace-nowrap text-(--on-accent)">
@@ -92,7 +92,7 @@
92
92
  {#if type === "number"}
93
93
  <input
94
94
  bind:value
95
- class={twMerge(fieldBase, "h-9 pr-9", componentClass)}
95
+ class={twMerge(fieldBase, "h-8 pr-9", componentClass)}
96
96
  id={`${id}-${crypto.randomUUID().slice(0, 6)}`}
97
97
  {placeholder}
98
98
  {disabled}
@@ -109,7 +109,7 @@
109
109
  {:else if type !== "text-area"}
110
110
  <input
111
111
  bind:value
112
- class={twMerge(fieldBase, `h-9 ${help.copyButton || type === "password" ? "pr-9" : ""}`, componentClass)}
112
+ class={twMerge(fieldBase, `h-8 ${help.copyButton || type === "password" ? "pr-9" : ""}`, componentClass)}
113
113
  id={`${id}-${crypto.randomUUID().slice(0, 6)}`}
114
114
  {placeholder}
115
115
  {disabled}
@@ -190,7 +190,7 @@
190
190
 
191
191
  {#if (type === "number" || type === "bitMode") && !readonly && !disabled}
192
192
  <!-- Счётчик: узкая колонка со стрелками, отделена волосяной линией -->
193
- <div class="absolute right-0 flex h-9 w-8 flex-col overflow-hidden rounded-r-[10px] border-l border-(--hairline-color)">
193
+ <div class="absolute right-0 flex h-8 w-8 flex-col overflow-hidden rounded-r-[10px] border-l border-(--hairline-color)">
194
194
  <button
195
195
  class="flex h-1/2 w-full items-center justify-center border-b border-(--hairline-color) text-[11px] leading-none text-(--muted-color) transition-colors duration-150 hover:bg-(--container-color) hover:text-(--font-color)"
196
196
  onclick={() => {
@@ -110,7 +110,7 @@
110
110
  {#if forConstructor}
111
111
  <UI.Select
112
112
  label={{ name: $T("constructor.props.colors") }}
113
- wrapperClass="min-w-56 flex-[2] h-13.5"
113
+ wrapperClass="min-w-56 flex-[2]"
114
114
  type="buttons"
115
115
  options={$optionsStore.COLOR_OPTIONS.filter((option) => option.value !== "bg-max")}
116
116
  value={$optionsStore.COLOR_OPTIONS.find((c) =>
@@ -130,7 +130,7 @@
130
130
  }
131
131
 
132
132
  /* Общая база поля — та же, что у Input */
133
- const fieldBase = `h-9 w-full rounded-[10px] border border-(--border-color) bg-(--field-color) px-3 text-left text-[14px]
133
+ const fieldBase = `h-8 w-full rounded-[10px] border border-(--border-color) bg-(--field-color) px-3 text-left text-[14px]
134
134
  transition-[border-color,box-shadow] duration-150 outline-none
135
135
  focus:border-(--accent-color) focus:shadow-(--focus-shadow-color)`
136
136
 
@@ -222,7 +222,7 @@
222
222
  <button
223
223
  id={option.id}
224
224
  class="{twMerge(
225
- `min-h-8 min-w-0 flex-1 px-3 py-2 text-[13px] font-semibold transition-colors duration-150
225
+ `h-8 min-w-0 flex-1 px-3 py-2 text-[13px] font-semibold transition-colors duration-150
226
226
  ${index === 0 ? 'rounded-l-[9px]' : ''} ${index === options.length - 1 ? 'rounded-r-[9px]' : ''}
227
227
  ${index > 0 ? 'border-l border-(--border-color)' : ''}
228
228
  ${
@@ -240,7 +240,7 @@
240
240
  />
241
241
  {#if forConstructor}
242
242
  <UI.Select
243
- wrapperClass="min-w-56 flex-[2] h-13.5"
243
+ wrapperClass="min-w-56 flex-[2]"
244
244
  label={{ name: $T("constructor.props.colors") }}
245
245
  type="buttons"
246
246
  options={$optionsStore.COLOR_OPTIONS}
@@ -147,7 +147,7 @@
147
147
  }}
148
148
  />
149
149
  <UI.Select
150
- wrapperClass="min-w-56 flex-[2] h-13.5"
150
+ wrapperClass="min-w-56 flex-[2]"
151
151
  label={{ name: $T("constructor.props.colors") }}
152
152
  type="buttons"
153
153
  options={$optionsStore.COLOR_OPTIONS.filter((option) => option.value !== "bg-max" && option.value !== "bg-gray")}
@@ -359,7 +359,7 @@
359
359
  content={{ icon: InfoIcon, info: { text: $T("constructor.props.button.colors.hint"), side: "right" } }}
360
360
  />
361
361
  <UI.Select
362
- wrapperClass="min-w-0 flex-1 h-13.5"
362
+ wrapperClass="min-w-0 flex-1"
363
363
  label={{ name: $T("constructor.props.colors") }}
364
364
  type="buttons"
365
365
  options={$optionsStore.COLOR_OPTIONS.filter((option) => option.value !== "bg-max")}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "poe-svelte-ui-lib",
3
- "version": "1.26.2",
3
+ "version": "1.27.0",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "scripts": {