vueless 0.0.286 → 0.0.287

package/ui.container-modal/index.vue

@@ -9,7 +9,7 @@
       :id="id"
       ref="wrapperRef"
       tabindex="0"
-      :data-cy="dataCy"
+      :data-test="dataTest"
       v-bind="wrapperAttrs"
       @keydown.self.esc="onKeydownEsc"
     >
@@ -58,7 +58,7 @@
                   internal
                   interactive
                   :name="config.closeIconName"
-                  :data-cy="`${dataCy}-close`"
+                  :data-test="`${dataTest}-close`"
                   v-bind="closeIconAttrs"
                   @click="onClickCloseModal"
                 />
@@ -236,9 +236,9 @@ const props = defineProps({
   },
 
   /**
-   * Set data-cy attribute for automated testing.
+   * Set data-test attribute for automated testing.
    */
-  dataCy: {
+  dataTest: {
     type: String,
     default: "",
   },

package/ui.container-modal-confirm/index.vue

@@ -5,7 +5,7 @@
     :title="title"
     no-divider
     mobile-bottom-align
-    :data-cy="dataCy"
+    :data-test="dataTest"
     v-bind="modalAttrs"
   >
     <template #header-left-before>
@@ -36,7 +36,7 @@
           :label="confirmLabel || currentLocale.confirm"
           :color="confirmColor"
           :disabled="confirmDisabled"
-          :data-cy="`${dataCy}-accept`"
+          :data-test="`${dataTest}-accept`"
           v-bind="confirmButtonAttrs"
           @click="emitConfirmAction"
         />
@@ -47,7 +47,7 @@
           variant="thirdary"
           color="gray"
           filled
-          :data-cy="`${dataCy}-close`"
+          :data-test="`${dataTest}-close`"
           v-bind="cancelButtonAttrs"
           @click="onCloseModal"
         />
@@ -145,9 +145,9 @@ const props = defineProps({
   },
 
   /**
-   * Data-cy attribute for automated testing.
+   * Data-test attribute for automated testing.
    */
-  dataCy: {
+  dataTest: {
     type: String,
     default: "",
   },

package/ui.container-page/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div :data-cy="dataCy" v-bind="wrapperAttrs">
+  <div :data-test="dataTest" v-bind="wrapperAttrs">
     <div v-bind="pageAttrs">
       <!-- @slot Use it to add something before the header. -->
       <slot name="header-before" />
@@ -173,9 +173,9 @@ const props = defineProps({
   },
 
   /**
-   * Sets data-cy attribute for automated testing.
+   * Data-test attribute for automated testing.
    */
-  dataCy: {
+  dataTest: {
     type: String,
     default: "",
   },

package/ui.container-row/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div v-bind="wrapperAttrs" :data-cy="dataCy">
+  <div v-bind="wrapperAttrs" :data-test="dataTest">
     <!-- @slot Use it to add something inside. -->
     <slot />
   </div>
@@ -76,9 +76,9 @@ const props = defineProps({
   },
 
   /**
-   * Data-cy attribute for automated testing.
+   * Data-test attribute for automated testing.
    */
-  dataCy: {
+  dataTest: {
     type: String,
     default: "",
   },

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/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/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

@@ -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/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/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/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/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/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/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/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/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/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
       `,
       },
     },

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: "",
   },

package/ui.form-input-file/index.vue

@@ -25,13 +25,13 @@
           <template #right="{ file }">
             <UIcon
               v-if="props.multiple && !disabled"
-              pill
+              round
               internal
               interactive
               color="brand"
               :size="removeItemIconSize"
               :name="config.removeItemIconName"
-              :data-cy="`${dataCy}-remove-item`"
+              :data-test="`${dataTest}-remove-item`"
               v-bind="removeItemIconAttrs"
               @click.stop.prevent="onClickRemoveItem(file.id)"
             />
@@ -51,7 +51,7 @@
               :label="currentLocale.uploadFile"
               :disabled="disabled"
               v-bind="chooseFileButtonAttrs"
-              :data-cy="`${dataCy}-upload`"
+              :data-test="`${dataTest}-upload`"
             />
 
             <input
@@ -67,7 +67,7 @@
 
           <UButton
             v-if="isValue && !disabled"
-            pill
+            round
             square
             filled
             no-ring
@@ -76,7 +76,7 @@
             :disabled="disabled"
             :left-icon="config.clearIconName"
             v-bind="clearButtonAttrs"
-            :data-cy="`${dataCy}-clear`"
+            :data-test="`${dataTest}-clear`"
             @click="onClickResetFiles"
           />
         </div>
@@ -209,9 +209,9 @@ const props = defineProps({
   },
 
   /**
-   * Data-cy attribute for automated testing.
+   * Data-test attribute for automated testing.
    */
-  dataCy: {
+  dataTest: {
     type: String,
     default: "",
   },