poe-svelte-ui-lib 1.4.2 → 1.4.4
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/Select/Select.svelte +4 -16
- package/package.json +1 -1
|
@@ -103,7 +103,7 @@
|
|
|
103
103
|
${disabled ? 'opacity-50' : 'cursor-pointer hover:shadow-md'}`,
|
|
104
104
|
value?.class,
|
|
105
105
|
)}
|
|
106
|
-
style="background: color-mix(in srgb, var(--bg-color), var(--back-color) 70%);"
|
|
106
|
+
style="background: color-mix(in srgb, var(--bg-color), var(--back-color) 70%); "
|
|
107
107
|
onclick={toggleDropdown}
|
|
108
108
|
aria-haspopup="true"
|
|
109
109
|
aria-expanded={isDropdownOpen}
|
|
@@ -130,13 +130,7 @@
|
|
|
130
130
|
onclick={(e) => selectOption(option, e)}
|
|
131
131
|
{disabled}
|
|
132
132
|
style="background: color-mix(in srgb, var(--bg-color), var(--back-color) 70%);
|
|
133
|
-
|
|
134
|
-
? `border-width: 1px;
|
|
135
|
-
border-color: var(--${option.class
|
|
136
|
-
?.split(' ')
|
|
137
|
-
.find((cls: string) => cls.startsWith('border-'))
|
|
138
|
-
?.replace('border-', '')}-color)`
|
|
139
|
-
: ''}"
|
|
133
|
+
"
|
|
140
134
|
>
|
|
141
135
|
{option.name}
|
|
142
136
|
</button>
|
|
@@ -144,7 +138,7 @@
|
|
|
144
138
|
</div>
|
|
145
139
|
{/if}
|
|
146
140
|
{:else if type === 'buttons'}
|
|
147
|
-
<div id={`${id}-${crypto.randomUUID().slice(0, 6)}`} class="flex h-full w-full flex-row justify-center rounded-full
|
|
141
|
+
<div id={`${id}-${crypto.randomUUID().slice(0, 6)}`} class="flex h-full w-full flex-row justify-center rounded-full">
|
|
148
142
|
{#each options as option, index (option.id)}
|
|
149
143
|
<button
|
|
150
144
|
id={option.id}
|
|
@@ -205,13 +199,7 @@
|
|
|
205
199
|
onclick={(e) => selectOption(option, e)}
|
|
206
200
|
{disabled}
|
|
207
201
|
style="background: color-mix(in srgb, var(--bg-color), var(--back-color) 70%);
|
|
208
|
-
|
|
209
|
-
? `border-width: 1px;
|
|
210
|
-
border-color: var(--${option.class
|
|
211
|
-
?.split(' ')
|
|
212
|
-
.find((cls: string) => cls.startsWith('border-'))
|
|
213
|
-
?.replace('border-', '')}-color)`
|
|
214
|
-
: ''}"
|
|
202
|
+
"
|
|
215
203
|
>
|
|
216
204
|
{option.name}
|
|
217
205
|
</button>
|