vueless 0.0.135 → 0.0.136

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.135",
+  "version": "0.0.136",
   "license": "MIT",
   "description": "Vue Styleless Component Framework.",
   "homepage": "https://vueless.com",

package/ui.data-list/composables/attrs.composable.js

@@ -14,9 +14,9 @@ export function useAttrs(props) {
   const itemWrapperAttrs = getAttrs("itemWrapper");
   const itemAttrs = getAttrs("item");
   const customActionsAttrs = getAttrs("customActions");
-  const iconDeleteAttrs = getAttrs("iconDelete", { isComponent: true });
-  const iconEditAttrs = getAttrs("iconEdit", { isComponent: true });
-  const iconDragAttrs = getAttrs("iconDrag", { isComponent: true });
+  const deleteIconAttrs = getAttrs("deleteIcon", { isComponent: true });
+  const editIconAttrs = getAttrs("editIcon", { isComponent: true });
+  const dragIconAttrs = getAttrs("dragIcon", { isComponent: true });
   const nestedAttrs = getAttrs("nested", { isComponent: true });
 
   const titleRaw = getAttrs("title");
@@ -35,11 +35,11 @@ export function useAttrs(props) {
     nestedAttrs,
     itemWrapperAttrs,
     itemAttrs,
-    iconDragAttrs,
     titleAttrs,
     customActionsAttrs,
-    iconDeleteAttrs,
-    iconEditAttrs,
     hasSlotContent,
+    deleteIconAttrs,
+    editIconAttrs,
+    dragIconAttrs,
   };
 }

package/ui.data-list/configs/default.config.js

