prometeo-design-system 3.1.2 → 3.1.4

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "prometeo-design-system",
   "private": false,
-  "version": "3.1.2",
+  "version": "3.1.4",
   "type": "module",
   "description": "design kit system",
   "main": "dist/prometeo-design-system.umd.js",
   "module": "dist/prometeo-design-system.es.js",
   "types": "dist/index.d.ts",
-  "sideEffects":false,
+  "sideEffects": false,
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -182,6 +182,10 @@
       "types": "./dist/RecurrentDatePickerRRule.d.ts",
       "import": "./dist/RecurrentDatePickerRRule.es.js"
     },
+    "./Scrollable": {
+      "types": "./dist/Scrollable.d.ts",
+      "import": "./dist/Scrollable.es.js"
+    },
     "./styles": "./dist/styles.css",
     "./intellisense": "./src/styles/intellisense.css"
   },
@@ -255,7 +259,7 @@
     "react-dropzone": "^14.3.8",
     "react-router": "^7.9.3",
     "react-router-dom": "^7.9.3",
-    "rrule": "^2.7.2",
+    "rrule": "^2.8.1",
     "sonner": "^2.0.7",
     "storybook": "^9.1.3",
     "tailwind-merge": "^3.3.1",
@@ -271,9 +275,8 @@
   "peerDependencies": {
     "@emotion/is-prop-valid": "^1.4.0",
     "@gsap/react": "^2.0.0",
-    "clsx": "^2.0.0",
-    "tailwindcss": "^4.1.12",
     "@tailwindcss/postcss": "^4.1.14",
+    "clsx": "^2.0.0",
     "framer-motion": "^12.0.0",
     "gsap": "^3.12.5",
     "react": "^19.0.0",
@@ -284,6 +287,7 @@
     "rrule": "^2.7.2",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.0.0",
+    "tailwindcss": "^4.1.12",
     "use-debounce": "^10.0.0"
   },
   "overrides": {

package/src/styles/base.css

@@ -2,6 +2,7 @@
 @import "./palette.css";
 @import "./utilities.css";
 
+
 /* Component Styles */
 @import "../components/Drawer/Drawer.styles.css";
 @import "../components/DatePicker/DatePicker.css";
@@ -11,6 +12,7 @@
 @import "../components/TabSwitch/Tabswitch.styles.css";
 @import "../components/NavigationDrawer/NavigationDrawer.css";
 @import "../components/NavigationDrawer/NavItem.css";
+@import "../components/PyrionNavigationDrawer/PyrionNavigationDrawer.css";
 
 
 * {
@@ -1184,6 +1186,28 @@ body {
 
 }
 
+@utility prometeo-scrollbar-thin-weak {
+    --sb-size: 12px !important;
+    --sb-track-color-weak: var(--neutral-900) !important;
+    --sb-thumb-color-weak: var(--primary-900) !important;
+
+    &::-webkit-scrollbar {
+        width: 12px !important;
+        height: var(--sb-size) !important;
+    }
+
+    &::-webkit-scrollbar-track {
+        background: var(--sb-track-color-weak) !important;
+    }
+
+    &::-webkit-scrollbar-thumb {
+        background: var(--sb-thumb-color-weak) !important;
+        border: 5px solid var(--sb-track-color-weak) !important;
+        border-radius: 8px !important;
+    }
+
+}
+
 @utility scrollbar-stable {
     scrollbar-gutter: stable;
 }
@@ -1331,3 +1355,26 @@ width: var(--input-width, 100%);
         opacity: 1;
     }
 }
+
+@keyframes shadowPulse {
+    0% {
+        opacity: 0;
+        transform: scaleY(1);
+    }
+    20% {
+        opacity: 0.3;
+        transform: scaleY(1.05);
+    }
+    50% {
+        opacity: 0.05;
+        transform: scaleY(1);
+    }
+    80% {
+        opacity: 0.3;
+        transform: scaleY(1.05);
+    }
+    100% {
+        opacity: 0.05;
+        transform: scaleY(1);
+    }
+}

package/src/styles/intellisense.css

@@ -232,6 +232,7 @@
 @utility ring-error-default-pressed { --intellisense-ring-error-default-pressed: 1; }
 @utility ring-error-default-focused { --intellisense-ring-error-default-focused: 1; }
 @utility prometeo-scrollbar-thin { --intellisense-prometeo-scrollbar-thin: 1; }
+@utility prometeo-scrollbar-thin-weak { --intellisense-prometeo-scrollbar-thin-weak: 1; }
 @utility scrollbar-stable { --intellisense-scrollbar-stable: 1; }
 @utility prometeo-scrollbar-overlay { --intellisense-prometeo-scrollbar-overlay: 1; }
 @utility prometeo-scrollbar-overlay-x { --intellisense-prometeo-scrollbar-overlay-x: 1; }

package/src/styles/palette.css

@@ -79,5 +79,8 @@
         --progress-300: #51a2ff;
         --progress-500: #155dfc;
         --progress-800: #193cb8;
+
+        /* Pyrion Colors  */
+        --pyrion-orange-500: #FC5509;
     }
 }

package/src/styles/utilities.css

@@ -1080,6 +1080,24 @@
         }
     }
 
+    .prometeo-scrollbar-thin-weak {
+        --sb-size: 12px !important;
+        --sb-track-color-weak: var(--neutral-900) !important;
+        --sb-thumb-color-weak: var(--primary-900) !important;
+        &::-webkit-scrollbar {
+        width: 12px !important;
+        height: var(--sb-size) !important;
+        }
+        &::-webkit-scrollbar-track {
+        background: var(--sb-track-color-weak) !important;
+        }
+        &::-webkit-scrollbar-thumb {
+        background: var(--sb-thumb-color-weak) !important;
+        border: 5px solid var(--sb-track-color-weak) !important;
+        border-radius: 8px !important;
+        }
+    }
+
 
     .scrollbar-stable {
         scrollbar-gutter: stable;