@resee-movies/nuxt-ux 0.2.1 → 0.2.2

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@resee-movies/nuxt-ux",
   "configKey": "ux",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.0"

package/dist/runtime/theme/css/brand/button.css

@@ -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}}}}
+@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}}}}

package/dist/runtime/theme/css/brand/gradient.css

@@ -0,0 +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))}}

package/dist/runtime/theme/css/brand/tooltip.css

@@ -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:break-word}.tooltip[data-p-position=left],.tooltip[data-p-position=right]{padding:0 --spacing(1)}.tooltip[data-p-position=bottom],.tooltip[data-p-position=top]{padding:--spacing(1) 0}.tooltip[data-p-position=top]{box-shadow:var(--shadow-heavy);transform:translateY(--spacing(-1))}.tooltip[data-p-position=right]{box-shadow:var(--shadow-heavy-left);transform:translateX(--spacing(1))}.tooltip[data-p-position=bottom]{box-shadow:var(--shadow-heavy-top);transform:translateY(--spacing(1))}.tooltip[data-p-position=left]{box-shadow:var(--shadow-heavy-right);transform:translateX(--spacing(-1))}.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%}}}
+@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=left],.tooltip[data-p-position=right]{padding:0 --spacing(1)}.tooltip[data-p-position=bottom],.tooltip[data-p-position=top]{padding:--spacing(1) 0}.tooltip[data-p-position=top]{box-shadow:var(--shadow-heavy);transform:translateY(--spacing(-1))}.tooltip[data-p-position=right]{box-shadow:var(--shadow-heavy-left);transform:translateX(--spacing(1))}.tooltip[data-p-position=bottom]{box-shadow:var(--shadow-heavy-top);transform:translateY(--spacing(1))}.tooltip[data-p-position=left]{box-shadow:var(--shadow-heavy-right);transform:translateX(--spacing(-1))}.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%}}}

package/dist/runtime/theme/css/styles.css

@@ -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";
+@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

@@ -1,6 +1,6 @@
 {
   "name": "@resee-movies/nuxt-ux",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "The next-gen user experience library for ReSee Movies - currently in development. ",
   "repository": {
     "url": "https://github.com/ReSee-Movies/nuxt-ux.git"
@@ -13,9 +13,6 @@
       "types": "./dist/types.d.mts",
       "import": "./dist/module.mjs"
     },
-    "./config": {
-      "import": "./dist/runtime/config.js"
-    },
     "./components/*": {
       "import": "./dist/runtime/components/*"
     },

package/dist/runtime/components/Link.vue

@@ -1,31 +0,0 @@
-<template>
-  <Button
-    :is      = "LinkComponent"
-    :to      = "props.to"
-    :variant = "props.variant"
-    :target  = "props.target ?? (props.external ? '_blank' : void 0)"
-    :class   = "{ 'no-underline': !props.underline }"
-    :spacing = "props.spacing"
-  >
-    <slot />
-  </Button>
-</template>
-
-<script>
-
-</script>
-
-<script setup>
-import { resolveComponent } from "vue";
-import { getReseeUxConstant } from "../config";
-import Button from "./Button.vue";
-const LinkComponent = getReseeUxConstant("UiLinkBaseComponent") ?? resolveComponent("NuxtLink");
-const props = defineProps({
-  to: { type: null, required: true },
-  external: { type: Boolean, required: false, default: false },
-  target: { type: String, required: false, default: void 0 },
-  underline: { type: Boolean, required: false, default: true },
-  variant: { type: String, required: false, default: "a" },
-  spacing: { type: String, required: false, default: "normal" }
-});
-</script>

package/dist/runtime/components/Link.vue.d.ts

@@ -1,26 +0,0 @@
-import type { RouteLocationRaw } from 'vue-router';
-import type { ButtonProps } from './Button.vue.js';
-export interface LinkProps extends /* @vue-ignore */ Omit<ButtonProps, 'bordered' | 'variant' | 'spacing'> {
-    to: RouteLocationRaw;
-    external?: boolean;
-    target?: '_blank' | '_parent' | '_self' | '_top';
-    underline?: boolean;
-    variant?: ButtonProps['variant'];
-    spacing?: ButtonProps['spacing'];
-}
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
-    target: "_blank" | "_parent" | "_self" | "_top";
-    spacing: "wide" | "normal";
-    variant: "a" | "btn";
-    external: boolean;
-    underline: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: (props: {}) => any;
-}>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/runtime/config.d.ts

@@ -1,18 +0,0 @@
-import { type Component } from 'vue';
-/**
- * Runtime constants can be set once and then used throughout this package.
- */
-export type ReseeUxRuntimeConstants = {
-    UiLinkBaseComponent?: Component;
-};
-export type ConstantsKey = keyof ReseeUxRuntimeConstants;
-export type ConstantsValue<K extends ConstantsKey> = ReseeUxRuntimeConstants[K];
-/**
- * Set one or more ReSee UX package global constants.
- */
-export declare function setReseeUxConstant(values: Partial<ReseeUxRuntimeConstants>): void;
-export declare function setReseeUxConstant<K extends ConstantsKey>(key: K, value: ConstantsValue<K>): void;
-/**
- * Retrieve a ReSee UX package global constant.
- */
-export declare function getReseeUxConstant<K extends ConstantsKey>(key: K): ConstantsValue<K>;

package/dist/runtime/config.js

@@ -1,14 +0,0 @@
-import { isObjectLike } from "@resee-movies/utilities/objects/is-object-like";
-const RuntimeConstants = {
-  UiLinkBaseComponent: void 0
-};
-export function setReseeUxConstant(keyOrObject, valueOrUndef) {
-  if (isObjectLike(keyOrObject)) {
-    Object.assign(RuntimeConstants, keyOrObject);
-  } else if (valueOrUndef) {
-    RuntimeConstants[keyOrObject] = valueOrUndef;
-  }
-}
-export function getReseeUxConstant(key) {
-  return RuntimeConstants[key];
-}