@tecsinapse/cortex-react 1.14.1-beta.3 → 1.14.1-beta.4

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.
@@ -57,7 +57,7 @@ const CarouselItem = ({ item }) => {
57
57
  {
58
58
  type: "button",
59
59
  "data-testid": "button-link-carousel",
60
- className: "z-absolute absolute bottom-deca left-[10%]",
60
+ className: "z-absolute absolute bottom-giga left-[10%]",
61
61
  children: item.button.title
62
62
  }
63
63
  )
@@ -7,15 +7,13 @@ const menubar = tailwindVariants.tv({
7
7
  header: "relative w-screen px-kilo py-deca flex flex-row md:justify-between bg-white z-header sm:justify-start",
8
8
  left: "flex items-center w-fit",
9
9
  right: "flex items-center gap-x-deca hidden sm:flex",
10
- dropdown: "w-full bg-white flex-1 shadow-default z-popover px-[8vw]"
10
+ dropdown: "w-full bg-white flex-1 shadow-default z-popover px-[8vw] absolute"
11
11
  },
12
12
  variants: {
13
13
  show: {
14
14
  true: {
15
- dropdown: "pt-kilo pb-mega"
16
- },
17
- false: {
18
- dropdown: "max-h-0"
15
+ dropdown: "pt-kilo pb-mega",
16
+ false: "max-h-0"
19
17
  }
20
18
  }
21
19
  }
@@ -54,11 +52,11 @@ const subItem = tailwindVariants.tv({
54
52
  }
55
53
  });
56
54
  const animate = tailwindVariants.tv({
57
- base: "transition-all ease-in-out duration-250 overflow-hidden",
55
+ base: "transition-all ease-in-out duration-250",
58
56
  variants: {
59
57
  show: {
60
- true: "max-h-screen",
61
- false: "max-h-0"
58
+ true: "translate-y-0 opacity-1 visible",
59
+ false: "-translate-y-[120%] opacity-0 invisible max-h-0"
62
60
  }
63
61
  }
64
62
  });
@@ -55,7 +55,7 @@ const CarouselItem = ({ item }) => {
55
55
  {
56
56
  type: "button",
57
57
  "data-testid": "button-link-carousel",
58
- className: "z-absolute absolute bottom-deca left-[10%]",
58
+ className: "z-absolute absolute bottom-giga left-[10%]",
59
59
  children: item.button.title
60
60
  }
61
61
  )
@@ -5,15 +5,13 @@ const menubar = tv({
5
5
  header: "relative w-screen px-kilo py-deca flex flex-row md:justify-between bg-white z-header sm:justify-start",
6
6
  left: "flex items-center w-fit",
7
7
  right: "flex items-center gap-x-deca hidden sm:flex",
8
- dropdown: "w-full bg-white flex-1 shadow-default z-popover px-[8vw]"
8
+ dropdown: "w-full bg-white flex-1 shadow-default z-popover px-[8vw] absolute"
9
9
  },
10
10
  variants: {
11
11
  show: {
12
12
  true: {
13
- dropdown: "pt-kilo pb-mega"
14
- },
15
- false: {
16
- dropdown: "max-h-0"
13
+ dropdown: "pt-kilo pb-mega",
14
+ false: "max-h-0"
17
15
  }
18
16
  }
19
17
  }
@@ -52,11 +50,11 @@ const subItem = tv({
52
50
  }
53
51
  });
54
52
  const animate = tv({
55
- base: "transition-all ease-in-out duration-250 overflow-hidden",
53
+ base: "transition-all ease-in-out duration-250",
56
54
  variants: {
57
55
  show: {
58
- true: "max-h-screen",
59
- false: "max-h-0"
56
+ true: "translate-y-0 opacity-1 visible",
57
+ false: "-translate-y-[120%] opacity-0 invisible max-h-0"
60
58
  }
61
59
  }
62
60
  });
@@ -2,9 +2,7 @@ export declare const menubar: import("tailwind-variants").TVReturnType<{
2
2
  show: {
3
3
  true: {
4
4
  dropdown: string;
5
- };
6
- false: {
7
- dropdown: string;
5
+ false: string;
8
6
  };
9
7
  };
10
8
  }, {
@@ -16,9 +14,7 @@ export declare const menubar: import("tailwind-variants").TVReturnType<{
16
14
  show: {
17
15
  true: {
18
16
  dropdown: string;
19
- };
20
- false: {
21
- dropdown: string;
17
+ false: string;
22
18
  };
23
19
  };
24
20
  }, {
@@ -30,9 +26,7 @@ export declare const menubar: import("tailwind-variants").TVReturnType<{
30
26
  show: {
31
27
  true: {
32
28
  dropdown: string;
33
- };
34
- false: {
35
- dropdown: string;
29
+ false: string;
36
30
  };
37
31
  };
38
32
  }, {
@@ -219,7 +213,7 @@ export declare const animate: import("tailwind-variants").TVReturnType<{
219
213
  true: string;
220
214
  false: string;
221
215
  };
222
- }, undefined, "transition-all ease-in-out duration-250 overflow-hidden", {
216
+ }, undefined, "transition-all ease-in-out duration-250", {
223
217
  show: {
224
218
  true: string;
225
219
  false: string;
@@ -229,4 +223,4 @@ export declare const animate: import("tailwind-variants").TVReturnType<{
229
223
  true: string;
230
224
  false: string;
231
225
  };
232
- }, undefined, "transition-all ease-in-out duration-250 overflow-hidden", unknown, unknown, undefined>>;
226
+ }, undefined, "transition-all ease-in-out duration-250", unknown, unknown, undefined>>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tecsinapse/cortex-react",
3
- "version": "1.14.1-beta.3",
3
+ "version": "1.14.1-beta.4",
4
4
  "description": "React components based in @tecsinapse/cortex-core",
5
5
  "license": "MIT",
6
6
  "main": "dist/esm/index.js",
@@ -20,7 +20,7 @@
20
20
  "dependencies": {
21
21
  "@floating-ui/react": "^0.26.18",
22
22
  "@internationalized/date": "3.7.0",
23
- "@tecsinapse/cortex-core": "1.2.0-beta.11",
23
+ "@tecsinapse/cortex-core": "1.2.0-beta.12",
24
24
  "clsx": "2.1.1",
25
25
  "currency.js": "2.0.4",
26
26
  "embla-carousel-autoplay": "^8.0.0",
@@ -48,5 +48,5 @@
48
48
  "react-icons": ">=5.2.0",
49
49
  "tailwindcss": "^4.1.16"
50
50
  },
51
- "gitHead": "602490b0038907a0965283c460819443043ca692"
51
+ "gitHead": "c58714213817635c3f432931f4a1dc4b74106d9e"
52
52
  }