@resee-movies/nuxt-ux 0.2.1 → 0.2.3
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/module.json +1 -1
- package/dist/runtime/components/Button.vue +1 -1
- package/dist/runtime/components/Drawer.vue +29 -43
- package/dist/runtime/theme/css/brand/button.css +1 -1
- package/dist/runtime/theme/css/brand/gradient.css +1 -0
- package/dist/runtime/theme/css/brand/tooltip.css +1 -1
- package/dist/runtime/theme/css/brand/typography.css +1 -1
- package/dist/runtime/theme/css/brand/utilities.css +1 -1
- package/dist/runtime/theme/css/styles.css +1 -1
- package/package.json +1 -4
- package/dist/runtime/components/Link.vue +0 -31
- package/dist/runtime/components/Link.vue.d.ts +0 -26
- package/dist/runtime/config.d.ts +0 -18
- package/dist/runtime/config.js +0 -14
package/dist/module.json
CHANGED
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
<IconTextPair
|
|
23
23
|
:text = "props.text"
|
|
24
24
|
:icon = "props.icon"
|
|
25
|
-
:icon-size = "props.size"
|
|
25
|
+
:icon-size = "props.iconSize ?? props.size"
|
|
26
26
|
:trailing-icon = "props.trailingIcon"
|
|
27
27
|
:layout = "props.layout"
|
|
28
28
|
:spacing = "props.spacing ?? (props.layout === 'column' ? void 0 : 'wide')"
|
|
@@ -1,27 +1,30 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<PrimeDrawer
|
|
3
|
-
:class
|
|
4
|
-
:visible
|
|
5
|
-
:position
|
|
6
|
-
:block-scroll
|
|
7
|
-
:aria-label
|
|
8
|
-
:
|
|
9
|
-
|
|
3
|
+
:class ="['drawer', `drawer-${props.position ?? 'left'}`]"
|
|
4
|
+
:visible = "props.visible"
|
|
5
|
+
:position = "props.position"
|
|
6
|
+
:block-scroll = "props.blockScroll"
|
|
7
|
+
:aria-label = "props.showHeaderText ? void 0 : props.header"
|
|
8
|
+
:show-close-icon = "props.showCloseIcon"
|
|
9
|
+
:pt = "passthroughProps"
|
|
10
|
+
@update:visible = "(updatedValue) => emits('update:visible', updatedValue)"
|
|
10
11
|
>
|
|
11
|
-
<template #
|
|
12
|
-
<
|
|
13
|
-
|
|
12
|
+
<template #container="{ closeCallback }">
|
|
13
|
+
<div v-if="props.showHeaderText || props.showCloseIcon" class="header">
|
|
14
|
+
<div class="title">
|
|
15
|
+
<slot v-if="props.showHeaderText" name="title">
|
|
16
|
+
{{ props.header }}
|
|
17
|
+
</slot>
|
|
18
|
+
</div>
|
|
14
19
|
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
{{ props.header }}
|
|
19
|
-
</slot>
|
|
20
|
+
<div>
|
|
21
|
+
<CloseButton @click="closeCallback" />
|
|
22
|
+
</div>
|
|
20
23
|
</div>
|
|
21
|
-
</template>
|
|
22
24
|
|
|
23
|
-
|
|
24
|
-
|
|
25
|
+
<div class="content">
|
|
26
|
+
<slot />
|
|
27
|
+
</div>
|
|
25
28
|
</template>
|
|
26
29
|
</PrimeDrawer>
|
|
27
30
|
</template>
|
|
@@ -56,36 +59,19 @@ const props = defineProps({
|
|
|
56
59
|
const emits = defineEmits(["update:visible"]);
|
|
57
60
|
const passthroughProps = computed(() => {
|
|
58
61
|
return {
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
"me-3": props.position !== "right" || calculateBodyScrollbarWidth() === 0
|
|
65
|
-
}
|
|
66
|
-
]
|
|
67
|
-
};
|
|
68
|
-
},
|
|
69
|
-
content: {
|
|
70
|
-
class: "content"
|
|
71
|
-
},
|
|
72
|
-
mask() {
|
|
73
|
-
return {
|
|
74
|
-
class: [
|
|
75
|
-
"occlude-background",
|
|
76
|
-
{
|
|
77
|
-
"replace-scrollbar": props.position === "right"
|
|
78
|
-
}
|
|
79
|
-
]
|
|
80
|
-
};
|
|
62
|
+
root: () => ({
|
|
63
|
+
style: `--outgoing-scrollbar-width: ${calculateBodyScrollbarWidth()}px;`
|
|
64
|
+
}),
|
|
65
|
+
mask: {
|
|
66
|
+
class: "occlude-background"
|
|
81
67
|
},
|
|
82
|
-
transition: {
|
|
68
|
+
transition: () => ({
|
|
83
69
|
name: `slide-in-${props.position ?? "left"}`
|
|
84
|
-
}
|
|
70
|
+
})
|
|
85
71
|
};
|
|
86
72
|
});
|
|
87
73
|
</script>
|
|
88
74
|
|
|
89
75
|
<style>
|
|
90
|
-
@reference "tailwindcss";.drawer{background:var(--color-global-background);border-color:var(--color-global-background-accent)}.drawer.drawer-left{border-right-width:1px;box-shadow:var(--shadow-heavy-right);height:100%;width:--spacing(80)}.drawer.drawer-right{border-left-width:1px;box-shadow:var(--shadow-heavy-left);height:100%;width
|
|
76
|
+
@reference "tailwindcss";.drawer{--outgoing-scrollbar-width:0px;--drawer-border-radius:--spacing(3);--drawer-spacing:15px;--drawer-spacing-end:calc(var(--drawer-spacing) - var(--outgoing-scrollbar-width) + var(--p-scrollbar-width));background:var(--color-global-background);border-color:var(--color-global-background-accent);display:flex;flex-direction:column;gap:var(--drawer-spacing);padding-block:var(--drawer-spacing);padding-inline-end:var(--drawer-spacing-end);padding-inline-start:var(--drawer-spacing)}.drawer.drawer-left{--drawer-spacing-end:var(--drawer-spacing);border-bottom-right-radius:var(--drawer-border-radius);border-right-width:1px;border-top-right-radius:var(--drawer-border-radius);box-shadow:var(--shadow-heavy-right);height:100%;width:--spacing(80)}.drawer.drawer-right{border-bottom-left-radius:var(--drawer-border-radius);border-left-width:1px;border-top-left-radius:var(--drawer-border-radius);box-shadow:var(--shadow-heavy-left);height:100%;width:calc(--spacing(80) + var(--p-scrollbar-width))}.drawer.drawer-top{border-bottom-left-radius:var(--drawer-border-radius);border-bottom-right-radius:var(--drawer-border-radius);border-bottom-width:1px;box-shadow:var(--shadow-heavy);max-height:--spacing(100);width:100%}.drawer.drawer-bottom{border-top-left-radius:var(--drawer-border-radius);border-top-right-radius:var(--drawer-border-radius);border-top-width:1px;box-shadow:var(--shadow-heavy-top);max-height:--spacing(100);width:100%}.drawer .header{align-items:center;border-bottom:1px solid var(--color-global-background-accent);display:flex;padding-bottom:var(--drawer-spacing)}.drawer .header .title{flex-grow:1;font-size:var(--text-lg)}.drawer .content{flex-grow:1;overflow-y:auto}
|
|
91
77
|
</style>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{@property --btn-background-color{syntax:"<color>";inherits:false;initial-value:transparent}.btn,.btn.default{--btn-border-width:2px;--btn-background-color:var(--color-background-scale-a);--btn-background-focus-color:var(--color-background-scale-c);--btn-border-color:var(--color-background-scale-g);--btn-bg-image-background-layer:linear-gradient(to right,var(--btn-background-color),var(--btn-background-color));--btn-bg-image-border-layer:linear-gradient(to right,var(--btn-border-color),var(--btn-border-color));--btn-bg-image-color-layer:linear-gradient(to right,var(--colorscale-resee-linear));--btn-background-image:var(--btn-bg-image-background-layer),var(--btn-bg-image-border-layer),var(--btn-bg-image-color-layer);@variant dark{--btn-bg-image-color-layer:linear-gradient(to right,var(--colorscale-resee-lite-linear))}}.btn.default.icon-only,.btn.icon-only{--btn-bg-image-color-layer:conic-gradient(from 0deg,var(--colorscale-resee-conic));@variant dark{--btn-bg-image-color-layer:conic-gradient(from 0deg,var(--colorscale-resee-lite-conic))}}.btn{background-clip:padding-box,border-box,border-box;background-image:var(--btn-background-image);background-origin:border-box;background-position:100% 100%;background-repeat:no-repeat;background-size:100%,100% 100%,100%;border:solid var(--btn-border-width) var(--btn-border-color);border-radius:var(--radius-full);cursor:pointer;padding:--spacing(1) --spacing(5);transition:box-shadow,background-size,--btn-background-color,border-color;transition-duration:.3s;transition-timing-function:ease-in-out}.btn:focus-visible{outline:none}.btn:where(:disabled,.disabled,[aria-disabled=true]):not(.loading){cursor:not-allowed;opacity:.4}.btn.borderless{background-clip:border-box;background-image:var(--btn-bg-image-background-layer);border:2px solid transparent}.btn.icon-only{line-height:1;padding:--spacing(2)}.btn.icon-only .label{display:none}.btn.small{font-size:var(--icon-size-small)}.btn.small.icon-only{padding:--spacing(1.75)}.btn.small:not(.icon-only){padding:--spacing(.5) --spacing(4)}.btn.large{font-size:var(--icon-size-large)}.btn.large.icon-only{padding:--spacing(1.5)}.btn.large:not(.icon-only){padding:--spacing(1.5) --spacing(6)}.btn.loading{cursor:progress}.btn:not(:disabled,.disabled,[aria-disabled=true],.loading):focus-visible,.btn:not(:disabled,.disabled,[aria-disabled=true],.loading):hover{--btn-background-color:var(--btn-background-focus-color);background-size:100%,0 100%,100%;border-color:transparent}.btn:not(:disabled,.disabled,[aria-disabled=true],.loading):focus-visible:not(.borderless),.btn:not(:disabled,.disabled,[aria-disabled=true],.loading):hover:not(.borderless){box-shadow:var(--shadow)}.btn{@variant max-md{&.responsive-grow{padding:.5rem;width:100%}&.responsive-shrink{line-height:1;padding:--spacing(2)}&.responsive-shrink :not(.icon){display:none}}}}
|
|
1
|
+
@layer components{@property --btn-background-color{syntax:"<color>";inherits:false;initial-value:transparent}.btn,.btn.default{--btn-border-width:2px;--btn-background-color:var(--color-background-scale-a);--btn-background-focus-color:var(--color-background-scale-c);--btn-border-color:var(--color-background-scale-g);--btn-bg-image-background-layer:linear-gradient(to right,var(--btn-background-color),var(--btn-background-color));--btn-bg-image-border-layer:linear-gradient(to right,var(--btn-border-color),var(--btn-border-color));--btn-bg-image-color-layer:linear-gradient(to right,var(--colorscale-resee-linear));--btn-background-image:var(--btn-bg-image-background-layer),var(--btn-bg-image-border-layer),var(--btn-bg-image-color-layer);@variant dark{--btn-bg-image-color-layer:linear-gradient(to right,var(--colorscale-resee-lite-linear))}}.btn.default.icon-only,.btn.icon-only{--btn-bg-image-color-layer:conic-gradient(from 0deg,var(--colorscale-resee-conic));@variant dark{--btn-bg-image-color-layer:conic-gradient(from 0deg,var(--colorscale-resee-lite-conic))}}.btn{background-clip:padding-box,border-box,border-box;background-image:var(--btn-background-image);background-origin:border-box;background-position:100% 100%;background-repeat:no-repeat;background-size:100%,100% 100%,100%;border:solid var(--btn-border-width) var(--btn-border-color);border-radius:var(--radius-full);cursor:pointer;display:inline-block;padding:--spacing(1) --spacing(5);text-align:center;transition:box-shadow,background-size,--btn-background-color,border-color;transition-duration:.3s;transition-timing-function:ease-in-out}.btn:focus-visible{outline:none}.btn:where(:disabled,.disabled,[aria-disabled=true]):not(.loading){cursor:not-allowed;opacity:.4}.btn.borderless{background-clip:border-box;background-image:var(--btn-bg-image-background-layer);border:2px solid transparent}.btn.icon-only{line-height:1;padding:--spacing(2)}.btn.icon-only .label{display:none}.btn.small{font-size:var(--icon-size-small)}.btn.small.icon-only{padding:--spacing(1.75)}.btn.small:not(.icon-only){padding:--spacing(.5) --spacing(4)}.btn.large{font-size:var(--icon-size-large)}.btn.large.icon-only{padding:--spacing(1.5)}.btn.large:not(.icon-only){padding:--spacing(1.5) --spacing(6)}.btn.loading{cursor:progress}.btn:not(:disabled,.disabled,[aria-disabled=true],.loading):focus-visible,.btn:not(:disabled,.disabled,[aria-disabled=true],.loading):hover{--btn-background-color:var(--btn-background-focus-color);background-size:100%,0 100%,100%;border-color:transparent}.btn:not(:disabled,.disabled,[aria-disabled=true],.loading):focus-visible:not(.borderless),.btn:not(:disabled,.disabled,[aria-disabled=true],.loading):hover:not(.borderless){box-shadow:var(--shadow)}.btn{@variant max-md{&.responsive-grow{padding:.5rem;width:100%}&.responsive-shrink{line-height:1;padding:--spacing(2)}&.responsive-shrink :not(.icon){display:none}}}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer utilities{.text-resee-linear-gradient,.text-resee-linear-step-gradient{-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}.text-resee-linear-gradient{background-image:linear-gradient(to left,var(--colorscale-resee-linear));@variant dark{background-image:linear-gradient(to left,var(--colorscale-resee-lite-linear))}}.text-resee-linear-step-gradient{background-image:linear-gradient(to left,var(--colorscale-resee-linear-step));@variant dark{background-image:linear-gradient(to left,var(--colorscale-resee-lite-linear-step))}}.resee-linear-gradient{background-image:linear-gradient(to left,var(--colorscale-resee-linear))}.resee-linear-step-gradient{background-image:linear-gradient(to left,var(--colorscale-resee-linear-step))}.resee-light-linear-gradient{background-image:linear-gradient(to left,var(--colorscale-resee-lite-linear))}.resee-light-linear-step-gradient{background-image:linear-gradient(to left,var(--colorscale-resee-lite-linear-step))}.resee-conic-gradient{background-image:conic-gradient(from 0deg,var(--colorscale-resee-conic))}.resee-light-conic-gradient{background-image:conic-gradient(from 0deg,var(--colorscale-resee-lite-conic))}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.tooltip{animation:show-tooltip calc(var(--default-transition-duration)*2) none var(--default-transition-timing-function);position:absolute}.tooltip .content{background:var(--color-invert-background-scale-c);border-radius:var(--radius-xs);color:var(--color-invert-global-foreground);line-height:0;padding:--spacing(3) --spacing(1.5);white-space:pre-line;word-break:
|
|
1
|
+
@layer components{.tooltip{animation:show-tooltip calc(var(--default-transition-duration)*2) none var(--default-transition-timing-function);padding:--spacing(4);position:absolute}.tooltip .content{background:var(--color-invert-background-scale-c);border-radius:var(--radius-xs);color:var(--color-invert-global-foreground);line-height:0;padding:--spacing(3) --spacing(1.5);white-space:pre-line;word-break:auto-phrase}.tooltip[data-p-position=top]{padding-bottom:--spacing(1);transform:translateY(--spacing(-1))}.tooltip[data-p-position=top]>.content{box-shadow:var(--shadow-heavy)}.tooltip[data-p-position=right]{padding-left:--spacing(1);transform:translateX(--spacing(1))}.tooltip[data-p-position=right]>.content{box-shadow:var(--shadow-heavy-left)}.tooltip[data-p-position=bottom]{padding-top:--spacing(1);transform:translateY(--spacing(1))}.tooltip[data-p-position=bottom]>.content{box-shadow:var(--shadow-heavy-top)}.tooltip[data-p-position=left]{padding-right:--spacing(1);transform:translateX(--spacing(-1))}.tooltip[data-p-position=left]>.content{box-shadow:var(--shadow-heavy-right)}.tooltip .arrow{border:solid transparent;height:0;position:absolute;width:0}.tooltip[data-p-position=left] .arrow,.tooltip[data-p-position=right] .arrow{border-bottom-width:--spacing(1);border-top-width:--spacing(1);margin-top:--spacing(-1)}.tooltip[data-p-position=bottom] .arrow,.tooltip[data-p-position=top] .arrow{border-left-width:--spacing(1);border-right-width:--spacing(1);margin-left:--spacing(-1)}.tooltip[data-p-position=top] .arrow{border-bottom-width:0;border-top-color:var(--color-invert-background-scale-c);border-top-width:--spacing(1)}.tooltip[data-p-position=right] .arrow{border-left-width:0;border-right-color:var(--color-invert-background-scale-c);border-right-width:--spacing(1)}.tooltip[data-p-position=bottom] .arrow{border-bottom-color:var(--color-invert-background-scale-c);border-bottom-width:--spacing(1);border-top-width:0}.tooltip[data-p-position=left] .arrow{border-left-color:var(--color-invert-background-scale-c);border-left-width:--spacing(1);border-right-width:0}@keyframes show-tooltip{0%{opacity:0}to{opacity:100%}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{:root{--typo-h6:clamp(var(--text-base),2.500vw,1.2rem);--typo-h5:clamp(var(--typo-h6),3.000vw,1.44rem);--typo-h4:clamp(var(--typo-h5),3.600vw,1.728rem);--typo-h3:clamp(var(--typo-h4),4.320vw,2.0736rem);--typo-h2:clamp(var(--typo-h3),5.184vw,2.4883rem);--typo-h1:clamp(var(--typo-h2),6.221vw,2.986rem);--typo-h1-hero:clamp(var(--typo-h1),9.331vw,4.479rem);--typo-p-hero:clamp(1.25rem,3.125vw,1.5rem)}.font-variant-small-caps{font-variant:small-caps}.icon-inline{align-items:center;display:inline-flex}.icon-inline:before{content:"";display:block}.prose-container,.prose-layout-container{margin-left:auto;margin-right:auto;max-width:var(--breakpoint-md);width:100%}.prose-container:first-child>:first-child,.prose:first-child>:first-child{margin-block-start:0}.prose :is(section:last-child,th,td,td ol,td ul,figure,figcaption,.grid>*)>:last-child,.prose-container :is(section:last-child,th,td,td ol,td ul,figure,figcaption,.grid>*)>:last-child,.prose-container:last-child>:last-child,.prose:last-child>:last-child{margin-block-end:0}:where(.h1,.h2,.h3,.h4,.h5,.h6).prose,:where(.prose-container,.prose) :where(h1,h2,h3,h4,h5,h6){margin-block-end:.4lh;margin-block-start:.9lh;text-wrap:pretty}:where(.p,.pre,.table,.ol,.ul,.img,.figure,.blockquote).prose,:where(.prose-container,.prose) :where(p,pre,table,ol,ul,img,figure,blockquote){margin-block-end:1lh;text-wrap:pretty}:where(.prose-container,.prose) hr+*{margin-block-start:0}:where(.prose-container,.prose) :has(+hr){margin-block-end:0}.hr,.prose hr,.prose-container hr{border-color:var(--color-global-
|
|
1
|
+
@layer components{:root{--typo-h6:clamp(var(--text-base),2.500vw,1.2rem);--typo-h5:clamp(var(--typo-h6),3.000vw,1.44rem);--typo-h4:clamp(var(--typo-h5),3.600vw,1.728rem);--typo-h3:clamp(var(--typo-h4),4.320vw,2.0736rem);--typo-h2:clamp(var(--typo-h3),5.184vw,2.4883rem);--typo-h1:clamp(var(--typo-h2),6.221vw,2.986rem);--typo-h1-hero:clamp(var(--typo-h1),9.331vw,4.479rem);--typo-p-hero:clamp(1.25rem,3.125vw,1.5rem)}.font-variant-small-caps{font-variant:small-caps}.icon-inline{align-items:center;display:inline-flex}.icon-inline:before{content:"";display:block}.prose-container,.prose-layout-container{margin-left:auto;margin-right:auto;max-width:var(--breakpoint-md);width:100%}.prose-container:first-child>:first-child,.prose:first-child>:first-child{margin-block-start:0}.prose :is(section:last-child,th,td,td ol,td ul,figure,figcaption,.grid>*)>:last-child,.prose-container :is(section:last-child,th,td,td ol,td ul,figure,figcaption,.grid>*)>:last-child,.prose-container:last-child>:last-child,.prose:last-child>:last-child{margin-block-end:0}:where(.h1,.h2,.h3,.h4,.h5,.h6).prose,:where(.prose-container,.prose) :where(h1,h2,h3,h4,h5,h6){margin-block-end:.4lh;margin-block-start:.9lh;text-wrap:pretty}:where(.p,.pre,.table,.ol,.ul,.img,.figure,.blockquote).prose,:where(.prose-container,.prose) :where(p,pre,table,ol,ul,img,figure,blockquote){margin-block-end:1lh;text-wrap:pretty}:where(.prose-container,.prose) hr+*{margin-block-start:0}:where(.prose-container,.prose) :has(+hr){margin-block-end:0}.hr,.prose hr,.prose-container hr{border-color:var(--color-global-background-accent);margin-block-end:1lh;margin-block-start:1lh}.h1,.prose h1,.prose-container h1{color:color-mix(in srgb-linear,var(--custom-accent-color) 40%,currentColor);font-size:var(--typo-h1);letter-spacing:.0025em;line-height:1.125}.h1.hero,.prose h1.hero,.prose-container h1.hero{font-size:var(--typo-h1-hero);line-height:1}.h2,.prose h2,.prose-container h2{font-size:var(--typo-h2);font-weight:var(--font-weight-extralight);letter-spacing:.0108em;line-height:1.1765}.h3,.prose h3,.prose-container h3{font-size:var(--typo-h3);font-weight:var(--font-weight-extralight);letter-spacing:.022em;line-height:1.2}.h4,.prose h4,.prose-container h4{font-size:var(--typo-h4);letter-spacing:.035em;line-height:1.25}.h5,.prose h5,.prose-container h5{font-size:var(--typo-h5);letter-spacing:.0532em;line-height:1.28}.h6,.prose h6,.prose-container h6{font-size:var(--typo-h6);letter-spacing:.0532em;line-height:1.28}.p,.prose p,.prose-container p{font-size:1rem;letter-spacing:.03em;line-height:1.5}.p.hero,.prose p.hero,.prose-container p.hero{font-size:var(--typo-p-hero);line-height:1.3}.note{color:var(--color-foreground-scale-g);font-size:.95rem!important;letter-spacing:.05rem!important;line-height:1.5!important}.code,.pre,.prose code,.prose pre,.prose-container code,.prose-container pre{border-radius:.25rem;color:var(--color-foreground-scale-e);font-family:monospace;font-size:.9rem;font-weight:bolder;outline:dashed 2px var(--color-background-scale-g);outline-offset:-2px;padding:.2rem .25rem;transition:color,outline-color;transition-duration:.15s}.code:hover,.pre:hover,.prose code:hover,.prose pre:hover,.prose-container code:hover,.prose-container pre:hover{color:var(--color-global-foreground)}.pre,.prose pre,.prose-container pre{padding:.5rem .75rem}.prose table,.prose-container table,.table{border-collapse:collapse}.prose table td,.prose table th,.prose-container table td,.prose-container table th,.table td,.table th{border:1px solid var(--color-background-scale-f);padding:.5rem;vertical-align:top}.prose table tr:nth-child(2n),.prose-container table tr:nth-child(2n),.table tr:nth-child(2n){background-color:var(--color-background-scale-a)}.prose table th,.prose-container table th,.table th{background-color:var(--color-background-scale-c);letter-spacing:.1em;text-align:start}.ol,.prose ol,.prose ul,.prose-container ol,.prose-container ul,.ul{list-style-type:disc;padding-inline-start:1.25rem}.ol li ol,.ol li ul,.prose ol li ol,.prose ol li ul,.prose ul li ol,.prose ul li ul,.prose-container ol li ol,.prose-container ol li ul,.prose-container ul li ol,.prose-container ul li ul,.ul li ol,.ul li ul{padding-inline-start:2rem}.ol li:not(:last-child) ol:not(p+ol),.ol li:not(:last-child) ul:not(p+ul),.prose ol li:not(:last-child) ol:not(p+ol),.prose ol li:not(:last-child) ul:not(p+ul),.prose ul li:not(:last-child) ol:not(p+ol),.prose ul li:not(:last-child) ul:not(p+ul),.prose-container ol li:not(:last-child) ol:not(p+ol),.prose-container ol li:not(:last-child) ul:not(p+ul),.prose-container ul li:not(:last-child) ol:not(p+ol),.prose-container ul li:not(:last-child) ul:not(p+ul),.ul li:not(:last-child) ol:not(p+ol),.ul li:not(:last-child) ul:not(p+ul){margin-block-end:0}.ol,.prose ol,.prose-container ol{counter-reset:item;list-style-type:none}.ol>li,.prose ol>li,.prose-container ol>li{counter-increment:item}.ol>li::marker,.prose ol>li::marker,.prose-container ol>li::marker{content:counters(item,".") ". "}.img,.prose img,.prose-container img{border:2px solid var(--color-background-scale-e);border-radius:.25rem;margin-left:auto;margin-right:auto;max-height:450px;width:auto}.figure,.prose figure,.prose-container figure{display:table;margin-left:auto;margin-right:auto}.figure img,.prose figure img,.prose-container figure img{display:block;margin:0}.figure img:has(+figcaption),.prose figure img:has(+figcaption),.prose-container figure img:has(+figcaption){border-bottom-left-radius:0;border-bottom-right-radius:0}.figure figcaption,.prose figure figcaption,.prose-container figure figcaption{background-color:var(--color-background-scale-e);border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;caption-side:bottom;display:table-caption;font-size:.85rem;padding:.5rem;text-align:center}.figure figcaption>*,.prose figure figcaption>*,.prose-container figure figcaption>*{font-size:.85rem}.blockquote,.prose blockquote,.prose-container blockquote{background-color:var(--color-background-scale-b);border-radius:.25rem;font-family:serif;font-size:1.1rem;padding:.25rem .75rem}.prose-numbering-2,.prose-numbering-3,.prose-numbering-4,.prose-numbering-5,.prose-numbering-6{counter-reset:l1}:where(.prose-numbering-2,.prose-numbering-3,.prose-numbering-4,.prose-numbering-5,.prose-numbering-6) h2{counter-reset:l2}:where(.prose-numbering-2,.prose-numbering-3,.prose-numbering-4,.prose-numbering-5,.prose-numbering-6) h2:before{content:counter(l1) ". ";counter-increment:l1}:where(.prose-numbering-3,.prose-numbering-4,.prose-numbering-5,.prose-numbering-6) h3{counter-reset:l3}:where(.prose-numbering-3,.prose-numbering-4,.prose-numbering-5,.prose-numbering-6) h3:before{content:counter(l1) "." counter(l2) ". ";counter-increment:l2}:where(.prose-numbering-4,.prose-numbering-5,.prose-numbering-6) h4{counter-reset:l4}:where(.prose-numbering-4,.prose-numbering-5,.prose-numbering-6) h4:before{content:counter(l1) "." counter(l2) "." counter(l3) ". ";counter-increment:l3}:where(.prose-numbering-5,.prose-numbering-6) h5{counter-reset:l5}:where(.prose-numbering-5,.prose-numbering-6) h5:before{content:counter(l1) "." counter(l2) "." counter(l3) "." counter(l4) ". ";counter-increment:l4}.prose-numbering-6 h6{counter-reset:l6}.prose-numbering-6 h6:before{content:counter(l1) "." counter(l2) "." counter(l3) "." counter(l4) "." counter(l5) ". ";counter-increment:l5}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@utility content-zero-width{content:var(--zero-width-space)}@utility occlude-background{backdrop-filter:blur(var(--blur-xs));background-color:--alpha(var(--color-black)/60%);transition-duration:calc(var(--default-transition-duration)*3);transition-property:background-color,backdrop-filter;&:has(>[class*=-enter-from],>[class*=-leave-active],>[class*=-leave-to]){backdrop-filter:blur(0);background-color:transparent}
|
|
1
|
+
@utility content-zero-width{content:var(--zero-width-space)}@utility occlude-background{backdrop-filter:blur(var(--blur-xs));background-color:--alpha(var(--color-black)/60%);transition-duration:calc(var(--default-transition-duration)*3);transition-property:background-color,backdrop-filter;&:has(>[class*=-enter-from],>[class*=-leave-active],>[class*=-leave-to]){backdrop-filter:blur(0);background-color:transparent}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import "./brand/anchor.css";@import "./brand/application.css";@import "./brand/button.css";@import "./brand/status.css";@import "./brand/theme.css";@import "./brand/tooltip.css";@import "./brand/transition.css";@import "./brand/typography.css";@import "./brand/utilities.css";
|
|
1
|
+
@import "./brand/anchor.css";@import "./brand/application.css";@import "./brand/button.css";@import "./brand/gradient.css";@import "./brand/status.css";@import "./brand/theme.css";@import "./brand/tooltip.css";@import "./brand/transition.css";@import "./brand/typography.css";@import "./brand/utilities.css";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@resee-movies/nuxt-ux",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.3",
|
|
4
4
|
"description": "The next-gen user experience library for ReSee Movies - currently in development. ",
|
|
5
5
|
"repository": {
|
|
6
6
|
"url": "https://github.com/ReSee-Movies/nuxt-ux.git"
|
|
@@ -13,9 +13,6 @@
|
|
|
13
13
|
"types": "./dist/types.d.mts",
|
|
14
14
|
"import": "./dist/module.mjs"
|
|
15
15
|
},
|
|
16
|
-
"./config": {
|
|
17
|
-
"import": "./dist/runtime/config.js"
|
|
18
|
-
},
|
|
19
16
|
"./components/*": {
|
|
20
17
|
"import": "./dist/runtime/components/*"
|
|
21
18
|
},
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<Button
|
|
3
|
-
:is = "LinkComponent"
|
|
4
|
-
:to = "props.to"
|
|
5
|
-
:variant = "props.variant"
|
|
6
|
-
:target = "props.target ?? (props.external ? '_blank' : void 0)"
|
|
7
|
-
:class = "{ 'no-underline': !props.underline }"
|
|
8
|
-
:spacing = "props.spacing"
|
|
9
|
-
>
|
|
10
|
-
<slot />
|
|
11
|
-
</Button>
|
|
12
|
-
</template>
|
|
13
|
-
|
|
14
|
-
<script>
|
|
15
|
-
|
|
16
|
-
</script>
|
|
17
|
-
|
|
18
|
-
<script setup>
|
|
19
|
-
import { resolveComponent } from "vue";
|
|
20
|
-
import { getReseeUxConstant } from "../config";
|
|
21
|
-
import Button from "./Button.vue";
|
|
22
|
-
const LinkComponent = getReseeUxConstant("UiLinkBaseComponent") ?? resolveComponent("NuxtLink");
|
|
23
|
-
const props = defineProps({
|
|
24
|
-
to: { type: null, required: true },
|
|
25
|
-
external: { type: Boolean, required: false, default: false },
|
|
26
|
-
target: { type: String, required: false, default: void 0 },
|
|
27
|
-
underline: { type: Boolean, required: false, default: true },
|
|
28
|
-
variant: { type: String, required: false, default: "a" },
|
|
29
|
-
spacing: { type: String, required: false, default: "normal" }
|
|
30
|
-
});
|
|
31
|
-
</script>
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import type { RouteLocationRaw } from 'vue-router';
|
|
2
|
-
import type { ButtonProps } from './Button.vue.js';
|
|
3
|
-
export interface LinkProps extends /* @vue-ignore */ Omit<ButtonProps, 'bordered' | 'variant' | 'spacing'> {
|
|
4
|
-
to: RouteLocationRaw;
|
|
5
|
-
external?: boolean;
|
|
6
|
-
target?: '_blank' | '_parent' | '_self' | '_top';
|
|
7
|
-
underline?: boolean;
|
|
8
|
-
variant?: ButtonProps['variant'];
|
|
9
|
-
spacing?: ButtonProps['spacing'];
|
|
10
|
-
}
|
|
11
|
-
declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
|
|
12
|
-
target: "_blank" | "_parent" | "_self" | "_top";
|
|
13
|
-
spacing: "wide" | "normal";
|
|
14
|
-
variant: "a" | "btn";
|
|
15
|
-
external: boolean;
|
|
16
|
-
underline: boolean;
|
|
17
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
|
|
18
|
-
default?: (props: {}) => any;
|
|
19
|
-
}>;
|
|
20
|
-
declare const _default: typeof __VLS_export;
|
|
21
|
-
export default _default;
|
|
22
|
-
type __VLS_WithSlots<T, S> = T & {
|
|
23
|
-
new (): {
|
|
24
|
-
$slots: S;
|
|
25
|
-
};
|
|
26
|
-
};
|
package/dist/runtime/config.d.ts
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { type Component } from 'vue';
|
|
2
|
-
/**
|
|
3
|
-
* Runtime constants can be set once and then used throughout this package.
|
|
4
|
-
*/
|
|
5
|
-
export type ReseeUxRuntimeConstants = {
|
|
6
|
-
UiLinkBaseComponent?: Component;
|
|
7
|
-
};
|
|
8
|
-
export type ConstantsKey = keyof ReseeUxRuntimeConstants;
|
|
9
|
-
export type ConstantsValue<K extends ConstantsKey> = ReseeUxRuntimeConstants[K];
|
|
10
|
-
/**
|
|
11
|
-
* Set one or more ReSee UX package global constants.
|
|
12
|
-
*/
|
|
13
|
-
export declare function setReseeUxConstant(values: Partial<ReseeUxRuntimeConstants>): void;
|
|
14
|
-
export declare function setReseeUxConstant<K extends ConstantsKey>(key: K, value: ConstantsValue<K>): void;
|
|
15
|
-
/**
|
|
16
|
-
* Retrieve a ReSee UX package global constant.
|
|
17
|
-
*/
|
|
18
|
-
export declare function getReseeUxConstant<K extends ConstantsKey>(key: K): ConstantsValue<K>;
|
package/dist/runtime/config.js
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { isObjectLike } from "@resee-movies/utilities/objects/is-object-like";
|
|
2
|
-
const RuntimeConstants = {
|
|
3
|
-
UiLinkBaseComponent: void 0
|
|
4
|
-
};
|
|
5
|
-
export function setReseeUxConstant(keyOrObject, valueOrUndef) {
|
|
6
|
-
if (isObjectLike(keyOrObject)) {
|
|
7
|
-
Object.assign(RuntimeConstants, keyOrObject);
|
|
8
|
-
} else if (valueOrUndef) {
|
|
9
|
-
RuntimeConstants[keyOrObject] = valueOrUndef;
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
export function getReseeUxConstant(key) {
|
|
13
|
-
return RuntimeConstants[key];
|
|
14
|
-
}
|