vueless 0.0.692 → 0.0.693

package/bin/constants.js

@@ -18,12 +18,12 @@ export default {
   /**
     * Directive settings.
     */
-  directive: {},
+  directives: {},
 
   /**
     * Component settings.
     */
-  component: /*tw*/ {},
+  components: /*tw*/ {},
 
   /**
     * Tailwind CSS theme config.

package/composables/useUI.ts

@@ -45,7 +45,7 @@ export default function useUI<T>(
     ? (parent?.type.__name as ComponentNames)
     : (type.__name as ComponentNames);
 
-  const globalConfig = (vuelessConfig.component?.[componentName] || {}) as ComponentConfigFull<T>;
+  const globalConfig = (vuelessConfig.components?.[componentName] || {}) as ComponentConfigFull<T>;
 
   const vuelessStrategy = Object.values(STRATEGY_TYPE).includes(vuelessConfig.strategy || "")
     ? (vuelessConfig.strategy as Strategies)

package/constants.js

@@ -242,6 +242,7 @@ export const TYPESCRIPT_EXT = ".ts";
 
 /* Default tailwind colors */
 export const TAILWIND_COLORS = {
+  white: "#ffffff",
   slate: {
     50: "#f8fafc",
     100: "#f1f5f9",

package/directives/tooltip/vTooltip.ts

@@ -24,7 +24,7 @@ if (isCSR) {
     animation: "shift-away",
   };
 
-  settings = merge(defaultSettings, vuelessConfig.directive?.tooltip || {}) as DefaultProps;
+  settings = merge(defaultSettings, vuelessConfig.directives?.tooltip || {}) as DefaultProps;
   tippy.setDefaultProps(settings);
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.692",
+  "version": "0.0.693",
   "license": "MIT",
   "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
   "keywords": [

package/types.ts

@@ -133,12 +133,12 @@ export interface Config extends ThemeConfig {
   /**
    * Component configs.
    */
-  component?: Partial<Components>;
+  components?: Partial<Components>;
 
   /**
    * Directive configs.
    */
-  directive?: Partial<Directives>;
+  directives?: Partial<Directives>;
 
   /**
    * Tailwind CSS theme config.

package/ui.text-notify/UNotify.vue

@@ -72,7 +72,7 @@ function getOffsetWidth(selector: string): number {
 }
 
 function setPosition() {
-  const positionClasses = vuelessConfig.component?.UNotify?.positionClasses;
+  const positionClasses = vuelessConfig.components?.UNotify?.positionClasses;
   const pageClass = positionClasses?.page || config.value?.positionClasses?.page;
   const asideClass = positionClasses?.aside || config.value?.positionClasses?.aside;
   const pageWidth = getOffsetWidth(`${pageClass}`);

package/ui.text-notify/utilNotify.ts

@@ -31,7 +31,7 @@ interface VuelessNotifyConfig {
   };
 }
 
-const globalNotifyDuration = (vuelessConfig.component?.UNotify as VuelessNotifyConfig)?.duration;
+const globalNotifyDuration = (vuelessConfig.components?.UNotify as VuelessNotifyConfig)?.duration;
 const notifyClearAllEvent: Event = new Event("notifyClearAll");
 
 let lastMessageTime: Date | undefined = undefined;

package/utils/node/dynamicProps.js

@@ -19,7 +19,7 @@ export async function setCustomPropTypes(isVuelessEnv) {
   const srcDir = isVuelessEnv ? VUELESS_LOCAL_DIR : VUELESS_DIR;
 
   for await (const [componentName, componentDir] of Object.entries(COMPONENTS)) {
-    const componentGlobalConfig = vuelessConfig.component?.[componentName];
+    const componentGlobalConfig = vuelessConfig.components?.[componentName];
     const customProps = componentGlobalConfig && componentGlobalConfig.props;
     const isHiddenStories = componentGlobalConfig && componentGlobalConfig.storybook === false;
 
@@ -27,7 +27,7 @@ export async function setCustomPropTypes(isVuelessEnv) {
       await cacheComponentTypes(path.join(srcDir, componentDir));
       await modifyComponentTypes(
         path.join(srcDir, componentDir),
-        vuelessConfig.component?.[componentName]?.props,
+        vuelessConfig.components?.[componentName]?.props,
       );
     }
   }

package/utils/node/dynamicStories.js

@@ -47,7 +47,7 @@ export async function hideHiddenStories(isVuelessEnv) {
   const srcDir = isVuelessEnv ? VUELESS_LOCAL_DIR : VUELESS_DIR;
 
   for await (const [componentName, componentDir] of Object.entries(COMPONENTS)) {
-    const componentGlobalConfig = vuelessConfig.component?.[componentName];
+    const componentGlobalConfig = vuelessConfig.components?.[componentName];
     const isHiddenStories = componentGlobalConfig && componentGlobalConfig.storybook === false;
 
     if (isHiddenStories) {

package/utils/node/loaderIcon.js

@@ -146,7 +146,7 @@ async function copyCachedVuelessIcons(isVuelessEnv) {
  */
 async function findAndCopyIcons(files) {
   const defaults = await getDefaults();
-  const safelistIcons = vuelessConfig.component?.[U_ICON]?.safelistIcons;
+  const safelistIcons = vuelessConfig.components?.[U_ICON]?.safelistIcons;
 
   safelistIcons?.forEach((iconName) => {
     copyIcon(iconName, defaults);
@@ -312,5 +312,5 @@ async function getDefaults() {
   const defaultConfigPath = path.join(cwd(), defaultIconsDir, COMPONENTS[U_ICON], "config.ts");
   const uIconDefaultConfig = await getComponentDefaultConfig(U_ICON, defaultConfigPath);
 
-  return merge({}, uIconDefaultConfig?.defaults, vuelessConfig.component?.[U_ICON]?.defaults);
+  return merge({}, uIconDefaultConfig?.defaults, vuelessConfig.components?.[U_ICON]?.defaults);
 }

package/utils/node/tailwindSafelist.js

@@ -107,8 +107,8 @@ export async function createTailwindSafelist({ mode, env, debug, targetFiles = [
 
   const globalSettings = cloneDeep(vuelessConfig);
 
-  delete globalSettings.component;
-  delete globalSettings.directive;
+  delete globalSettings.components;
+  delete globalSettings.directives;
   delete globalSettings.tailwindMerge;
 
   process.env.VUELESS_GLOBAL_SETTINGS = globalSettings;
@@ -176,7 +176,7 @@ async function getMergedComponentConfig(componentName, vuelessConfigFiles) {
 
   return getMergedConfig({
     defaultConfig: await retrieveComponentDefaultConfig(componentName, vuelessConfigFiles),
-    globalConfig: vuelessConfig.component?.[componentName] || {},
+    globalConfig: vuelessConfig.components?.[componentName] || {},
     vuelessStrategy: isStrategyValid ? vuelessConfig.strategy : STRATEGY_TYPE.merge,
   });
 }
@@ -271,7 +271,7 @@ function isDefaultComponentConfig(filePath, componentName) {
 
 function getSafelistColorsFromConfig(componentName) {
   const globalSafelistColors = vuelessConfig.safelistColors || [];
-  const componentSafelistColors = vuelessConfig.component?.[componentName]?.safelistColors || [];
+  const componentSafelistColors = vuelessConfig.components?.[componentName]?.safelistColors || [];
 
   return [...globalSafelistColors, ...componentSafelistColors];
 }

package/utils/ui.ts

@@ -99,7 +99,7 @@ export const cva = ({ base = "", variants = {}, compoundVariants = [], defaultVa
  */
 export function getDefaults<Props, Config>(defaultConfig: Config, name: ComponentNames) {
   const componentDefaults = (defaultConfig as UnknownObject).defaults || {};
-  const globalDefaults = vuelessConfig.component?.[name]?.defaults || {};
+  const globalDefaults = vuelessConfig.components?.[name]?.defaults || {};
 
   const defaults = merge({}, componentDefaults, globalDefaults) as Props & Defaults;