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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "anima-ds-nucleus",
3
- "version": "1.0.9",
3
+ "version": "1.0.10",
4
4
  "description": "Anima Design System - A comprehensive React component library",
5
5
  "author": "Nucleus Labs <ipvasallo@nucleus.com.ar>",
6
6
  "license": "UNLICENSED",
@@ -14,8 +14,7 @@ export const CardError = ({
14
14
  width: '379.5px',
15
15
  height: '476px',
16
16
  borderRadius: '14px',
17
- border: '1px solid #0000001A',
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 #0000001A',
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 #0000001A',
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 #0000001A',
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 #0000001A',
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 #0000001A',
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 #0000001A',
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 border border-gray-200 rounded-lg shadow-md
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 border-r border-gray-200 sidebar-core-mobile ${className}`}
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 border-r border-gray-200 transition-all duration-300 ease-in-out h-full ${
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' }}>