@tecsinapse/cortex-react 1.3.0-beta.10 → 1.3.0-beta.13

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.
Files changed (7) hide show
  1. package/dist/cjs/components/Menubar/Dropdown.js +1 -1
  2. package/dist/cjs/components/Menubar/Header.js +1 -2
  3. package/dist/cjs/styles/menubar.js +10 -2
  4. package/dist/esm/components/Menubar/Dropdown.js +1 -1
  5. package/dist/esm/components/Menubar/Header.js +1 -2
  6. package/dist/esm/styles/menubar.js +10 -2
  7. package/package.json +3 -3
package/dist/cjs/components/Menubar/Dropdown.js CHANGED
@@ -12,7 +12,7 @@ const Dropdown = ({ children, ...rest }) => {
12
12
  return /* @__PURE__ */ React.createElement(
13
13
  "div",
14
14
  {
15
- className: clsx(dropdown(), menubar.animate({ show })),
15
+ className: clsx(dropdown({ show }), menubar.animate({ show })),
16
16
  "data-testid": "dropdown-menubar",
17
17
  ...rest
18
18
  },
package/dist/cjs/components/Menubar/Header.js CHANGED
@@ -1,7 +1,6 @@
1
1
  'use strict';
2
2
 
3
3
  var React = require('react');
4
- var clsx = require('clsx');
5
4
  var menubar = require('../../styles/menubar.js');
6
5
  var Button = require('../Button.js');
7
6
  var io5 = require('react-icons/io5');
@@ -14,7 +13,7 @@ const Header = ({ children, className, ...rest }) => {
14
13
  return /* @__PURE__ */ React.createElement(
15
14
  "div",
16
15
  {
17
- className: clsx.clsx(root(), className),
16
+ className: root({ className }),
18
17
  "data-testid": "header-menubar",
19
18
  ...rest
20
19
  },
package/dist/cjs/styles/menubar.js CHANGED
@@ -7,7 +7,15 @@ const menubar = tailwindVariants.tv({
7
7
  root: "w-screen px-kilo py-deca flex flex-row justify-between bg-white z-[100]",
8
8
  left: "flex items-center w-fit",
9
9
  right: "flex items-center gap-x-deca",
10
- dropdown: "w-full bg-white flex-1 pt-kilo pb-mega shadow-default px-[8vw] z-[100]"
10
+ dropdown: "w-full bg-white flex-1 shadow-default z-[100] px-[8vw]"
11
+ },
12
+ variants: {
13
+ show: {
14
+ true: {
15
+ dropdown: "pt-kilo pb-mega",
16
+ false: "max-h-0"
17
+ }
18
+ }
11
19
  }
12
20
  });
13
21
  const mostUsed = tailwindVariants.tv({
@@ -48,7 +56,7 @@ const animate = tailwindVariants.tv({
48
56
  variants: {
49
57
  show: {
50
58
  true: "translate-y-0 opacity-1 visible",
51
- false: "-translate-y-[120%] opacity-0 invisible"
59
+ false: "-translate-y-[120%] opacity-0 invisible max-h-0"
52
60
  }
53
61
  }
54
62
  });
package/dist/esm/components/Menubar/Dropdown.js CHANGED
@@ -10,7 +10,7 @@ const Dropdown = ({ children, ...rest }) => {
10
10
  return /* @__PURE__ */ React.createElement(
11
11
  "div",
12
12
  {
13
- className: clsx(dropdown(), animate({ show })),
13
+ className: clsx(dropdown({ show }), animate({ show })),
14
14
  "data-testid": "dropdown-menubar",
15
15
  ...rest
16
16
  },
package/dist/esm/components/Menubar/Header.js CHANGED
@@ -1,5 +1,4 @@
1
1
  import React from 'react';
2
- import { clsx } from 'clsx';
3
2
  import { menubar } from '../../styles/menubar.js';
4
3
  import { Button } from '../Button.js';
5
4
  import { IoMenu } from 'react-icons/io5';
@@ -12,7 +11,7 @@ const Header = ({ children, className, ...rest }) => {
12
11
  return /* @__PURE__ */ React.createElement(
13
12
  "div",
14
13
  {
15
- className: clsx(root(), className),
14
+ className: root({ className }),
16
15
  "data-testid": "header-menubar",
17
16
  ...rest
18
17
  },
package/dist/esm/styles/menubar.js CHANGED
@@ -5,7 +5,15 @@ const menubar = tv({
5
5
  root: "w-screen px-kilo py-deca flex flex-row justify-between bg-white z-[100]",
6
6
  left: "flex items-center w-fit",
7
7
  right: "flex items-center gap-x-deca",
8
- dropdown: "w-full bg-white flex-1 pt-kilo pb-mega shadow-default px-[8vw] z-[100]"
8
+ dropdown: "w-full bg-white flex-1 shadow-default z-[100] px-[8vw]"
9
+ },
10
+ variants: {
11
+ show: {
12
+ true: {
13
+ dropdown: "pt-kilo pb-mega",
14
+ false: "max-h-0"
15
+ }
16
+ }
9
17
  }
10
18
  });
11
19
  const mostUsed = tv({
@@ -46,7 +54,7 @@ const animate = tv({
46
54
  variants: {
47
55
  show: {
48
56
  true: "translate-y-0 opacity-1 visible",
49
- false: "-translate-y-[120%] opacity-0 invisible"
57
+ false: "-translate-y-[120%] opacity-0 invisible max-h-0"
50
58
  }
51
59
  }
52
60
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tecsinapse/cortex-react",
3
- "version": "1.3.0-beta.10",
3
+ "version": "1.3.0-beta.13",
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": "*",
23
- "@tecsinapse/cortex-core": "0.3.0-beta.4",
23
+ "@tecsinapse/cortex-core": "0.3.0-beta.7",
24
24
  "clsx": "*",
25
25
  "react-aria": "^3.33.1",
26
26
  "react-icons": "^5.2.1",
@@ -42,5 +42,5 @@
42
42
  "react-dom": ">=18.0.0",
43
43
  "tailwind": ">=3.3.0"
44
44
  },
45
- "gitHead": "1474ff5567adf5659cc49acefa0a4b90956dccb9"
45
+ "gitHead": "61d923bfc8f23ec1d0347cdf889f3841c468ff5c"
46
46
  }