@marianmeres/stuic 3.63.0 → 3.64.1
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.
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<script lang="ts" module>
|
|
2
2
|
import type { Snippet } from "svelte";
|
|
3
|
-
import type { TourStepDef, TourLabels, TourShellContext } from "./onboarding.svelte.js";
|
|
4
3
|
import type { Props as ButtonProps } from "../../components/Button/Button.svelte";
|
|
4
|
+
import type { TourLabels, TourShellContext, TourStepDef } from "./onboarding.svelte.js";
|
|
5
5
|
|
|
6
6
|
type ButtonOverrides = Pick<
|
|
7
7
|
ButtonProps,
|
|
@@ -41,11 +41,11 @@
|
|
|
41
41
|
</script>
|
|
42
42
|
|
|
43
43
|
<script lang="ts">
|
|
44
|
-
import
|
|
44
|
+
import { iconArrowLeft, iconArrowRight, iconCheck } from "../../icons/index.js";
|
|
45
45
|
import Button from "../../components/Button/Button.svelte";
|
|
46
|
-
import
|
|
47
|
-
import { twMerge } from "../../utils/tw-merge.js";
|
|
46
|
+
import Thc from "../../components/Thc/Thc.svelte";
|
|
48
47
|
import { omit } from "../../utils/omit-pick.js";
|
|
48
|
+
import { twMerge } from "../../utils/tw-merge.js";
|
|
49
49
|
|
|
50
50
|
let {
|
|
51
51
|
step,
|
|
@@ -62,8 +62,8 @@
|
|
|
62
62
|
showSteps = true,
|
|
63
63
|
prevButtonProps,
|
|
64
64
|
nextButtonProps,
|
|
65
|
-
iconPrev =
|
|
66
|
-
iconNext =
|
|
65
|
+
iconPrev = iconArrowLeft,
|
|
66
|
+
iconNext = iconArrowRight,
|
|
67
67
|
iconFinish = iconCheck,
|
|
68
68
|
}: Props = $props();
|
|
69
69
|
|
|
@@ -141,9 +141,7 @@
|
|
|
141
141
|
variant="solid"
|
|
142
142
|
{...omit(nextButtonProps ?? {}, "class")}
|
|
143
143
|
>
|
|
144
|
-
{@html isLast
|
|
145
|
-
? iconFinish({ size: ICON_SIZE })
|
|
146
|
-
: iconNext({ size: ICON_SIZE })}
|
|
144
|
+
{@html isLast ? iconFinish({ size: ICON_SIZE }) : iconNext({ size: ICON_SIZE })}
|
|
147
145
|
{#if _finishLabel}{_finishLabel}{/if}
|
|
148
146
|
</Button>
|
|
149
147
|
</div>
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { Snippet } from "svelte";
|
|
2
|
-
import type { TourStepDef, TourLabels, TourShellContext } from "./onboarding.svelte.js";
|
|
3
2
|
import type { Props as ButtonProps } from "../../components/Button/Button.svelte";
|
|
3
|
+
import type { TourLabels, TourShellContext, TourStepDef } from "./onboarding.svelte.js";
|
|
4
4
|
type ButtonOverrides = Pick<ButtonProps, "variant" | "intent" | "size" | "roundedFull" | "class">;
|
|
5
5
|
export type IconFn = (props?: Partial<{
|
|
6
6
|
size: number;
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
--stuic-onboarding-content-size: var(--text-sm);
|
|
10
10
|
--stuic-onboarding-footer-gap: calc(var(--spacing) * 3);
|
|
11
11
|
--stuic-onboarding-steps-size: var(--text-xs);
|
|
12
|
-
--stuic-onboarding-btn-font-size: var(--text-
|
|
12
|
+
--stuic-onboarding-btn-font-size: var(--text-sm);
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
.stuic-onboarding-shell {
|