vueless 0.0.286 → 0.0.288

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

@@ -40,7 +40,7 @@ export default /*tw*/ {
     emptyTitle: "",
     emptyDescription: "There is no data in the list.",
   },
-  defaultVariants: {
+  defaults: {
     size: "md",
     labelKey: "label",
     valueKey: "id",

package/ui.data-list/index.vue

@@ -17,14 +17,14 @@
       handle=".icon-drag"
       :ghost-class="config.draggableGhost"
       :drag-class="config.draggableDrag"
-      :data-cy="dataCy"
+      :data-test="dataTest"
       v-bind="draggableAttrs"
       :move="onDragMove"
       @end="onDragEnd"
     >
       <template #item="{ element }">
-        <div :id="element[valueKey]" :data-cy="`${dataCy}-item`" v-bind="itemWrapperAttrs">
-          <div :data-cy="`${dataCy}-item-${element[valueKey]}`" v-bind="itemAttrs">
+        <div :id="element[valueKey]" :data-test="`${dataTest}-item`" v-bind="itemWrapperAttrs">
+          <div :data-test="`${dataTest}-item-${element[valueKey]}`" v-bind="itemAttrs">
             <UIcon
               internal
               color="gray"
@@ -62,7 +62,7 @@
                 color="red"
                 :size="iconSize"
                 :name="config.deleteIconName"
-                :data-cy="`${dataCy}-delete`"
+                :data-test="`${dataTest}-delete`"
                 :tooltip="currentLocale.delete"
                 v-bind="deleteIconAttrs"
                 @click="onClickDelete(element[valueKey], element[labelKey])"
@@ -75,7 +75,7 @@
                 color="gray"
                 :size="iconSize"
                 :name="config.editIconName"
-                :data-cy="`${dataCy}-edit`"
+                :data-test="`${dataTest}-edit`"
                 :tooltip="currentLocale.edit"
                 v-bind="editIconAttrs"
                 @click="onClickEdit(element[valueKey], element[labelKey])"
@@ -89,7 +89,7 @@
             hide-empty-state-for-nesting
             :list="element.children"
             :group="group"
-            :data-cy="`${dataCy}-table`"
+            :data-test="`${dataTest}-table`"
             v-bind="nestedAttrs"
             @click-delete="onClickDelete"
             @click-edit="onClickEdit"
@@ -233,9 +233,9 @@ const props = defineProps({
   },
 
   /**
-   * Data-cy attribute for automated testing.
+   * Data-test attribute for automated testing.
    */
-  dataCy: {
+  dataTest: {
     type: String,
     default: "",
   },

package/ui.data-table/components/TableRow.vue

@@ -10,7 +10,7 @@
         :data-id="row.id"
         :value="row.id"
         size="sm"
-        :data-cy="`${dataCy}-body-checkbox`"
+        :data-test="`${dataTest}-body-checkbox`"
         v-bind="attrs.bodyCheckboxAttrs"
       />
     </td>
@@ -43,7 +43,7 @@
 
       <div v-if="value?.hasOwnProperty('secondary')">
         <slot :name="`cell-${key}`" :value="value" :row="row">
-          <div :data-cy="`${dataCy}-${key}-cell`" v-bind="attrs.bodyCellPrimaryAttrs">
+          <div :data-test="`${dataTest}-${key}-cell`" v-bind="attrs.bodyCellPrimaryAttrs">
             {{ value.primary || HYPHEN_SYMBOL }}
           </div>
 
@@ -65,7 +65,7 @@
 
       <template v-else>
         <slot :name="`cell-${key}`" :value="value" :row="row">
-          <div :data-cy="`${dataCy}-${key}-cell`">
+          <div :data-test="`${dataTest}-${key}-cell`">
             {{ value || value === 0 ? value : HYPHEN_SYMBOL }}
           </div>
         </slot>
@@ -80,7 +80,7 @@
     :attrs="attrs"
     :columns="columns"
     :row="row.row"
-    :data-cy="dataCy"
+    :data-test="dataTest"
     :nested-level="nestedLevel + 1"
     :config="config"
     :selectable="selectable"
@@ -119,7 +119,7 @@ const props = defineProps({
     type: Number,
     default: 0,
   },
-  dataCy: {
+  dataTest: {
     type: String,
     required: true,
   },

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

@@ -95,7 +95,7 @@ export default /*tw*/ {
   i18n: {
     noData: "There is no data in the table.",
   },
-  defaultVariants: {
+  defaults: {
     nesting: false,
     compact: false,
     selectable: false,

package/ui.data-table/index.stories.js

@@ -366,7 +366,7 @@ cellSlots.args = {
     </template>
 
     <template #cell-email="{ value }">
-      <ULink :label="value" :url="value" type="email" size="sm" />
+      <ULink :label="value" :url="value" type="email" />
     </template>
 
     <template #cell-tags="{ value }">

package/ui.data-table/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div :data-cy="dataCy" v-bind="wrapperAttrs">
+  <div :data-test="dataTest" v-bind="wrapperAttrs">
     <div
       v-show="isHeaderSticky || isShownActionsHeader"
       ref="stickyHeaderRowRef"
@@ -13,7 +13,7 @@
             v-model="selectAll"
             size="sm"
             :partial="!isSelectedAllRows"
-            :data-cy="`${dataCy}-select-all`"
+            :data-test="`${dataTest}-select-all`"
             v-bind="stickyHeaderActionsCheckboxAttrs"
           />
         </div>
@@ -38,7 +38,7 @@
             v-model="selectAll"
             size="sm"
             :partial="!isSelectedAllRows"
-            :data-cy="`${dataCy}-select-all`"
+            :data-test="`${dataTest}-select-all`"
             v-bind="stickyHeaderCheckboxAttrs"
           />
 
@@ -108,7 +108,7 @@
                 v-model="selectAll"
                 size="sm"
                 :partial="!isSelectedAllRows"
-                :data-cy="`${dataCy}-select-all`"
+                :data-test="`${dataTest}-select-all`"
                 v-bind="headerCheckboxAttrs"
               />
 
@@ -180,7 +180,7 @@
               v-bind="bodyRowAttrs(getRowClasses(row))"
               v-model:selectedRows="selectedRows"
               :selectable="selectable"
-              :data-cy="`${dataCy}-row`"
+              :data-test="`${dataTest}-row`"
               :row="row"
               :columns="columns"
               :config="config"
@@ -226,7 +226,7 @@
                 <UEmpty
                   size="sm"
                   :description="currentLocale.noData"
-                  :data-cy="`${dataCy}-empty`"
+                  :data-test="`${dataTest}-empty`"
                   v-bind="bodyEmptyStateAttrs"
                 />
               </slot>
@@ -374,9 +374,9 @@ const props = defineProps({
   },
 
   /**
-   * Data-cy attribute for automated testing.
+   * Data-test attribute for automated testing.
    */
-  dataCy: {
+  dataTest: {
     type: String,
     default: "",
   },

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

@@ -22,7 +22,7 @@ export default /*tw*/ {
     },
   },
   list: "{UDropdownList} w-fit",
-  defaultVariants: {
+  defaults: {
     color: "brand",
     size: "md",
     weight: "medium",

package/ui.dropdown-badge/index.vue

@@ -7,7 +7,7 @@
       :color="color"
       :weight="weight"
       :variant="variant"
-      :data-cy="`${dataCy}-badge`"
+      :data-test="`${dataTest}-badge`"
       v-bind="badgeAttrs"
       @click="onClickBadge"
     >
@@ -18,7 +18,7 @@
           :name="config.iconName"
           :size="iconSize"
           :color="color"
-          :data-cy="`${dataCy}-caret`"
+          :data-test="`${dataTest}-caret`"
           v-bind="iconAttrs"
         />
       </template>
@@ -40,7 +40,7 @@
       :options="options"
       :value-key="valueKey"
       :label-key="labelKey"
-      :data-cy="`${dataCy}-item`"
+      :data-test="`${dataTest}-item`"
       v-bind="listAttrs"
       @click="onClickList"
     />
@@ -178,9 +178,9 @@ const props = defineProps({
   },
 
   /**
-   * Data-cy attribute for automated testing.
+   * Data-test attribute for automated testing.
    */
-  dataCy: {
+  dataTest: {
     type: String,
     default: "",
   },

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

@@ -22,7 +22,7 @@ export default /*tw*/ {
     },
   },
   list: "{UDropdownList} w-fit",
-  defaultVariants: {
+  defaults: {
     color: "brand",
     size: "md",
     variant: "primary",
@@ -31,7 +31,7 @@ export default /*tw*/ {
     listYPosition: "bottom",
     listXPosition: "left",
     filled: false,
-    pill: false,
+    round: false,
     square: false,
     noIcon: false,
     disabled: false,

package/ui.dropdown-button/index.vue

@@ -7,10 +7,10 @@
       :variant="variant"
       :filled="filled || isShownOptions"
       :color="color"
-      :pill="pill"
+      :round="round"
       :square="square"
       :disabled="disabled"
-      :data-cy="`${dataCy}-button`"
+      :data-test="`${dataTest}-button`"
       v-bind="buttonAttrs"
       @click="onClickButton"
     >
@@ -21,7 +21,7 @@
           :name="config.iconName"
           :size="iconSize"
           :color="iconColor"
-          :data-cy="`${dataCy}-caret`"
+          :data-test="`${dataTest}-caret`"
           v-bind="iconAttrs"
         />
       </template>
@@ -43,7 +43,7 @@
       :options="options"
       :value-key="valueKey"
       :label-key="labelKey"
-      :data-cy="`${dataCy}-item`"
+      :data-test="`${dataTest}-item`"
       tabindex="-1"
       v-bind="listAttrs"
       @click="onClickList"
@@ -124,9 +124,9 @@ const props = defineProps({
   /**
    * Set button corners rounded.
    */
-  pill: {
+  round: {
     type: Boolean,
-    default: getDefault(defaultConfig, UDropdownButton).pill,
+    default: getDefault(defaultConfig, UDropdownButton).round,
   },
 
   /**
@@ -213,9 +213,9 @@ const props = defineProps({
   },
 
   /**
-   * Data-cy attribute for automated testing.
+   * Data-test attribute for automated testing.
    */
-  dataCy: {
+  dataTest: {
     type: String,
     default: "",
   },

package/ui.dropdown-item/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div :data-cy="dataCy" v-bind="wrapperAttrs" @click="onClick">
+  <div :data-test="dataTest" v-bind="wrapperAttrs" @click="onClick">
     <template v-if="label">{{ label }}</template>
     <slot />
   </div>
@@ -32,9 +32,9 @@ const props = defineProps({
   },
 
   /**
-   * Sets data-cy attribute for automated testing.
+   * Data-test attribute for automated testing.
    */
-  dataCy: {
+  dataTest: {
     type: String,
     default: "",
   },

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

@@ -23,7 +23,7 @@ export default /*tw*/ {
     },
   },
   list: "{UDropdownList} w-fit",
-  defaultVariants: {
+  defaults: {
     color: "brand",
     size: "md",
     labelKey: "label",

package/ui.dropdown-link/index.vue

@@ -10,7 +10,7 @@
         :underlined="underlined"
         :disabled="disabled"
         :no-ring="noRing"
-        :data-cy="`${dataCy}-link`"
+        :data-test="`${dataTest}-link`"
         v-bind="linkAttrs"
         @click="onClickLink"
       >
@@ -22,7 +22,7 @@
             :name="config.iconName"
             :size="iconSize"
             :color="color"
-            :data-cy="`${dataCy}-caret`"
+            :data-test="`${dataTest}-caret`"
             v-bind="iconAttrs"
             @click="onClickLink"
           />
@@ -46,7 +46,7 @@
       :options="options"
       :value-key="valueKey"
       :label-key="labelKey"
-      :data-cy="`${dataCy}-item`"
+      :data-test="`${dataTest}-item`"
       v-bind="listAttrs"
       @click="onClickList"
     />
@@ -199,9 +199,9 @@ const props = defineProps({
   },
 
   /**
-   * Data-cy attribute for automated testing.
+   * Data-test attribute for automated testing.
    */
-  dataCy: {
+  dataTest: {
     type: String,
     default: "",
   },

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

@@ -61,7 +61,7 @@ export default /*tw*/ {
     noDataToShow: "No data to show.",
     add: "Add",
   },
-  defaultVariants: {
+  defaults: {
     size: "md",
     labelKey: "label",
     valueKey: "id",

package/ui.dropdown-list/index.vue

@@ -81,7 +81,7 @@
             <span v-bind="addTitleHotkeyAttrs" v-text="addOptionKeyCombination" />
           </div>
         </div>
-        <UButton pill square v-bind="buttonAddAttrs" @click="onClickAddOption">
+        <UButton round square v-bind="buttonAddAttrs" @click="onClickAddOption">
           <UIcon
             internal
             color="white"

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

@@ -123,7 +123,7 @@ export default /*tw*/ {
     timeLabel: "Time",
     okLabel: "Ok",
   },
-  defaultVariants: {
+  defaults: {
     userFormat: "F j, Y",
     range: false,
     timepicker: false,

package/ui.form-calendar/index.vue

@@ -252,9 +252,9 @@ const props = defineProps({
   },
 
   /**
-   * Data-cy attribute for automated testing.
+   * Data-test attribute for automated testing.
    */
-  dataCy: {
+  dataTest: {
     type: String,
     default: "",
   },

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

@@ -43,7 +43,7 @@ export default /*tw*/ {
   icon: "{UIcon}",
   partialIconName: "remove",
   selectedIconName: "check",
-  defaultVariants: {
+  defaults: {
     color: "brand",
     size: "md",
     labelAlign: "right",

package/ui.form-checkbox/index.vue

@@ -8,7 +8,7 @@
     :disabled="disabled"
     :description="description"
     v-bind="labelAttrs"
-    :data-cy="`${dataCy}-label`"
+    :data-test="`${dataTest}-label`"
   >
     <input
       :id="id"
@@ -20,7 +20,7 @@
       :checked="isChecked"
       :disabled="disabled"
       v-bind="checkboxAttrs"
-      :data-cy="dataCy"
+      :data-test="dataTest"
       @change="onChange"
     />
 
@@ -188,9 +188,9 @@ const props = defineProps({
   },
 
   /**
-   * Data-cy attribute for automated testing.
+   * Data-test attribute for automated testing.
    */
-  dataCy: {
+  dataTest: {
     type: String,
     default: "",
   },

package/ui.form-checkbox-group/configs/default.config.js

@@ -11,7 +11,7 @@ export default /*tw*/ {
       },
     },
   },
-  defaultVariants: {
+  defaults: {
     color: "brand",
     size: "md",
     disabled: false,

package/ui.form-checkbox-group/index.vue

@@ -6,7 +6,7 @@
     :description="description"
     :disabled="disabled"
     align="topWithDesc"
-    :data-cy="dataCy"
+    :data-test="dataTest"
     v-bind="labelAttrs"
   >
     <div v-bind="listAttrs">
@@ -21,7 +21,7 @@
           :label="option.label"
           :description="option.description"
           :disabled="disabled"
-          :data-cy="`${dataCy}-item-${index}`"
+          :data-test="`${dataTest}-item-${index}`"
           v-bind="checkboxAttrs"
         />
       </slot>
@@ -129,9 +129,9 @@ const props = defineProps({
   },
 
   /**
-   * Data-cy attribute for automated testing.
+   * Data-test attribute for automated testing.
    */
-  dataCy: {
+  dataTest: {
     type: String,
     default: "",
   },

package/ui.form-checkbox-multi-state/configs/default.config.js

@@ -1,6 +1,6 @@
 export default /*tw*/ {
   checkbox: "{UCheckbox}",
-  defaultVariants: {
+  defaults: {
     color: "brand",
     size: "md",
     placement: "left",

package/ui.form-checkbox-multi-state/index.vue

@@ -94,9 +94,9 @@ const props = defineProps({
   },
 
   /**
-   * Data-cy attribute for automated testing.
+   * Data-test attribute for automated testing.
    */
-  dataCy: {
+  dataTest: {
     type: String,
     default: "",
   },

package/ui.form-color-picker/configs/default.config.js

@@ -24,7 +24,7 @@ export default /*tw*/ {
       disabled:border-{color}-400 disabled:bg-{color}-400
     `,
   },
-  defaultVariants: {
+  defaults: {
     size: "md",
     name: "colorPicker",
     disabled: false,

package/ui.form-color-picker/index.vue

@@ -6,7 +6,7 @@
     :error="error"
     :size="size"
     align="topWithDesc"
-    :data-cy="dataCy"
+    :data-test="dataTest"
     v-bind="labelAttrs"
   >
     <div v-bind="listAttrs">
@@ -149,9 +149,9 @@ const props = defineProps({
   },
 
   /**
-   * Data-cy attribute for automated testing.
+   * Data-test attribute for automated testing.
    */
-  dataCy: {
+  dataTest: {
     type: String,
     default: "radio",
   },

package/ui.form-date-picker/configs/default.config.js

@@ -107,7 +107,7 @@ export default /*tw*/ {
     timeLabel: "Time",
     okLabel: "Ok",
   },
-  defaultVariants: {
+  defaults: {
     userFormat: "F j, Y",
     size: "md",
     openDirectionX: "auto",

package/ui.form-date-picker/index.vue

@@ -243,9 +243,9 @@ const props = defineProps({
   },
 
   /**
-   * Data-cy attribute for automated testing.
+   * Data-test attribute for automated testing.
    */
-  dataCy: {
+  dataTest: {
     type: String,
     default: "",
   },

package/ui.form-date-picker-range/configs/default.config.js

@@ -155,7 +155,7 @@ export default /*tw*/ {
       },
     },
   },
-  defaultVariants: {
+  defaults: {
     size: "md",
     variant: "button",
     openDirectionX: "auto",

package/ui.form-date-picker-range/index.vue

@@ -441,9 +441,9 @@ const props = defineProps({
   },
 
   /**
-   * Data-cy attribute for automated testing.
+   * Data-test attribute for automated testing.
    */
-  dataCy: {
+  dataTest: {
     type: String,
     default: "",
   },

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

@@ -43,8 +43,8 @@ export default /*tw*/ {
       },
       error: {
         true: `
-        bg-red-50 hover:border-red-400 focus:border-red-500 focus:ring-red-500/15
-        focus-within:border-red-500 focus-within:ring-red-500/15
+        bg-red-50 hover:border-red-400 focus:border-red-500 focus:ring-red-700/15
+        focus-within:border-red-500 focus-within:ring-red-700/15
       `,
       },
     },
@@ -54,7 +54,7 @@ export default /*tw*/ {
       { labelAlign: "topInside", label: true, size: "lg", class: "pt-7" },
     ],
   },
-  defaultVariants: {
+  defaults: {
     size: "md",
     type: "text",
     inputmode: "text",

package/ui.form-input/index.vue

@@ -49,7 +49,7 @@
           :disabled="disabled"
           :maxlength="maxLength"
           :inputmode="inputmode"
-          :data-cy="dataCy"
+          :data-test="dataTest"
           v-bind="inputAttrs"
           @focus="onFocus"
           @blur="onBlur"
@@ -67,7 +67,7 @@
           color="gray"
           interactive
           internal
-          :data-cy="`${dataCy}-show-password`"
+          :data-test="`${dataTest}-show-password`"
           v-bind="passwordIconAttrs"
           @click="onClickShowPassword"
         />
@@ -315,9 +315,9 @@ const props = defineProps({
   },
 
   /**
-   * Data-cy attribute for automated testing.
+   * Data-test attribute for automated testing.
    */
-  dataCy: {
+  dataTest: {
     type: String,
     default: "",
   },