vueless 1.0.2-beta.45 → 1.0.2-beta.46

package/package.json

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

package/ui.form-date-picker/storybook/stories.ts

@@ -270,7 +270,7 @@ export const Slots: StoryFn<DefaultUDatePickerArgs> = (args) => ({
         v-bind="args"
         v-model="args.modelValue"
         class="w-full"
-        :config="{ datepickerInput: { leftSlot: 'pl-0' } }"
+        :config="{ datepickerInput: { wrapper: 'pl-0' } }"
       >
         <template #left>
           <UButton
@@ -287,7 +287,7 @@ export const Slots: StoryFn<DefaultUDatePickerArgs> = (args) => ({
         v-bind="args"
         v-model="args.modelValue"
         class="w-full"
-        :config="{ datepickerInput: { rightSlot: 'pr-0' } }"
+        :config="{ datepickerInput: { wrapper: 'pr-0' } }"
       >
         <template #right>
           <UButton

package/ui.form-date-picker-range/storybook/stories.ts

@@ -277,7 +277,7 @@ export const Slots: StoryFn<DefaultUDatePickerRangeArgs> = (args) => ({
         v-model="args.modelValue"
         variant="input"
         class="w-full"
-        :config="{ datepickerInput: { leftSlot: 'pl-0' } }"
+        :config="{ datepickerInput: { wrapper: 'pl-0' } }"
       >
         <template #left>
           <UButton label="Export" size="xs" class="h-full rounded-r-none" />
@@ -288,7 +288,7 @@ export const Slots: StoryFn<DefaultUDatePickerRangeArgs> = (args) => ({
         v-model="args.modelValue"
         variant="input"
         class="w-full"
-        :config="{ datepickerInput: { rightSlot: 'pr-0' } }"
+        :config="{ datepickerInput: { wrapper: 'pr-0' } }"
       >
         <template #right>
           <UButton label="Schedule" size="xs" class="h-full rounded-l-none" />

package/ui.form-input-number/storybook/stories.ts

@@ -217,7 +217,7 @@ export const Slots: StoryFn<UInputNumberArgs> = (args) => ({
       <UInputNumber
         label="Left slot"
         placeholder="Enter discount amount"
-        :config="{ numberInput: { leftSlot: 'pl-0' } }"
+        :config="{ numberInput: { wrapper: 'pl-0' } }"
       >
         <template #left>
           <UDropdownButton

package/ui.form-input-password/storybook/stories.ts

@@ -154,7 +154,7 @@ export const Slots: StoryFn<UInputPasswordArgs> = (args) => ({
         v-bind="args"
         v-model="args.modelValue"
         label="Enter your password"
-        :config="{ passwordInput: { leftSlot: 'pl-0' } }"
+        :config="{ passwordInput: { wrapper: 'pl-0' } }"
       >
         <template #label="{ label }">
           {{ label }}
@@ -177,7 +177,7 @@ export const Slots: StoryFn<UInputPasswordArgs> = (args) => ({
         v-bind="args"
         v-model="args.modelValue"
         label="Enter your password"
-        :config="{ passwordInput: { rightSlot: 'pr-0' } }"
+        :config="{ passwordInput: { wrapper: 'pr-0' } }"
       >
         <template #label="{ label }">
           {{ label }}

package/ui.form-input-search/config.ts

@@ -2,7 +2,7 @@ export default /*tw*/ {
   searchInput: "{UInput}",
   searchInputWithButton: {
     base: "{UInput} {>searchInput}",
-    rightSlot: "pr-0",
+    wrapper: "pr-0",
   },
   inputIcon: {
     base: "{UIcon}",

package/ui.form-input-search/storybook/stories.ts

@@ -175,7 +175,7 @@ export const Slots: StoryFn<UInputSearchArgs> = (args) => ({
 
       <UInputSearch
         placeholder="Ask something..."
-        :config="{ searchInput: { leftSlot: 'pl-0' } }"
+        :config="{ searchInput: { wrapper: 'pl-0' } }"
       >
         <template #left>
           <UDropdownButton