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.
- package/dist/CommonSnippets.svelte +1 -1
- package/dist/FileAttach/FileAttach.svelte +2 -2
- package/dist/Input/Input.svelte +3 -3
- package/dist/ProgressBar/ProgressBarProps.svelte +1 -1
- package/dist/Select/Select.svelte +2 -2
- package/dist/Select/SelectProps.svelte +1 -1
- package/dist/Switch/SwitchProps.svelte +1 -1
- package/dist/Table/TableProps.svelte +1 -1
- package/package.json +1 -1
|
@@ -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-
|
|
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-
|
|
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)">
|
package/dist/Input/Input.svelte
CHANGED
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
{#if type === "number"}
|
|
93
93
|
<input
|
|
94
94
|
bind:value
|
|
95
|
-
class={twMerge(fieldBase, "h-
|
|
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-
|
|
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-
|
|
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]
|
|
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-
|
|
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
|
-
`
|
|
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
|
${
|
|
@@ -147,7 +147,7 @@
|
|
|
147
147
|
}}
|
|
148
148
|
/>
|
|
149
149
|
<UI.Select
|
|
150
|
-
wrapperClass="min-w-56 flex-[2]
|
|
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
|
|
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")}
|