@rimelight/ui 0.0.28 → 0.0.30
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/package.json +14 -13
- package/src/components/astro/RLAAccordion.astro +2 -6
- package/src/components/astro/RLAButton.astro +2 -22
- package/src/components/astro/RLAEmbedYoutube.astro +4 -26
- package/src/components/astro/RLAFooter.astro +2 -10
- package/src/components/astro/RLAHeader.astro +2 -14
- package/src/components/astro/RLAIcon.astro +2 -11
- package/src/components/astro/RLALogo.astro +2 -12
- package/src/components/astro/RLAMain.astro +28 -0
- package/src/components/astro/RLAPlaceholder.astro +2 -8
- package/src/components/astro/RLAScrollToTop.astro +2 -14
- package/src/components/astro/RLASection.astro +24 -73
- package/src/components/vue/RLVButton.vue +2 -64
- package/src/components/vue/RLVFooter.vue +2 -9
- package/src/components/vue/RLVHeader.vue +2 -13
- package/src/components/vue/RLVIcon.vue +2 -10
- package/src/components/vue/RLVLogo.vue +13 -21
- package/src/components/vue/RLVPlaceholder.vue +2 -8
- package/src/components/vue/RLVScrollToTop.vue +2 -13
- package/src/components/vue/RLVSection.vue +2 -19
- package/src/integrations/ui.ts +11 -1
- package/src/presets/index.ts +16 -6
- package/src/themes/button.theme.ts +176 -167
- package/src/themes/embedYoutube.theme.ts +14 -19
- package/src/themes/main.theme.ts +12 -0
- package/src/types/components/accordion.ts +15 -0
- package/src/types/components/button.ts +71 -0
- package/src/types/components/embed-youtube.ts +27 -0
- package/src/types/components/footer.ts +15 -0
- package/src/types/components/header.ts +31 -0
- package/src/types/components/icon.ts +19 -0
- package/src/types/components/index.ts +13 -0
- package/src/types/components/link.ts +23 -0
- package/src/types/components/logo.ts +27 -0
- package/src/types/components/main.ts +17 -0
- package/src/types/components/navigation.ts +34 -0
- package/src/types/components/placeholder.ts +11 -0
- package/src/types/components/scroll-to-top.ts +31 -0
- package/src/types/components/section.ts +63 -0
- package/src/types/index.ts +1 -0
- package/src/nuxt-types.ts +0 -3
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export interface AccordionProps {
|
|
2
|
+
/**
|
|
3
|
+
* The summary text displayed when the accordion is collapsed.
|
|
4
|
+
*/
|
|
5
|
+
summary: string
|
|
6
|
+
/**
|
|
7
|
+
* Slot-specific CSS class overrides.
|
|
8
|
+
*/
|
|
9
|
+
ui?: any
|
|
10
|
+
/**
|
|
11
|
+
* Additional CSS classes to apply to the root component.
|
|
12
|
+
*/
|
|
13
|
+
class?: any
|
|
14
|
+
[key: string]: unknown
|
|
15
|
+
}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
export interface ButtonProps {
|
|
2
|
+
/**
|
|
3
|
+
* The visual style variant of the button
|
|
4
|
+
*/
|
|
5
|
+
variant?: "solid" | "outline" | "ghost" | "link" | "soft"
|
|
6
|
+
/**
|
|
7
|
+
* The color scheme applied to the button
|
|
8
|
+
*/
|
|
9
|
+
color?: "primary" | "secondary" | "success" | "warning" | "error" | "info" | "white" | "black"
|
|
10
|
+
/**
|
|
11
|
+
* The size scale of the button
|
|
12
|
+
*/
|
|
13
|
+
size?: "xs" | "sm" | "md" | "lg" | "xl"
|
|
14
|
+
/**
|
|
15
|
+
* When provided, renders the button as an anchor link
|
|
16
|
+
*/
|
|
17
|
+
href?: string
|
|
18
|
+
/**
|
|
19
|
+
* The text label displayed inside the button
|
|
20
|
+
*/
|
|
21
|
+
label?: string
|
|
22
|
+
/**
|
|
23
|
+
* Icon name displayed before the label
|
|
24
|
+
*/
|
|
25
|
+
leadingIcon?: string
|
|
26
|
+
/**
|
|
27
|
+
* Icon name displayed after the label
|
|
28
|
+
*/
|
|
29
|
+
trailingIcon?: string
|
|
30
|
+
/**
|
|
31
|
+
* Shows a loading spinner animation
|
|
32
|
+
*/
|
|
33
|
+
loading?: boolean
|
|
34
|
+
/**
|
|
35
|
+
* Renders a square button with equal padding
|
|
36
|
+
*/
|
|
37
|
+
square?: boolean
|
|
38
|
+
/**
|
|
39
|
+
* Makes the button stretch to full width
|
|
40
|
+
*/
|
|
41
|
+
block?: boolean
|
|
42
|
+
/**
|
|
43
|
+
* Applies active state styling
|
|
44
|
+
*/
|
|
45
|
+
active?: boolean
|
|
46
|
+
/**
|
|
47
|
+
* Color used when button is in active state
|
|
48
|
+
*/
|
|
49
|
+
activeColor?:
|
|
50
|
+
| "primary"
|
|
51
|
+
| "secondary"
|
|
52
|
+
| "success"
|
|
53
|
+
| "warning"
|
|
54
|
+
| "error"
|
|
55
|
+
| "info"
|
|
56
|
+
| "white"
|
|
57
|
+
| "black"
|
|
58
|
+
/**
|
|
59
|
+
* Variant used when button is in active state
|
|
60
|
+
*/
|
|
61
|
+
activeVariant?: "solid" | "outline" | "ghost" | "link" | "soft"
|
|
62
|
+
/**
|
|
63
|
+
* Slot-specific CSS class overrides.
|
|
64
|
+
*/
|
|
65
|
+
ui?: any
|
|
66
|
+
/**
|
|
67
|
+
* Additional CSS classes to apply to the root component.
|
|
68
|
+
*/
|
|
69
|
+
class?: any
|
|
70
|
+
[key: string]: unknown
|
|
71
|
+
}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
export interface EmbedYoutubeProps {
|
|
2
|
+
/**
|
|
3
|
+
* The URL of the YouTube video to embed.
|
|
4
|
+
*/
|
|
5
|
+
src: string
|
|
6
|
+
/**
|
|
7
|
+
* The title of the video to display.
|
|
8
|
+
*
|
|
9
|
+
* @default "YouTube Video Player"
|
|
10
|
+
*/
|
|
11
|
+
title?: string
|
|
12
|
+
/**
|
|
13
|
+
* The name of the icon to display in the play trigger overlay.
|
|
14
|
+
*
|
|
15
|
+
* @default "i-lucide-play"
|
|
16
|
+
*/
|
|
17
|
+
icon?: string
|
|
18
|
+
/**
|
|
19
|
+
* Slot-specific CSS class overrides.
|
|
20
|
+
*/
|
|
21
|
+
ui?: any
|
|
22
|
+
/**
|
|
23
|
+
* Additional CSS classes to apply to the root component.
|
|
24
|
+
*/
|
|
25
|
+
class?: any
|
|
26
|
+
[key: string]: unknown
|
|
27
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export interface FooterProps {
|
|
2
|
+
/**
|
|
3
|
+
* Whether to contain the footer content within a max-width container.
|
|
4
|
+
*/
|
|
5
|
+
contain?: boolean
|
|
6
|
+
/**
|
|
7
|
+
* Slot-specific CSS class overrides.
|
|
8
|
+
*/
|
|
9
|
+
ui?: any
|
|
10
|
+
/**
|
|
11
|
+
* Additional CSS classes to apply to the root component.
|
|
12
|
+
*/
|
|
13
|
+
class?: any
|
|
14
|
+
[key: string]: unknown
|
|
15
|
+
}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
export interface HeaderProps {
|
|
2
|
+
/**
|
|
3
|
+
* Whether to contain the header content within a max-width container.
|
|
4
|
+
*/
|
|
5
|
+
contain?: boolean
|
|
6
|
+
/**
|
|
7
|
+
* Whether the header should be sticky at the top of the viewport.
|
|
8
|
+
*/
|
|
9
|
+
sticky?: boolean
|
|
10
|
+
/**
|
|
11
|
+
* Whether the header should be fixed at the top of the viewport.
|
|
12
|
+
*/
|
|
13
|
+
fixed?: boolean
|
|
14
|
+
/**
|
|
15
|
+
* The z-index stack position of the header.
|
|
16
|
+
*/
|
|
17
|
+
stackIndex?: number
|
|
18
|
+
/**
|
|
19
|
+
* Whether to hide the header when scrolling down and show it when scrolling up.
|
|
20
|
+
*/
|
|
21
|
+
hideOnScroll?: boolean
|
|
22
|
+
/**
|
|
23
|
+
* Slot-specific CSS class overrides.
|
|
24
|
+
*/
|
|
25
|
+
ui?: any
|
|
26
|
+
/**
|
|
27
|
+
* Additional CSS classes to apply to the root component.
|
|
28
|
+
*/
|
|
29
|
+
class?: any
|
|
30
|
+
[key: string]: unknown
|
|
31
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export interface IconProps {
|
|
2
|
+
/**
|
|
3
|
+
* The name of the icon to display.
|
|
4
|
+
*/
|
|
5
|
+
name: string
|
|
6
|
+
/**
|
|
7
|
+
* The size scale of the icon.
|
|
8
|
+
*/
|
|
9
|
+
size?: "xs" | "sm" | "md" | "lg" | "xl"
|
|
10
|
+
/**
|
|
11
|
+
* Slot-specific CSS class overrides.
|
|
12
|
+
*/
|
|
13
|
+
ui?: any
|
|
14
|
+
/**
|
|
15
|
+
* Additional CSS classes to apply to the root component.
|
|
16
|
+
*/
|
|
17
|
+
class?: any
|
|
18
|
+
[key: string]: unknown
|
|
19
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export * from "./main"
|
|
2
|
+
export * from "./logo"
|
|
3
|
+
export * from "./header"
|
|
4
|
+
export * from "./footer"
|
|
5
|
+
export * from "./navigation"
|
|
6
|
+
export * from "./link"
|
|
7
|
+
export * from "./button"
|
|
8
|
+
export * from "./icon"
|
|
9
|
+
export * from "./section"
|
|
10
|
+
export * from "./placeholder"
|
|
11
|
+
export * from "./scroll-to-top"
|
|
12
|
+
export * from "./embed-youtube"
|
|
13
|
+
export * from "./accordion"
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export interface LinkProps {
|
|
2
|
+
to?: string | object
|
|
3
|
+
href?: string
|
|
4
|
+
target?: string
|
|
5
|
+
rel?: string
|
|
6
|
+
external?: boolean
|
|
7
|
+
replace?: boolean
|
|
8
|
+
active?: boolean
|
|
9
|
+
exact?: boolean
|
|
10
|
+
exactQuery?: boolean | "partial"
|
|
11
|
+
exactHash?: boolean
|
|
12
|
+
inactiveClass?: string
|
|
13
|
+
activeClass?: string
|
|
14
|
+
/**
|
|
15
|
+
* Slot-specific CSS class overrides.
|
|
16
|
+
*/
|
|
17
|
+
ui?: any
|
|
18
|
+
/**
|
|
19
|
+
* Additional CSS classes to apply to the root component.
|
|
20
|
+
*/
|
|
21
|
+
class?: any
|
|
22
|
+
[key: string]: unknown
|
|
23
|
+
}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
export interface LogoProps {
|
|
2
|
+
/**
|
|
3
|
+
* The visual variant of the logo.
|
|
4
|
+
*/
|
|
5
|
+
variant?: "logomark" | "logotype" | "full"
|
|
6
|
+
/**
|
|
7
|
+
* The color mode of the logo.
|
|
8
|
+
*/
|
|
9
|
+
mode?: "color" | "white" | "black"
|
|
10
|
+
/**
|
|
11
|
+
* The destination URL when the logo is clicked.
|
|
12
|
+
*/
|
|
13
|
+
href?: string
|
|
14
|
+
/**
|
|
15
|
+
* Accessible description of the logo.
|
|
16
|
+
*/
|
|
17
|
+
alt?: string
|
|
18
|
+
/**
|
|
19
|
+
* Slot-specific CSS class overrides.
|
|
20
|
+
*/
|
|
21
|
+
ui?: any
|
|
22
|
+
/**
|
|
23
|
+
* Additional CSS classes to apply to the root component.
|
|
24
|
+
*/
|
|
25
|
+
class?: any
|
|
26
|
+
[key: string]: unknown
|
|
27
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export interface MainProps {
|
|
2
|
+
/**
|
|
3
|
+
* The element or component this component should render as.
|
|
4
|
+
*
|
|
5
|
+
* @default "main"
|
|
6
|
+
*/
|
|
7
|
+
as?: any
|
|
8
|
+
/**
|
|
9
|
+
* Slot-specific CSS class overrides.
|
|
10
|
+
*/
|
|
11
|
+
ui?: any
|
|
12
|
+
/**
|
|
13
|
+
* Additional CSS classes to apply to the root component.
|
|
14
|
+
*/
|
|
15
|
+
class?: any
|
|
16
|
+
[key: string]: unknown
|
|
17
|
+
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import type { LinkProps } from "./link"
|
|
2
|
+
|
|
3
|
+
export interface NavigationMenuItem extends Omit<LinkProps, "class"> {
|
|
4
|
+
label?: string
|
|
5
|
+
icon?: string
|
|
6
|
+
badge?: string | number | any
|
|
7
|
+
avatar?: any
|
|
8
|
+
chip?: boolean | any
|
|
9
|
+
tooltip?: boolean | any
|
|
10
|
+
popover?: boolean | any
|
|
11
|
+
trailingIcon?: string
|
|
12
|
+
type?: "label" | "trigger" | "link"
|
|
13
|
+
slot?: string
|
|
14
|
+
value?: string
|
|
15
|
+
children?: NavigationMenuChildItem[]
|
|
16
|
+
defaultOpen?: boolean
|
|
17
|
+
open?: boolean
|
|
18
|
+
onSelect?: (e: Event) => void
|
|
19
|
+
click?: (event: MouseEvent) => void
|
|
20
|
+
/**
|
|
21
|
+
* Slot-specific CSS class overrides.
|
|
22
|
+
*/
|
|
23
|
+
ui?: any
|
|
24
|
+
/**
|
|
25
|
+
* Additional CSS classes to apply to the root component.
|
|
26
|
+
*/
|
|
27
|
+
class?: any
|
|
28
|
+
[key: string]: unknown
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
export interface NavigationMenuChildItem extends Omit<NavigationMenuItem, "type" | "ui"> {
|
|
32
|
+
description?: string
|
|
33
|
+
[key: string]: any
|
|
34
|
+
}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
export interface ScrollToTopProps {
|
|
2
|
+
/**
|
|
3
|
+
* The color scheme applied to the scroll-to-top button.
|
|
4
|
+
*/
|
|
5
|
+
color?: "primary" | "secondary" | "success" | "warning" | "error" | "info" | "white" | "black"
|
|
6
|
+
/**
|
|
7
|
+
* The width of the progress indicator line.
|
|
8
|
+
*/
|
|
9
|
+
progressWidth?: number
|
|
10
|
+
/**
|
|
11
|
+
* The duration of the scroll-to-top animation in milliseconds.
|
|
12
|
+
*/
|
|
13
|
+
duration?: number
|
|
14
|
+
/**
|
|
15
|
+
* The scroll threshold in pixels before showing the button.
|
|
16
|
+
*/
|
|
17
|
+
threshold?: number
|
|
18
|
+
/**
|
|
19
|
+
* Whether to show the scroll progress indicator.
|
|
20
|
+
*/
|
|
21
|
+
showProgress?: boolean
|
|
22
|
+
/**
|
|
23
|
+
* Slot-specific CSS class overrides.
|
|
24
|
+
*/
|
|
25
|
+
ui?: any
|
|
26
|
+
/**
|
|
27
|
+
* Additional CSS classes to apply to the root component.
|
|
28
|
+
*/
|
|
29
|
+
class?: any
|
|
30
|
+
[key: string]: unknown
|
|
31
|
+
}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import type { ButtonProps } from "./button"
|
|
2
|
+
|
|
3
|
+
export interface SectionProps {
|
|
4
|
+
/**
|
|
5
|
+
* The element or component this component should render as.
|
|
6
|
+
*
|
|
7
|
+
* @default "section"
|
|
8
|
+
*/
|
|
9
|
+
as?: any
|
|
10
|
+
/**
|
|
11
|
+
* The variant of the section.
|
|
12
|
+
*
|
|
13
|
+
* @default "default"
|
|
14
|
+
*/
|
|
15
|
+
variant?: "default" | "hero" | "cta" | "none"
|
|
16
|
+
/**
|
|
17
|
+
* The variant of the section when it's a CTA.
|
|
18
|
+
*
|
|
19
|
+
* @default "solid"
|
|
20
|
+
*/
|
|
21
|
+
ctaVariant?: "solid" | "outline" | "soft" | "subtle" | "naked"
|
|
22
|
+
/**
|
|
23
|
+
* The headline displayed above the title.
|
|
24
|
+
*/
|
|
25
|
+
headline?: string
|
|
26
|
+
/**
|
|
27
|
+
* The icon displayed above the title.
|
|
28
|
+
*/
|
|
29
|
+
icon?: string
|
|
30
|
+
/**
|
|
31
|
+
* The section's title, displayed as a <h1> for the hero variant or <h2> otherwise.
|
|
32
|
+
*/
|
|
33
|
+
title?: string
|
|
34
|
+
/**
|
|
35
|
+
* The section's description, displayed under the title.
|
|
36
|
+
*/
|
|
37
|
+
description?: string
|
|
38
|
+
/**
|
|
39
|
+
* Display a list of buttons under the description.
|
|
40
|
+
*/
|
|
41
|
+
links?: ButtonProps[]
|
|
42
|
+
/**
|
|
43
|
+
* The orientation of the section.
|
|
44
|
+
*
|
|
45
|
+
* @default "vertical"
|
|
46
|
+
*/
|
|
47
|
+
orientation?: "vertical" | "horizontal"
|
|
48
|
+
/**
|
|
49
|
+
* Reverse the order of the default slot.
|
|
50
|
+
*
|
|
51
|
+
* @default false
|
|
52
|
+
*/
|
|
53
|
+
reverse?: boolean
|
|
54
|
+
/**
|
|
55
|
+
* Slot-specific CSS class overrides.
|
|
56
|
+
*/
|
|
57
|
+
ui?: any
|
|
58
|
+
/**
|
|
59
|
+
* Additional CSS classes to apply to the root component.
|
|
60
|
+
*/
|
|
61
|
+
class?: any
|
|
62
|
+
[key: string]: unknown
|
|
63
|
+
}
|
package/src/types/index.ts
CHANGED
package/src/nuxt-types.ts
DELETED