anima-ds-nucleus 1.0.9 → 1.0.10
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/dist/anima-ds.cjs.js +38 -38
- package/dist/anima-ds.esm.js +423 -427
- package/package.json +1 -1
- package/src/components/DataDisplay/Card/CardError.jsx +1 -2
- package/src/components/DataDisplay/Card/CardSkeleton.jsx +1 -2
- package/src/components/DataDisplay/Card/CardTituloCorto.jsx +1 -2
- package/src/components/DataDisplay/Card/CardTituloCortoMasEstado.jsx +1 -2
- package/src/components/DataDisplay/Card/CardTituloLargo.jsx +1 -2
- package/src/components/DataDisplay/Card/CardTituloLargoMasEstado.jsx +1 -2
- package/src/components/DataDisplay/Card/CardVacia.jsx +1 -2
- package/src/components/Layout/Sidebar/SidebarCore.jsx +6 -3
package/package.json
CHANGED
|
@@ -14,8 +14,7 @@ export const CardError = ({
|
|
|
14
14
|
width: '379.5px',
|
|
15
15
|
height: '476px',
|
|
16
16
|
borderRadius: '14px',
|
|
17
|
-
border: '1px solid #
|
|
18
|
-
boxShadow: '0px 4px 6px -2px #0000001A, 0px 10px 15px -3px #0000001A',
|
|
17
|
+
border: '1px solid #C4C4C4',
|
|
19
18
|
opacity: 1
|
|
20
19
|
}}
|
|
21
20
|
{...props}
|
|
@@ -9,8 +9,7 @@ export const CardSkeleton = ({
|
|
|
9
9
|
width: '379.5px',
|
|
10
10
|
height: '476px',
|
|
11
11
|
borderRadius: '14px',
|
|
12
|
-
border: '1px solid #
|
|
13
|
-
boxShadow: '0px 4px 6px -2px #0000001A, 0px 10px 15px -3px #0000001A',
|
|
12
|
+
border: '1px solid #C4C4C4',
|
|
14
13
|
opacity: 1
|
|
15
14
|
}}
|
|
16
15
|
{...props}
|
|
@@ -13,8 +13,7 @@ export const CardTituloCorto = ({
|
|
|
13
13
|
width: '379.5px',
|
|
14
14
|
height: '476px',
|
|
15
15
|
borderRadius: '14px',
|
|
16
|
-
border: '1px solid #
|
|
17
|
-
boxShadow: '0px 4px 6px -2px #0000001A, 0px 10px 15px -3px #0000001A',
|
|
16
|
+
border: '1px solid #C4C4C4',
|
|
18
17
|
opacity: 1
|
|
19
18
|
}}
|
|
20
19
|
{...props}
|
|
@@ -14,8 +14,7 @@ export const CardTituloCortoMasEstado = ({
|
|
|
14
14
|
width: '379.5px',
|
|
15
15
|
height: '476px',
|
|
16
16
|
borderRadius: '14px',
|
|
17
|
-
border: '1px solid #
|
|
18
|
-
boxShadow: '0px 4px 6px -2px #0000001A, 0px 10px 15px -3px #0000001A',
|
|
17
|
+
border: '1px solid #C4C4C4',
|
|
19
18
|
opacity: 1
|
|
20
19
|
}}
|
|
21
20
|
{...props}
|
|
@@ -13,8 +13,7 @@ export const CardTituloLargo = ({
|
|
|
13
13
|
width: '379.5px',
|
|
14
14
|
height: '476px',
|
|
15
15
|
borderRadius: '14px',
|
|
16
|
-
border: '1px solid #
|
|
17
|
-
boxShadow: '0px 4px 6px -2px #0000001A, 0px 10px 15px -3px #0000001A',
|
|
16
|
+
border: '1px solid #C4C4C4',
|
|
18
17
|
opacity: 1
|
|
19
18
|
}}
|
|
20
19
|
{...props}
|
|
@@ -14,8 +14,7 @@ export const CardTituloLargoMasEstado = ({
|
|
|
14
14
|
width: '379.5px',
|
|
15
15
|
height: '476px',
|
|
16
16
|
borderRadius: '14px',
|
|
17
|
-
border: '1px solid #
|
|
18
|
-
boxShadow: '0px 4px 6px -2px #0000001A, 0px 10px 15px -3px #0000001A',
|
|
17
|
+
border: '1px solid #C4C4C4',
|
|
19
18
|
opacity: 1
|
|
20
19
|
}}
|
|
21
20
|
{...props}
|
|
@@ -13,8 +13,7 @@ export const CardVacia = ({
|
|
|
13
13
|
width: '379.5px',
|
|
14
14
|
height: '476px',
|
|
15
15
|
borderRadius: '14px',
|
|
16
|
-
border: '1px solid #
|
|
17
|
-
boxShadow: '0px 4px 6px -2px #0000001A, 0px 10px 15px -3px #0000001A',
|
|
16
|
+
border: '1px solid #C4C4C4',
|
|
18
17
|
opacity: 1
|
|
19
18
|
}}
|
|
20
19
|
{...props}
|
|
@@ -93,8 +93,9 @@ const SidebarCoreMobile = ({
|
|
|
93
93
|
{!isMobileMenuOpen && controlledIsOpen === undefined && (
|
|
94
94
|
<button
|
|
95
95
|
onClick={toggleMobileMenu}
|
|
96
|
-
className="fixed top-4 left-4 z-50 p-2 bg-white
|
|
96
|
+
className="fixed top-4 left-4 z-50 p-2 bg-white rounded-lg
|
|
97
97
|
hover:bg-gray-50 transition-colors"
|
|
98
|
+
style={{ border: '1px solid #C4C4C4' }}
|
|
98
99
|
aria-label="Toggle menu"
|
|
99
100
|
>
|
|
100
101
|
<Icon
|
|
@@ -122,7 +123,8 @@ const SidebarCoreMobile = ({
|
|
|
122
123
|
}}
|
|
123
124
|
/>
|
|
124
125
|
<aside
|
|
125
|
-
className={`bg-white
|
|
126
|
+
className={`bg-white sidebar-core-mobile ${className}`}
|
|
127
|
+
style={{ border: '1px solid #C4C4C4', borderRadius: '16px' }}
|
|
126
128
|
{...props}
|
|
127
129
|
>
|
|
128
130
|
<nav className="h-full flex flex-col">
|
|
@@ -464,9 +466,10 @@ export const SidebarCore = ({
|
|
|
464
466
|
|
|
465
467
|
return (
|
|
466
468
|
<aside
|
|
467
|
-
className={`bg-white
|
|
469
|
+
className={`bg-white transition-all duration-300 ease-in-out h-full ${
|
|
468
470
|
isCollapsed ? 'w-20' : 'w-64'
|
|
469
471
|
} ${className}`}
|
|
472
|
+
style={{ border: '1px solid #C4C4C4', borderRadius: '16px' }}
|
|
470
473
|
{...props}
|
|
471
474
|
>
|
|
472
475
|
<nav className="h-full flex flex-col" style={{ overflow: 'hidden' }}>
|