@resee-movies/nuxt-ux 0.2.2 → 0.2.4
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/module.mjs +7 -1
- package/dist/runtime/components/Button.vue +1 -1
- package/dist/runtime/components/Dialog.vue +7 -5
- package/dist/runtime/components/Dialog.vue.d.ts +4 -0
- package/dist/runtime/components/Drawer.vue +29 -43
- package/dist/runtime/components/Icon.vue +2 -2
- package/dist/runtime/components/ProgressSpinner.vue.d.ts +9 -0
- package/dist/runtime/theme/css/brand/anchor.css +1 -1
- package/dist/runtime/theme/css/brand/button.css +1 -1
- 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/package.json +1 -1
- package/dist/runtime/components/LoadingIndicator.vue.d.ts +0 -9
- /package/dist/runtime/components/{LoadingIndicator.vue → ProgressSpinner.vue} +0 -0
package/dist/module.json
CHANGED
package/dist/module.mjs
CHANGED
|
@@ -140,7 +140,13 @@ function importModules(nuxt) {
|
|
|
140
140
|
from: "#resee-movies-nuxt-ux-primevue-passthrough"
|
|
141
141
|
},
|
|
142
142
|
options: {
|
|
143
|
-
unstyled: true
|
|
143
|
+
unstyled: true,
|
|
144
|
+
zIndex: {
|
|
145
|
+
overlay: 800,
|
|
146
|
+
modal: 850,
|
|
147
|
+
menu: 900,
|
|
148
|
+
tooltip: 1e3
|
|
149
|
+
}
|
|
144
150
|
},
|
|
145
151
|
composables: {
|
|
146
152
|
include: ["usePrimeVue", "useToast"]
|
|
@@ -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')"
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
:footer = "props.footer"
|
|
11
11
|
:dismissable-mask = "props.dismissableMask"
|
|
12
12
|
:position = "props.position"
|
|
13
|
-
:class = "['dialog', dialogWidth]"
|
|
13
|
+
:class = "['dialog', dialogWidth, { 'dialog-styles': props.showModalStyle }]"
|
|
14
14
|
:content-class = "props.contentClass"
|
|
15
15
|
:pt = "passthroughProps"
|
|
16
16
|
:aria-labelledby = "dialogLabelledBy"
|
|
@@ -45,6 +45,8 @@ import CloseButton from "./CloseButton.vue";
|
|
|
45
45
|
const props = defineProps({
|
|
46
46
|
size: { type: String, required: false, default: "md" },
|
|
47
47
|
showHeaderText: { type: Boolean, required: false, default: true },
|
|
48
|
+
showHeaderStyle: { type: Boolean, required: false, default: true },
|
|
49
|
+
showModalStyle: { type: Boolean, required: false, default: true },
|
|
48
50
|
header: { type: null, required: false },
|
|
49
51
|
footer: { type: null, required: false },
|
|
50
52
|
visible: { type: Boolean, required: false, skipCheck: true },
|
|
@@ -100,9 +102,9 @@ const dialogLabelledBy = computed(() => {
|
|
|
100
102
|
});
|
|
101
103
|
const passthroughProps = computed(() => {
|
|
102
104
|
return {
|
|
103
|
-
header: {
|
|
104
|
-
class: "header"
|
|
105
|
-
},
|
|
105
|
+
header: () => ({
|
|
106
|
+
class: ["header", { "header-styles": props.showHeaderStyle }]
|
|
107
|
+
}),
|
|
106
108
|
content: {
|
|
107
109
|
class: "content"
|
|
108
110
|
},
|
|
@@ -117,5 +119,5 @@ const passthroughProps = computed(() => {
|
|
|
117
119
|
</script>
|
|
118
120
|
|
|
119
121
|
<style>
|
|
120
|
-
@reference "tailwindcss";.dialog{background-color:var(--color-global-background);border:1px solid var(--color-global-background-accent);border-radius:var(--radius-md);height:calc(100% - --spacing(4));
|
|
122
|
+
@reference "tailwindcss";.dialog{margin:--spacing(2);width:100%}.dialog .header{align-items:center;display:flex;gap:--spacing(3);padding-bottom:--spacing(3)}.dialog .header .title{flex-grow:1;font-size:var(--text-lg)}.dialog .content{overflow-y:auto}.dialog.dialog-styles{background-color:var(--color-global-background);border:1px solid var(--color-global-background-accent);border-radius:var(--radius-md);height:calc(100% - --spacing(4));overflow:clip;@variant sm{box-shadow:var(--shadow-heavy);height:auto}}.dialog.dialog-styles .header{margin-inline:--spacing(3);margin-top:--spacing(3)}.dialog.dialog-styles .header.header-styles{border-bottom:1px solid var(--color-global-background-accent)}.dialog.dialog-styles .content{padding:--spacing(3)}
|
|
121
123
|
</style>
|
|
@@ -2,6 +2,8 @@ import type { DialogProps as PrimeDialogProps } from 'primevue';
|
|
|
2
2
|
export interface DialogProps extends PrimeDialogProps {
|
|
3
3
|
size?: 'xxs' | 'xs' | 'sm' | 'md' | 'lg';
|
|
4
4
|
showHeaderText?: boolean;
|
|
5
|
+
showHeaderStyle?: boolean;
|
|
6
|
+
showModalStyle?: boolean;
|
|
5
7
|
}
|
|
6
8
|
declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<DialogProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
7
9
|
"update:visible": (visible: boolean) => any;
|
|
@@ -10,6 +12,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Dialog
|
|
|
10
12
|
}>, {
|
|
11
13
|
size: "xxs" | "xs" | "sm" | "md" | "lg";
|
|
12
14
|
showHeaderText: boolean;
|
|
15
|
+
showHeaderStyle: boolean;
|
|
16
|
+
showModalStyle: boolean;
|
|
13
17
|
modal: boolean;
|
|
14
18
|
contentClass: any;
|
|
15
19
|
closable: boolean;
|
|
@@ -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,6 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<Transition name="fade" mode="out-in">
|
|
3
|
-
<
|
|
3
|
+
<ProgressSpinner v-if="props.loading" :size="props.size" class="icon" />
|
|
4
4
|
<span v-else role="presentation" :class="['icon', props.name, props.size, { 'color-cycle': props.colorCycle }]" />
|
|
5
5
|
</Transition>
|
|
6
6
|
</template>
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
</script>
|
|
11
11
|
|
|
12
12
|
<script setup>
|
|
13
|
-
import
|
|
13
|
+
import ProgressSpinner from "./ProgressSpinner.vue";
|
|
14
14
|
const props = defineProps({
|
|
15
15
|
name: { type: String, required: false, default: void 0 },
|
|
16
16
|
loading: { type: Boolean, required: false, default: false },
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { IconProps } from './Icon.vue.js';
|
|
2
|
+
export interface ProgressSpinnerProps {
|
|
3
|
+
size?: IconProps['size'];
|
|
4
|
+
}
|
|
5
|
+
declare const __VLS_export: import("vue").DefineComponent<ProgressSpinnerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProgressSpinnerProps> & Readonly<{}>, {
|
|
6
|
+
size: "sm" | "md" | "lg" | "xl";
|
|
7
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
8
|
+
declare const _default: typeof __VLS_export;
|
|
9
|
+
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{@property --a-underline-mask-stop{syntax:"<percentage>";inherits:false;initial-value:0%}.a,.a.default{--a-underline-mask-stop:0%;--default-underline:var(--color-background-scale-g);--default-underline-emphasis:var(--colorscale-resee-linear);--default-color:currentColor;--default-color-emphasis:currentColor;--accent-underline-base:var(--custom-accent-color,var(--default-underline));--accent-underline-mixed:color-mix(in srgb-linear,var(--accent-underline-base) 15%,var(--default-underline));--accent-underline-emphasis:var(--custom-accent-color,var(--default-underline-emphasis));--accent-color-base:var(--custom-accent-color,var(--default-color));--accent-color-mixed:color-mix(in srgb-linear,var(--accent-color-base) 30%,var(--default-color));--accent-color-emphasis-base:var(--custom-accent-color,var(--default-color-emphasis));--accent-color-emphasis-mixed:color-mix(in srgb-linear,var(--accent-color-emphasis-base) 60%,var(--default-color-emphasis));@variant dark{--default-underline-emphasis:var(--colorscale-resee-lite-linear)}background-image:linear-gradient(to right,var(--accent-underline-mixed),var(--accent-underline-mixed)),linear-gradient(to right,var(--accent-underline-emphasis),var(--accent-underline-emphasis));background-position:100% 100%,0 100%;background-repeat:no-repeat;background-size:100% 1px,100% 1px;-webkit-box-decoration-break:slice;box-decoration-break:slice;color:var(--accent-color-mixed);font-weight:var(--font-weight-semibold);transition:color,background-size,--a-underline-mask-stop;transition-duration:.3s;transition-timing-function:ease-out}.a.default.small,.a.small{font-size:.875rem;line-height:1.25rem}.a.default:focus-visible,.a:focus-visible{outline:none}.a.default:not(:disabled,.disabled,[aria-disabled=true]):focus,.a.default:not(:disabled,.disabled,[aria-disabled=true]):hover,.a:not(:disabled,.disabled,[aria-disabled=true]):focus,.a:not(:disabled,.disabled,[aria-disabled=true]):hover{--a-underline-mask-stop:100%;background-size:0 1px,100% 1px;color:var(--accent-color-emphasis-mixed)}.a.default.no-underline,.a.no-underline{font-weight:var(--font-weight-medium);-webkit-mask-image:linear-gradient(to right,#fff,#fff),linear-gradient(to right,#fff 0 var(--a-underline-mask-stop),transparent var(--a-underline-mask-stop) 100%);mask-image:linear-gradient(to right,#fff,#fff),linear-gradient(to right,#fff 0 var(--a-underline-mask-stop),transparent var(--a-underline-mask-stop) 100%);-webkit-mask-position:top left,bottom left;mask-position:top left,bottom left;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% calc(100% - 1px),100% 1px;mask-size:100% calc(100% - 1px),100% 1px}}
|
|
1
|
+
@layer components{@property --a-underline-mask-stop{syntax:"<percentage>";inherits:false;initial-value:0%}.a,.a.default,.prose a,.prose-container a{--a-underline-mask-stop:0%;--default-underline:var(--color-background-scale-g);--default-underline-emphasis:var(--colorscale-resee-linear);--default-color:currentColor;--default-color-emphasis:currentColor;--accent-underline-base:var(--custom-accent-color,var(--default-underline));--accent-underline-mixed:color-mix(in srgb-linear,var(--accent-underline-base) 15%,var(--default-underline));--accent-underline-emphasis:var(--custom-accent-color,var(--default-underline-emphasis));--accent-color-base:var(--custom-accent-color,var(--default-color));--accent-color-mixed:color-mix(in srgb-linear,var(--accent-color-base) 30%,var(--default-color));--accent-color-emphasis-base:var(--custom-accent-color,var(--default-color-emphasis));--accent-color-emphasis-mixed:color-mix(in srgb-linear,var(--accent-color-emphasis-base) 60%,var(--default-color-emphasis));@variant dark{--default-underline-emphasis:var(--colorscale-resee-lite-linear)}background-image:linear-gradient(to right,var(--accent-underline-mixed),var(--accent-underline-mixed)),linear-gradient(to right,var(--accent-underline-emphasis),var(--accent-underline-emphasis));background-position:100% 100%,0 100%;background-repeat:no-repeat;background-size:100% 1px,100% 1px;-webkit-box-decoration-break:slice;box-decoration-break:slice;color:var(--accent-color-mixed);font-weight:var(--font-weight-semibold);transition:color,background-size,--a-underline-mask-stop;transition-duration:.3s;transition-timing-function:ease-out}.a.default.small,.a.small,.prose a.small,.prose-container a.small{font-size:.875rem;line-height:1.25rem}.a.default:focus-visible,.a:focus-visible,.prose a:focus-visible,.prose-container a:focus-visible{outline:none}.a.default:not(:disabled,.disabled,[aria-disabled=true]):focus,.a.default:not(:disabled,.disabled,[aria-disabled=true]):hover,.a:not(:disabled,.disabled,[aria-disabled=true]):focus,.a:not(:disabled,.disabled,[aria-disabled=true]):hover,.prose a:not(:disabled,.disabled,[aria-disabled=true]):focus,.prose a:not(:disabled,.disabled,[aria-disabled=true]):hover,.prose-container a:not(:disabled,.disabled,[aria-disabled=true]):focus,.prose-container a:not(:disabled,.disabled,[aria-disabled=true]):hover{--a-underline-mask-stop:100%;background-size:0 1px,100% 1px;color:var(--accent-color-emphasis-mixed)}.a.default.no-underline,.a.no-underline,.prose a.no-underline,.prose-container a.no-underline{font-weight:var(--font-weight-medium);-webkit-mask-image:linear-gradient(to right,#fff,#fff),linear-gradient(to right,#fff 0 var(--a-underline-mask-stop),transparent var(--a-underline-mask-stop) 100%);mask-image:linear-gradient(to right,#fff,#fff),linear-gradient(to right,#fff 0 var(--a-underline-mask-stop),transparent var(--a-underline-mask-stop) 100%);-webkit-mask-position:top left,bottom left;mask-position:top left,bottom left;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% calc(100% - 1px),100% 1px;mask-size:100% calc(100% - 1px),100% 1px}}
|
|
@@ -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);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}}}}
|
|
1
|
+
@layer components{@property --btn-background-color{syntax:"<color>";inherits:false;initial-value:transparent}.btn,.btn.default,.prose button,.prose-container button{--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,.prose button.icon-only,.prose-container button.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,.prose button,.prose-container button{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,.prose button:focus-visible,.prose-container button:focus-visible{outline:none}.btn:where(:disabled,.disabled,[aria-disabled=true]):not(.loading),.prose button:where(:disabled,.disabled,[aria-disabled=true]):not(.loading),.prose-container button:where(:disabled,.disabled,[aria-disabled=true]):not(.loading){cursor:not-allowed;opacity:.4}.btn.borderless,.prose button.borderless,.prose-container button.borderless{background-clip:border-box;background-image:var(--btn-bg-image-background-layer);border:2px solid transparent}.btn.icon-only,.prose button.icon-only,.prose-container button.icon-only{line-height:1;padding:--spacing(2)}.btn.icon-only .label,.prose button.icon-only .label,.prose-container button.icon-only .label{display:none}.btn.small,.prose button.small,.prose-container button.small{font-size:var(--icon-size-small)}.btn.small.icon-only,.prose button.small.icon-only,.prose-container button.small.icon-only{padding:--spacing(1.75)}.btn.small:not(.icon-only),.prose button.small:not(.icon-only),.prose-container button.small:not(.icon-only){padding:--spacing(.5) --spacing(4)}.btn.large,.prose button.large,.prose-container button.large{font-size:var(--icon-size-large)}.btn.large.icon-only,.prose button.large.icon-only,.prose-container button.large.icon-only{padding:--spacing(1.5)}.btn.large:not(.icon-only),.prose button.large:not(.icon-only),.prose-container button.large:not(.icon-only){padding:--spacing(1.5) --spacing(6)}.btn.loading,.prose button.loading,.prose-container button.loading{cursor:progress}.btn:not(:disabled,.disabled,[aria-disabled=true],.loading):focus-visible,.btn:not(:disabled,.disabled,[aria-disabled=true],.loading):hover,.prose button:not(:disabled,.disabled,[aria-disabled=true],.loading):focus-visible,.prose button:not(:disabled,.disabled,[aria-disabled=true],.loading):hover,.prose-container button:not(:disabled,.disabled,[aria-disabled=true],.loading):focus-visible,.prose-container button: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),.prose button:not(:disabled,.disabled,[aria-disabled=true],.loading):focus-visible:not(.borderless),.prose button:not(:disabled,.disabled,[aria-disabled=true],.loading):hover:not(.borderless),.prose-container button:not(:disabled,.disabled,[aria-disabled=true],.loading):focus-visible:not(.borderless),.prose-container button:not(:disabled,.disabled,[aria-disabled=true],.loading):hover:not(.borderless){box-shadow:var(--shadow)}.btn,.prose button,.prose-container button{@variant max-md{&.responsive-grow{padding:.5rem;width:100%}&.responsive-shrink{line-height:1;padding:--spacing(2)}&.responsive-shrink :not(.icon){display:none}}}}
|
|
@@ -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:auto-phrase}.tooltip[data-p-position=
|
|
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}}
|
package/package.json
CHANGED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { IconProps } from './Icon.vue.js';
|
|
2
|
-
export interface LoadingIndicatorProps {
|
|
3
|
-
size?: IconProps['size'];
|
|
4
|
-
}
|
|
5
|
-
declare const __VLS_export: import("vue").DefineComponent<LoadingIndicatorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LoadingIndicatorProps> & Readonly<{}>, {
|
|
6
|
-
size: "sm" | "md" | "lg" | "xl";
|
|
7
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
8
|
-
declare const _default: typeof __VLS_export;
|
|
9
|
-
export default _default;
|
|
File without changes
|