UNPKG

@payfit/unity-components

Version:

66 lines (65 loc) • 2.94 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
import { uyTv as e } from "@payfit/unity-themes"; //#region src/core/components/scroll-area/ScrollArea.variants.ts var t = (e) => ({ inlineStartFade: e, inlineEndFade: e, blockStartFade: e, blockEndFade: e }), n = e({ slots: { root: "uy:relative uy:group/scroll-area", viewport: "uy:size-full uy:min-h-0 uy:min-w-0 uy:scrollbar-thin uy:scrollbar-thumb:rounded-pill uy:scrollbar-thumb:bg-surface-neutral-low", inlineStartFade: [ "uy:pointer-events-none uy:absolute uy:inset-y-0 uy:start-0 uy:z-10 uy:w-300", "uy:bg-gradient-to-r uy:to-transparent uy:rtl:bg-gradient-to-l uy:opacity-0", "uy:group-data-[scrollable-inline-start=true]/scroll-area:opacity-100" ], inlineEndFade: [ "uy:pointer-events-none uy:absolute uy:inset-y-0 uy:end-0 uy:z-10 uy:w-300", "uy:bg-gradient-to-l uy:to-transparent uy:rtl:bg-gradient-to-r uy:opacity-0", "uy:group-data-[scrollable-inline-end=true]/scroll-area:opacity-100" ], blockStartFade: [ "uy:pointer-events-none uy:absolute uy:inset-x-0 uy:top-0 uy:z-10 uy:h-300", "uy:bg-gradient-to-b uy:to-transparent uy:opacity-0", "uy:group-data-[scrollable-block-start=true]/scroll-area:opacity-100" ], blockEndFade: [ "uy:pointer-events-none uy:absolute uy:inset-x-0 uy:bottom-0 uy:z-10 uy:h-300", "uy:bg-gradient-to-t uy:to-transparent uy:opacity-0", "uy:group-data-[scrollable-block-end=true]/scroll-area:opacity-100" ] }, variants: { axis: { inline: { viewport: "uy:overflow-x-auto uy:overflow-y-hidden" }, block: { viewport: "uy:overflow-x-hidden uy:overflow-y-auto" }, both: { viewport: "uy:overflow-auto" } }, fadeColor: { "surface.neutral": t("uy:from-surface-neutral"), "surface.neutral.low": t("uy:from-surface-neutral-low"), "surface.neutral.lowest": t("uy:from-surface-neutral-lowest"), "surface.neutral.highest": t("uy:from-surface-neutral-highest"), "surface.inverted": t("uy:from-surface-inverted"), "surface.primary": t("uy:from-surface-primary"), "surface.primary.lowest": t("uy:from-surface-primary-lowest"), "surface.success": t("uy:from-surface-success"), "surface.success.lowest": t("uy:from-surface-success-lowest"), "surface.info": t("uy:from-surface-info"), "surface.info.lowest": t("uy:from-surface-info-lowest"), "surface.warning": t("uy:from-surface-warning"), "surface.warning.lowest": t("uy:from-surface-warning-lowest"), "surface.danger": t("uy:from-surface-danger"), "surface.danger.lowest": t("uy:from-surface-danger-lowest"), "surface.promo": t("uy:from-surface-promo"), "surface.decorative-teal": t("uy:from-surface-decorative-teal"), "surface.decorative-purple": t("uy:from-surface-decorative-purple"), "surface.decorative-plum": t("uy:from-surface-decorative-plum"), "surface.decorative-orange": t("uy:from-surface-decorative-orange") } }, defaultVariants: { fadeColor: "surface.neutral" } }); //#endregion export { n as scrollArea };