@invopop/popui 0.0.77-beta7 → 0.0.77-beta9
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/InputRadio.svelte
CHANGED
|
@@ -22,6 +22,6 @@ function updateInput(event) {
|
|
|
22
22
|
type="radio"
|
|
23
23
|
{id}
|
|
24
24
|
{checked}
|
|
25
|
-
class="form-radio h-5 w-5 border-neutral-200 text-workspace-accent focus:ring-0 focus:ring-offset-0"
|
|
25
|
+
class="form-radio h-5 w-5 border-neutral-200 text-workspace-accent focus:ring-0 focus:ring-offset-0 cursor-pointer"
|
|
26
26
|
on:change={updateInput}
|
|
27
27
|
/>
|
package/dist/StepIconList.svelte
CHANGED
|
@@ -5,15 +5,15 @@ $:
|
|
|
5
5
|
$:
|
|
6
6
|
mainIcons = icons.slice(0, maxItems);
|
|
7
7
|
$:
|
|
8
|
-
restIcons = icons.slice(maxItems
|
|
8
|
+
restIcons = icons.slice(maxItems, icons.length);
|
|
9
9
|
</script>
|
|
10
10
|
|
|
11
|
-
<div class="flex flex-col space-y-2 sm:flex-row sm:space-y-0 items-center
|
|
11
|
+
<div class="flex flex-col space-y-2 sm:flex-row sm:space-y-0 items-center">
|
|
12
12
|
{#each mainIcons as icon, i (i)}
|
|
13
13
|
<Tooltip>
|
|
14
|
-
<TooltipTrigger>
|
|
14
|
+
<TooltipTrigger class="flex-shrink-0">
|
|
15
15
|
<div
|
|
16
|
-
class="p-1.5 border rounded-md border-neutral-200 flex items-center space-x-1 bg-white text-neutral-800
|
|
16
|
+
class="p-1.5 border rounded-md border-neutral-200 flex items-center space-x-1 bg-white text-neutral-800"
|
|
17
17
|
>
|
|
18
18
|
<img src={icon.url} alt={icon.name} class="w-4 h-4" />
|
|
19
19
|
</div>
|
|
@@ -28,7 +28,7 @@ $:
|
|
|
28
28
|
{#if restIcons.length}
|
|
29
29
|
<div class="hidden sm:block h-px w-3 border border-neutral-200 mx-px flex-shrink-0" />
|
|
30
30
|
<Tooltip>
|
|
31
|
-
<TooltipTrigger>
|
|
31
|
+
<TooltipTrigger class="flex-shrink-0">
|
|
32
32
|
<div
|
|
33
33
|
class="flex items-center justify-center text-neutral-500 font-medium text-base h-7 w-7"
|
|
34
34
|
>
|
package/dist/UuidCopy.svelte
CHANGED
|
@@ -7,8 +7,8 @@ export let uuid = "";
|
|
|
7
7
|
export let small = false;
|
|
8
8
|
export let dark = false;
|
|
9
9
|
export let rightAlign = false;
|
|
10
|
-
export let prefixLength =
|
|
11
|
-
export let suffixLength =
|
|
10
|
+
export let prefixLength = 4;
|
|
11
|
+
export let suffixLength = 4;
|
|
12
12
|
export let full = false;
|
|
13
13
|
export let compact = false;
|
|
14
14
|
export let link = false;
|
|
@@ -24,18 +24,20 @@ $:
|
|
|
24
24
|
formattedUuid = full ? uuid : shortenString(uuid, prefixLength, suffixLength);
|
|
25
25
|
$:
|
|
26
26
|
styles = clsx({
|
|
27
|
-
"justify-end
|
|
27
|
+
"justify-end": rightAlign,
|
|
28
28
|
"text-sm": small,
|
|
29
29
|
"text-base": !small,
|
|
30
30
|
"text-neutral-800": dark,
|
|
31
31
|
"text-neutral-500": !dark,
|
|
32
|
-
"justify-between": !compact
|
|
32
|
+
"justify-between": !compact,
|
|
33
|
+
"w-full": full,
|
|
34
|
+
"border border-neutral-800/10 rounded-md pl-2.5 pr-2 py-[5px]": !full
|
|
33
35
|
});
|
|
34
36
|
</script>
|
|
35
37
|
|
|
36
|
-
<div class="{styles} relative flex items-center
|
|
38
|
+
<div class="{styles} relative inline-flex items-center space-x-1 text-left whitespace-nowrap">
|
|
37
39
|
<button
|
|
38
|
-
class="tracking-wide font-mono"
|
|
40
|
+
class="tracking-wide font-mono text-base"
|
|
39
41
|
on:click|stopPropagation={async () => {
|
|
40
42
|
await navigator.clipboard.writeText(uuid)
|
|
41
43
|
dispatch('copied', uuid)
|