@@ -10,18 +10,18 @@ export default /*tw*/ {
     group-last/item-wrapper:border-b-0 group-[]/nested:group-last/item-wrapper:border-b
     py-4 space-x-4 flex flex-auto items-center justify-between
   `,
-  iconDrag: "icon-drag cursor-move opacity-100 fill-gray-400 md:fill-gray-500",
-  iconDragName: "drag_indicator",
+  dragIcon: "icon-drag cursor-move opacity-100 fill-gray-400 md:fill-gray-500",
+  dragIconName: "drag_indicator",
   title: "text-base font-normal text-gray-900 flex-auto pt-px",
   titleCrossed: "line-through",
   customActions: `
     space-x-5 opacity-50 md:flex md:items-center md:opacity-0
     group-hover/item:md:block group-hover/item:opacity-100
   `,
-  iconDelete: "hidden md:block md:opacity-0 group-hover/item:md:opacity-100",
-  iconDeleteName: "delete",
-  iconEdit: "fill-gray-500 opacity-50",
-  iconEditName: "edit_note",
+  deleteIcon: "hidden md:block md:opacity-0 group-hover/item:md:opacity-100",
+  deleteIconName: "delete",
+  editIcon: "fill-gray-500 opacity-50",
+  editIconName: "edit_note",
   nested: "group/nested ml-6",
   i18n: {
     delete: "Delete",

package/ui.data-list/index.vue

@@ -25,7 +25,7 @@
       <template #item="{ element }">
         <div :id="element.id" :data-cy="`${dataCy}-item`" v-bind="itemWrapperAttrs">
           <div :data-cy="`${dataCy}-item-${element.id}`" v-bind="itemAttrs">
-            <UIcon internal :name="config.iconDragName" color="gray" v-bind="iconDragAttrs" />
+            <UIcon internal :name="config.dragIconName" color="gray" v-bind="dragIconAttrs" />
 
             <div v-bind="titleAttrs(element.isActive)">
               <slot :item="element">
@@ -47,10 +47,10 @@
                 internal
                 interactive
                 color="gray"
-                :name="config.iconDeleteName"
+                :name="config.deleteIconName"
                 :data-cy="`${dataCy}-delete`"
                 :tooltip="currentLocale.delete"
-                v-bind="iconDeleteAttrs"
+                v-bind="deleteIconAttrs"
                 @click="onClickDelete(element.id, element.name)"
               />
 
@@ -59,10 +59,10 @@
                 internal
                 interactive
                 color="gray"
-                :name="config.iconEditName"
+                :name="config.editIconName"
                 :data-cy="`${dataCy}-edit`"
                 :tooltip="currentLocale.edit"
-                v-bind="iconEditAttrs"
+                v-bind="editIconAttrs"
                 @click="onClickEdit(element.id)"
               />
             </template>
@@ -211,9 +211,9 @@ const {
   itemAttrs,
   titleAttrs,
   customActionsAttrs,
-  iconDeleteAttrs,
-  iconEditAttrs,
-  iconDragAttrs,
+  deleteIconAttrs,
+  editIconAttrs,
+  dragIconAttrs,
   hasSlotContent,
 } = useAttrs(props);
 const { tm } = useLocale();

package/ui.dropdown-list/composables/attrs.composable.js

@@ -50,7 +50,7 @@ export default function useAttrs(props) {
   const addTitleAttrs = getAttrs("addTitle");
   const addTitleHotkeyAttrs = getAttrs("addTitleHotkey");
   const buttonAddAttrs = getAttrs("buttonAdd", { isComponent: true });
-  const iconAddAttrs = getAttrs("iconAdd", { isComponent: true });
+  const addIconAttrs = getAttrs("addIcon", { isComponent: true });
   const optionContentAttrs = getAttrs("optionContent");
 
   const subGroupLabelAttrsRaw = getAttrs("subGroupLabel", { classes: subGroupLabelClasses });
@@ -83,7 +83,7 @@ export default function useAttrs(props) {
     addTitleAttrs,
     addTitleHotkeyAttrs,
     buttonAddAttrs,
-    iconAddAttrs,
+    addIconAttrs,
     optionAttrs,
     subGroupLabelAttrs,
     groupLabelAttrs,

package/ui.dropdown-list/configs/default.config.js

@@ -58,8 +58,8 @@ export default /*tw*/ {
   addTitle: "text-sm font-medium text-gray-900",
   addTitleHotkey: "text-gray-500",
   buttonAdd: "sticky left-[calc(100%-2.3rem)] bottom-2.5 p-1",
-  iconAddName: "add",
-  iconAdd: "bg-transparent",
+  addIconName: "add",
+  addIcon: "bg-transparent",
   i18n: {
     noDataToShow: "No data to show.",
     add: "Add",

package/ui.dropdown-list/index.vue

@@ -82,8 +82,8 @@
             internal
             color="white"
             size="xs"
-            :name="config.iconAddName"
-            v-bind="iconAddAttrs"
+            :name="config.addIconName"
+            v-bind="addIconAttrs"
           />
         </UButton>
       </template>
@@ -230,7 +230,7 @@ const {
   addTitleAttrs,
   addTitleHotkeyAttrs,
   buttonAddAttrs,
-  iconAddAttrs,
+  addIconAttrs,
   optionAttrs,
   subGroupLabelAttrs,
   groupLabelAttrs,

package/ui.form-input-file/composables/attrs.composable.js

@@ -56,7 +56,6 @@ export function useAttrs(props) {
   const placeholderAttrs = getAttrs("placeholder", { classes: placeholderClasses });
   const clearIconAttrs = getAttrs("clearIcon", { isComponent: true });
   const chooseFileIconAttrs = getAttrs("chooseFileIcon", { isComponent: true });
-  const chooseFileIconNameAttrs = getAttrs("chooseFileIconName", { isComponent: true });
   const inputAttrs = getAttrs("input");
   const fileListAttrs = getAttrs("fileList");
   const selectedItemAttrs = getAttrs("selectedItem", { classes: selectedItemClasses });
@@ -70,7 +69,6 @@ export function useAttrs(props) {
     descriptionAttrs,
     contentWrapperAttrs,
     clearIconAttrs,
-    chooseFileIconNameAttrs,
     placeholderAttrs,
     fileListAttrs,
     buttonWrapperAttrs,

package/ui.form-select/composables/attrs.composable.js

@@ -92,15 +92,15 @@ export default function useAttrs(props, { isTop, isOpen, selectedLabel: selected
   const innerWrapperAttrs = getAttrs("innerWrapper", { classes: innerWrapperClasses });
   const wrapperTopAttrs = getAttrs("wrapperTop");
   const leftSlotAttrs = getAttrs("leftSlot");
-  const iconToggleAttrs = getAttrs("iconToggle", { isComponent: true });
   const searchInputAttrs = getAttrs("searchInput", { classes: searchInputClasses });
   const selectedLabelsAttrs = getAttrs("selectedLabels");
   const selectedLabelAttrs = getAttrs("selectedLabel", { classes: selectedLabelClasses });
   const dropdownListAttrs = getAttrs("dropdownList", { isComponent: true });
   const caretClearTextAttrs = getAttrs("caretClearText", { classes: caretClearTextClasses });
-  const iconClearAttrs = getAttrs("iconClear", { isComponent: true });
   const caretRemoveItemAttrs = getAttrs("caretRemoveItem");
-  const iconRemoveItemAttrs = getAttrs("iconRemoveItem", { isComponent: true });
+  const toggleIconAttrs = getAttrs("toggleIcon", { isComponent: true });
+  const clearIconAttrs = getAttrs("clearIcon", { isComponent: true });
+  const removeItemIconAttrs = getAttrs("removeItemIcon", { isComponent: true });
 
   const wrapperAttrsRaw = getAttrs("wrapper", { classes: wrapperClasses });
 
@@ -169,16 +169,16 @@ export default function useAttrs(props, { isTop, isOpen, selectedLabel: selected
     beforeCaretSlotAttrs,
     afterCaretSlotAttrs,
     caretToggleAttrs,
-    iconToggleAttrs,
     caretClearAttrs,
     caretClearTextAttrs,
-    iconClearAttrs,
     caretRemoveItemAttrs,
-    iconRemoveItemAttrs,
     searchAttrs,
     searchInputAttrs,
     selectedLabelsAttrs,
     selectedLabelAttrs,
     dropdownListAttrs,
+    toggleIconAttrs,
+    clearIconAttrs,
+    removeItemIconAttrs,
   };
 }

package/ui.form-select/configs/default.config.js

@@ -55,12 +55,12 @@ export default /*tw*/ {
   beforeCaretSlot: "",
   afterCaretSlot: "mr-3",
   caretToggle: "mr-3",
-  iconToggle: "transform transition-all duration-300 group-[]/active:rotate-180",
-  iconToggleName: "expand_more",
-  iconClear: "",
-  iconClearName: "close_small",
-  iconRemoveItem: "",
-  iconRemoveItemName: "close_small",
+  toggleIcon: "transform transition-all duration-300 group-[]/active:rotate-180",
+  toggleIconName: "expand_more",
+  clearIcon: "",
+  clearIconName: "close_small",
+  removeItemIcon: "",
+  removeItemIconName: "close_small",
   caretRemoveItem: "flex items-center",
   caretClearText: {
     base: `

package/ui.form-select/index.vue

@@ -42,8 +42,8 @@
           interactive
           color="gray"
           :size="size"
-          :name="config.iconToggleName"
-          v-bind="iconToggleAttrs"
+          :name="config.toggleIconName"
+          v-bind="toggleIconAttrs"
         />
       </div>
 
@@ -61,8 +61,8 @@
           interactive
           color="gray"
           :size="size"
-          :name="config.iconClearName"
-          v-bind="iconClearAttrs"
+          :name="config.clearIconName"
+          v-bind="clearIconAttrs"
           @mousedown="removeElement"
         />
       </div>
@@ -94,8 +94,8 @@
                 interactive
                 color="gray"
                 :size="size"
-                :name="config.iconRemoveItemName"
-                v-bind="iconRemoveItemAttrs"
+                :name="config.removeItemIconName"
+                v-bind="removeItemIconAttrs"
                 @mousedown="removeElement(item)"
               />
             </div>
@@ -487,17 +487,17 @@ const {
   beforeCaretSlotAttrs,
   afterCaretSlotAttrs,
   caretToggleAttrs,
-  iconToggleAttrs,
   caretClearAttrs,
   caretClearTextAttrs,
-  iconClearAttrs,
   caretRemoveItemAttrs,
-  iconRemoveItemAttrs,
   searchAttrs,
   searchInputAttrs,
   selectedLabelsAttrs,
   selectedLabelAttrs,
   dropdownListAttrs,
+  toggleIconAttrs,
+  clearIconAttrs,
+  removeItemIconAttrs,
 } = useAttrs(props, { isTop, isOpen, selectedLabel });
 
 const i18nGlobal = tm(USelect);

package/ui.text-file/configs/default.config.js

@@ -1,8 +1,8 @@
 export default /*tw*/ {
   file: "",
   info: "flex items-start",
-  icon: " mr-3",
-  iconDescriptionName: "description",
+  icon: "mr-3",
+  iconName: "description",
   itemImage: "rounded-sm",
   text: {
     base: "whitespace-normal pt-0.5 hover:underline hover:decoration-dashed hover:underline-offset-4",

package/ui.text-file/index.vue

@@ -10,7 +10,7 @@
         internal
         interactive
         color="gray"
-        :name="config.iconDescriptionName"
+        :name="config.iconName"
         v-bind="iconAttrs"
         @focus="onFocus"
         @blur="onBlur"

package/ui.text-notify/composables/attrs.composable.js

@@ -10,10 +10,10 @@ export function useAttrs(props) {
   const contentAttrs = getAttrs("content");
   const labelAttrs = getAttrs("label");
   const descriptionAttrs = getAttrs("description");
-  const iconSuccessAttrs = getAttrs("iconSuccess");
-  const iconWarningAttrs = getAttrs("iconWarning");
-  const iconErrorAttrs = getAttrs("iconError");
-  const iconCloseAttrs = getAttrs("iconClose");
+  const successIconAttrs = getAttrs("successIcon");
+  const warningIconAttrs = getAttrs("warningIcon");
+  const errorIconAttrs = getAttrs("errorIcon");
+  const closeIconAttrs = getAttrs("closeIcon");
 
   return {
     config,
@@ -22,9 +22,9 @@ export function useAttrs(props) {
     contentAttrs,
     labelAttrs,
     descriptionAttrs,
-    iconSuccessAttrs,
-    iconWarningAttrs,
-    iconCloseAttrs,
-    iconErrorAttrs,
+    successIconAttrs,
+    warningIconAttrs,
+    errorIconAttrs,
+    closeIconAttrs,
   };
 }

package/ui.text-notify/configs/default.config.js

@@ -10,14 +10,14 @@ export default /*tw*/ {
   content: "w-full flex flex-col max-w-full px-3 text-sm text-gray-200",
   label: "mb-1 font-medium",
   description: "break-words font-normal leading-5",
-  iconSuccess: "",
-  iconSuccessName: "check_circle",
-  iconWarning: "",
-  iconWarningName: "warning",
-  iconError: "",
-  iconErrorName: "error",
-  iconClose: "",
-  iconCloseName: "close",
+  successIcon: "",
+  successIconName: "check_circle",
+  warningIcon: "",
+  warningIconName: "warning",
+  errorIcon: "",
+  errorIconName: "error",
+  closeIcon: "",
+  closeIconName: "close",
   transitionGroup: {
     moveClass: "transition-all duration-500",
     enterActiveClass: "transition-all duration-500",

package/ui.text-notify/index.vue

@@ -18,8 +18,8 @@
         variant="light"
         size="md"
         internal
-        :name="config.iconSuccessName"
-        v-bind="iconSuccessAttrs"
+        :name="config.successIconName"
+        v-bind="successIconAttrs"
       />
 
       <UIcon
@@ -29,8 +29,8 @@
         variant="light"
         size="md"
         internal
-        :name="config.iconWarningName"
-        v-bind="iconWarningAttrs"
+        :name="config.warningIconName"
+        v-bind="warningIconAttrs"
       />
 
       <UIcon
@@ -40,8 +40,8 @@
         variant="light"
         size="md"
         internal
-        :name="config.iconErrorName"
-        v-bind="iconErrorAttrs"
+        :name="config.errorIconName"
+        v-bind="errorIconAttrs"
       />
 
       <div v-bind="contentAttrs">
@@ -61,8 +61,8 @@
         size="xs"
         internal
         interactive
-        :name="config.iconCloseName"
-        v-bind="iconCloseAttrs"
+        :name="config.closeIconName"
+        v-bind="closeIconAttrs"
         @click="onClickClose(notification)"
       />
     </div>
@@ -129,10 +129,10 @@ const {
   contentAttrs,
   labelAttrs,
   descriptionAttrs,
-  iconSuccessAttrs,
-  iconWarningAttrs,
-  iconErrorAttrs,
-  iconCloseAttrs,
+  successIconAttrs,
+  warningIconAttrs,
+  errorIconAttrs,
+  closeIconAttrs,
 } = useAttrs(props);
 
 const { tm } = useLocale();

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "vueless",
-  "version": "0.0.135",
+  "version": "0.0.136",
   "contributions": {
     "html": {
       "description-markup": "markdown",