vueless 1.3.8 → 1.3.9-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vueless",
3
- "version": "1.3.8",
3
+ "version": "1.3.9-beta.1",
4
4
  "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
5
5
  "author": "Johnny Grid <hello@vueless.com> (https://vueless.com)",
6
6
  "homepage": "https://vueless.com",
@@ -57,7 +57,7 @@
57
57
  "@vue/eslint-config-typescript": "^14.6.0",
58
58
  "@vue/test-utils": "^2.4.6",
59
59
  "@vue/tsconfig": "^0.7.0",
60
- "@vueless/storybook": "^1.4.0",
60
+ "@vueless/storybook": "^1.4.1",
61
61
  "eslint": "^9.32.0",
62
62
  "eslint-plugin-storybook": "^10.0.2",
63
63
  "eslint-plugin-vue": "^10.3.0",
@@ -18,7 +18,7 @@ export default /*tw*/ {
18
18
  leaveToClass: "opacity-0",
19
19
  },
20
20
  innerWrapper: {
21
- base: "py-12 w-full h-max scroll-container [scrollbar-gutter:stable]",
21
+ base: "py-12 w-full h-screen scroll-container [scrollbar-gutter:stable]",
22
22
  variants: {
23
23
  wrapperTransitionCompleted: {
24
24
  true: "overflow-y-auto",
@@ -36,6 +36,7 @@ export default {
36
36
  args: {
37
37
  title: "Sign Up",
38
38
  modelValue: true,
39
+ config: { innerWrapper: "h-max" },
39
40
  },
40
41
  argTypes: {
41
42
  ...getArgTypes(UModal.__name),
@@ -206,7 +206,7 @@ describe("UModal", () => {
206
206
 
207
207
  await innerWrapper.trigger("mousedown");
208
208
  await innerWrapper.trigger("click");
209
- await sleep(500);
209
+ await sleep(1000);
210
210
 
211
211
  const modal = component.find('[vl-key="modal"]');
212
212
 
@@ -229,7 +229,7 @@ describe("UModal", () => {
229
229
  const wrapper = component.find("[vl-key='wrapper']");
230
230
 
231
231
  await wrapper.trigger("keydown", { key: "Escape" });
232
- await sleep(500);
232
+ await sleep(1000);
233
233
 
234
234
  const modal = component.find('[vl-key="modal"]');
235
235
 
@@ -1,9 +1,9 @@
1
1
  export default /*tw*/ {
2
- wrapper: "mt-3 absolute overflow-visible md:w-[22rem]",
2
+ wrapper: "first:mt-6 mt-3 mx-6 md:mx-4 z-9999 fixed overflow-visible md:w-[22rem]",
3
3
  transitionGroup: {
4
4
  moveClass: "transition duration-500",
5
5
  enterActiveClass: "transition duration-500",
6
- leaveActiveClass: "transition duration-500 absolute",
6
+ leaveActiveClass: "transition duration-500",
7
7
  enterFromClass: "opacity-0",
8
8
  leaveToClass: "opacity-0",
9
9
  },
@@ -17,7 +17,7 @@ export default /*tw*/ {
17
17
  bodyInfo: "{>body} bg-radial-[circle_at_0%_50%] from-info/25 from-2.17% to-transparent",
18
18
  content: "w-full flex flex-col max-w-full text-medium text-inverted",
19
19
  label: "mb-0.5 font-medium",
20
- description: "break-words font-normal",
20
+ description: "wrap-break-word font-normal",
21
21
  statusIcon: "{UIcon} brightness-125 dark:brightness-75",
22
22
  successIcon: "{UIcon} {>statusIcon} text-success",
23
23
  warningIcon: "{UIcon} {>statusIcon} text-warning",