@producteca/producteca-ui-kit 1.74.1 → 1.75.0

package/dist/locales/es.d.ts

@@ -474,6 +474,10 @@ declare const _default: {
         textColors: string;
         borderColors: string;
         borderRadius: string;
+        shadows: string;
+        shadowSm: string;
+        shadowMd: string;
+        shadowLg: string;
         allVariables: string;
         allVariablesDescription: string;
         howToUse: string;

package/dist/producteca-ui-kit.es.js

@@ -20412,6 +20412,10 @@ const es$3 = {
     textColors: "Colores de texto",
     borderColors: "Colores de borde",
     borderRadius: "Radio de borde",
+    shadows: "Sombras",
+    shadowSm: "Sombra chica — usada en cards",
+    shadowMd: "Sombra media — usada en dropdowns, date pickers y menús de acción",
+    shadowLg: "Sombra grande — usada en modales",
     allVariables: "Todas las variables CSS",
     allVariablesDescription: "Referencia completa de todas las variables CSS disponibles en el UI Kit.",
     howToUse: "Cómo usar las variables",
@@ -57679,7 +57683,7 @@ const datePickerYearStyles = {
 };
 const datePickerPopperStyles = {
   "& .MuiPickerPopper-paper": {
-    boxShadow: "var(--elevation-shadow)"
+    boxShadow: "var(--shadow-md)"
   }
 };
 const lg$8 = "datePicker-module_lg_lvvw6";
@@ -68321,8 +68325,7 @@ const MoreVertIcon = createSvgIcon(/* @__PURE__ */ jsx$1("path", {
 }), "MoreVert");
 const menuPaperSx = (size2, maxItemsVisible) => ({
   "& .MuiPopover-paper": {
-    boxShadow: "var(--elevation-shadow)",
-    border: "1px solid var(--border-default)",
+    boxShadow: "var(--shadow-md)",
     maxHeight: `${maxHeight(size2, maxItemsVisible)}px`
   }
 });
@@ -72973,8 +72976,7 @@ const StyledMenu = styled(Menu$1, {
   "& .MuiPaper-root": {
     borderRadius: 4,
     marginTop: 1,
-    boxShadow: "var(--elevation-shadow)",
-    border: "1px solid var(--border-default)",
+    boxShadow: "var(--shadow-md)",
     "& .MuiMenu-list": {
       padding: "4px 0"
     },