vueless 0.0.674 → 0.0.676

package/ui.image-icon/UIcon.vue

@@ -2,7 +2,6 @@
 import { computed, defineAsyncComponent } from "vue";
 
 import useUI from "../composables/useUI.ts";
-import { vTooltip } from "../directives";
 import { getDefaults } from "../utils/ui.ts";
 import { isSSR } from "../utils/helper.ts";
 import { VUELESS_ICONS_CACHED_DIR, VUELESS_LIBRARY } from "../constants.js";
@@ -12,13 +11,11 @@ import defaultConfig from "./config.ts";
 
 import type { AsyncComponentLoader } from "vue";
 import type { Props, Config, IconLibraries } from "./types.ts";
-import type { Props as TippyProps, Instance as TippyInstance } from "tippy.js";
 
 defineOptions({ inheritAttrs: false });
 
 const props = withDefaults(defineProps<Props>(), {
   ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
-  tooltipSettings: () => ({}) as TippyProps,
 });
 
 const emit = defineEmits([
@@ -128,18 +125,6 @@ const dynamicComponent = computed(() => {
   return defineAsyncComponent(libraries[library] as AsyncComponentLoader);
 });
 
-const tooltipConfig = computed(() => ({
-  ...props.tooltipSettings,
-  content: props.tooltip,
-  onShow: (instance: TippyInstance) => {
-    const userOnShow = props.tooltipSettings?.onShow;
-
-    userOnShow && userOnShow(instance);
-
-    return !!props.tooltip;
-  },
-}));
-
 function onClick(event: MouseEvent) {
   emit("click", event);
 }
@@ -148,16 +133,15 @@ function onClick(event: MouseEvent) {
  * Get element / nested component attributes for each config token ✨
  * Applies: `class`, `config`, redefined default `props` and dev `vl-...` attributes.
  */
-const { config, iconAttrs } = useUI<Config>(defaultConfig);
+const { getDataTest, config, iconAttrs } = useUI<Config>(defaultConfig);
 </script>
 
 <template>
   <component
     :is="dynamicComponent"
-    v-tooltip="tooltipConfig"
     tabindex="-1"
     v-bind="iconAttrs"
-    :data-test="dataTest"
+    :data-test="getDataTest()"
     @click="onClick"
   />
 </template>

package/ui.image-icon/storybook/stories.ts

@@ -79,8 +79,5 @@ Sizes.args = { enum: "size" };
 export const Variants = EnumVariantTemplate.bind({});
 Variants.args = { enum: "variant", color: "red" };
 
-export const Tooltip = DefaultTemplate.bind({});
-Tooltip.args = { tooltip: "Some text" };
-
 export const Interactive = DefaultTemplate.bind({});
 Interactive.args = { interactive: true };

package/ui.image-icon/types.ts

@@ -3,7 +3,6 @@ import defaultConfig from "./config.ts";
 import type { DefineComponent, SVGAttributes } from "vue";
 
 import type { ComponentConfig } from "../types.ts";
-import type { Props as TippyProps } from "tippy.js";
 
 export type Config = typeof defaultConfig;
 
@@ -68,17 +67,6 @@ export interface Props {
    */
   interactive?: boolean;
 
-  /**
-   * Add tooltip text on hover.
-   */
-  tooltip?: string;
-
-  /**
-   * Tooltip settings.
-   * [See all settings here](https://kabbouchi.github.io/vue-tippy/4.0/features/placement.html).
-   */
-  tooltipSettings?: TippyProps;
-
   /**
    * Mark that Icon used inside Vueless components (used to get icons from vueless library).
    */
@@ -92,5 +80,5 @@ export interface Props {
   /**
    * Data-test attribute for automated testing.
    */
-  dataTest?: string;
+  dataTest?: string | null;
 }

package/ui.loader/types.ts

@@ -51,5 +51,5 @@ export interface Props {
   /**
    * Data-test attribute for automated testing.
    */
-  dataTest?: string;
+  dataTest?: string | null;
 }

package/ui.loader-overlay/types.ts

@@ -44,5 +44,5 @@ export interface Props {
   /**
    * Data-test attribute for automated testing.
    */
-  dataTest?: string;
+  dataTest?: string | null;
 }

package/ui.loader-progress/types.ts

@@ -53,5 +53,5 @@ export interface Props {
   /**
    * Data-test attribute for automated testing.
    */
-  dataTest?: string;
+  dataTest?: string | null;
 }

package/ui.navigation-pagination/types.ts

@@ -82,5 +82,5 @@ export interface Props {
   /**
    * Data-test attribute for automated testing.
    */
-  dataTest?: string;
+  dataTest?: string | null;
 }

package/ui.navigation-progress/types.ts

@@ -63,7 +63,7 @@ export interface UProgressProps {
   /**
    * Data-test attribute for automated testing.
    */
-  dataTest?: string;
+  dataTest?: string | null;
 }
 
 export interface StepperProgressProps {
@@ -90,5 +90,5 @@ export interface StepperProgressProps {
   /**
    * Data-test attribute for automated testing.
    */
-  dataTest?: string;
+  dataTest?: string | null;
 }

package/ui.navigation-tab/types.ts

@@ -31,5 +31,5 @@ export interface Props {
   /**
    * Data-test attribute for automated testing.
    */
-  dataTest?: string;
+  dataTest?: string | null;
 }

package/ui.navigation-tabs/types.ts

@@ -43,5 +43,5 @@ export interface Props {
   /**
    * Data-test attribute for automated testing.
    */
-  dataTest?: string;
+  dataTest?: string | null;
 }

package/ui.other-dot/types.ts

@@ -43,5 +43,5 @@ export interface Props {
   /**
    * Data-test attribute for automated testing.
    */
-  dataTest?: string;
+  dataTest?: string | null;
 }

package/ui.other-theme-color-toggle/storybook/stories.ts

@@ -19,7 +19,7 @@ interface UThemeColorToggleArgs extends Props {
 
 export default {
   id: "100020",
-  title: "Other / Theme Color Switcher",
+  title: "Other / Theme Color Toggle",
   component: UThemeColorToggle,
   args: {
     modelValue: ["", ""],

package/ui.other-theme-color-toggle/types.ts

@@ -48,5 +48,5 @@ export interface Props {
   /**
    * Data-test attribute for automated testing.
    */
-  dataTest?: string;
+  dataTest?: string | null;
 }

package/ui.text-alert/types.ts

@@ -73,5 +73,5 @@ export interface Props {
   /**
    * Data-test attribute for automated testing.
    */
-  dataTest?: string;
+  dataTest?: string | null;
 }

package/ui.text-badge/types.ts

@@ -83,5 +83,5 @@ export interface Props {
   /**
    * Data-test attribute for automated testing.
    */
-  dataTest?: string;
+  dataTest?: string | null;
 }

package/ui.text-block/types.ts

@@ -32,5 +32,5 @@ export interface Props {
   /**
    * Data-test attribute for automated testing.
    */
-  dataTest?: string;
+  dataTest?: string | null;
 }

package/ui.text-empty/types.ts

@@ -27,5 +27,5 @@ export interface Props {
   /**
    * Data-test attribute for automated testing.
    */
-  dataTest?: string;
+  dataTest?: string | null;
 }

package/ui.text-file/types.ts

@@ -42,5 +42,5 @@ export interface Props {
   /**
    * Data-test attribute for automated testing.
    */
-  dataTest?: string;
+  dataTest?: string | null;
 }

package/ui.text-files/types.ts

@@ -42,5 +42,5 @@ export interface Props {
   /**
    * Data-test attribute for automated testing.
    */
-  dataTest?: string;
+  dataTest?: string | null;
 }

package/ui.text-header/types.ts

@@ -63,5 +63,5 @@ export interface Props {
   /**
    * Data-test attribute for automated testing.
    */
-  dataTest?: string;
+  dataTest?: string | null;
 }

package/ui.text-money/types.ts

@@ -98,5 +98,5 @@ export interface Props {
   /**
    * Data-test attribute for automated testing.
    */
-  dataTest?: string;
+  dataTest?: string | null;
 }

package/ui.text-notify/types.ts

@@ -50,5 +50,5 @@ export interface Props {
   /**
    * Data-test attribute for automated testing.
    */
-  dataTest?: string;
+  dataTest?: string | null;
 }

package/ui.text-number/types.ts

@@ -78,5 +78,5 @@ export interface Props {
   /**
    * Data-test attribute for automated testing.
    */
-  dataTest?: string;
+  dataTest?: string | null;
 }

package/utils/theme.ts

@@ -115,7 +115,7 @@ export function setTheme(config: Config = {}) {
   const roundingLg = config.roundingLg ?? vuelessConfig.roundingLg ?? rounding * 2;
   const isDarkMode = isCSR && document.documentElement.classList.contains(DARK_MODE_SELECTOR);
 
-  const brand: BrandColors =
+  let brand: BrandColors =
     config.brand ?? getSelectedBrandColor() ?? vuelessConfig.brand ?? DEFAULT_BRAND_COLOR;
 
   let gray: GrayColors =
@@ -142,6 +142,10 @@ export function setTheme(config: Config = {}) {
     gray = GRAY_COLOR;
   }
 
+  if (brand === GRAYSCALE_COLOR) {
+    brand = gray;
+  }
+
   /* Remove deprecated color aliases. */
   delete (tailwindColors as Partial<DefaultColors>).lightBlue;
   delete (tailwindColors as Partial<DefaultColors>).warmGray;