@vanduo-oss/framework 1.3.9 → 1.4.1

package/css/utilities/transitions.css

@@ -5,63 +5,75 @@
 
 :root {
   /* Transition Durations */
-  --transition-duration-fast: 150ms;
-  --transition-duration-base: 200ms;
-  --transition-duration-slow: 300ms;
-  --transition-duration-slower: 400ms;
-  --transition-duration-slowest: 500ms;
+  --vd-transition-duration-fast: 150ms;
+  --vd-transition-duration-base: 200ms;
+  --vd-transition-duration-slow: 300ms;
+  --vd-transition-duration-slower: 400ms;
+  --vd-transition-duration-slowest: 500ms;
   
   /* Transition Timing Functions */
-  --transition-ease: ease;
-  --transition-ease-in: ease-in;
-  --transition-ease-out: ease-out;
-  --transition-ease-in-out: ease-in-out;
-  --transition-linear: linear;
+  --vd-transition-ease: ease;
+  --vd-transition-ease-in: ease-in;
+  --vd-transition-ease-out: ease-out;
+  --vd-transition-ease-in-out: ease-in-out;
+  --vd-transition-linear: linear;
   
   /* Common Transitions */
-  --transition-base: all var(--transition-duration-base) var(--transition-ease);
-  --transition-fast: all var(--transition-duration-fast) var(--transition-ease);
-  --transition-slow: all var(--transition-duration-slow) var(--transition-ease);
-  --transition-color: color var(--transition-duration-base) var(--transition-ease);
-  --transition-bg: background-color var(--transition-duration-base) var(--transition-ease);
-  --transition-border: border-color var(--transition-duration-base) var(--transition-ease);
-  --transition-opacity: opacity var(--transition-duration-base) var(--transition-ease);
-  --transition-transform: transform var(--transition-duration-base) var(--transition-ease);
-  --transition-shadow: box-shadow var(--transition-duration-base) var(--transition-ease);
+  --vd-transition-base: all var(--vd-transition-duration-base) var(--vd-transition-ease);
+  --vd-transition-fast: all var(--vd-transition-duration-fast) var(--vd-transition-ease);
+  --vd-transition-slow: all var(--vd-transition-duration-slow) var(--vd-transition-ease);
+  --vd-transition-color: color var(--vd-transition-duration-base) var(--vd-transition-ease);
+  --vd-transition-bg: background-color var(--vd-transition-duration-base) var(--vd-transition-ease);
+  --vd-transition-border: border-color var(--vd-transition-duration-base) var(--vd-transition-ease);
+  --vd-transition-opacity: opacity var(--vd-transition-duration-base) var(--vd-transition-ease);
+  --vd-transition-transform: transform var(--vd-transition-duration-base) var(--vd-transition-ease);
+  --vd-transition-shadow: box-shadow var(--vd-transition-duration-base) var(--vd-transition-ease);
 }
 
 /* Transition Duration Utilities */
 .vd-transition-none { transition: none; }
-.vd-transition-fast { transition-duration: var(--transition-duration-fast); }
-.vd-transition-base { transition-duration: var(--transition-duration-base); }
-.vd-transition-slow { transition-duration: var(--transition-duration-slow); }
-.vd-transition-slower { transition-duration: var(--transition-duration-slower); }
-.vd-transition-slowest { transition-duration: var(--transition-duration-slowest); }
+.vd-transition-fast {
+  transition: var(--vd-transition-fast);
+  transition-duration: var(--vd-transition-duration-fast);
+}
+.vd-transition-base { transition-duration: var(--vd-transition-duration-base); }
+.vd-transition-slow {
+  transition: var(--vd-transition-slow);
+  transition-duration: var(--vd-transition-duration-slow);
+}
+.vd-transition-slower { transition-duration: var(--vd-transition-duration-slower); }
+.vd-transition-slowest { transition-duration: var(--vd-transition-duration-slowest); }
 
 /* Transition Timing Function Utilities */
-.vd-transition-ease { transition-timing-function: var(--transition-ease); }
-.vd-transition-ease-in { transition-timing-function: var(--transition-ease-in); }
-.vd-transition-ease-out { transition-timing-function: var(--transition-ease-out); }
-.vd-transition-ease-in-out { transition-timing-function: var(--transition-ease-in-out); }
-.vd-transition-linear { transition-timing-function: var(--transition-linear); }
+.vd-transition-ease { transition-timing-function: var(--vd-transition-ease); }
+.vd-transition-ease-in { transition-timing-function: var(--vd-transition-ease-in); }
+.vd-transition-ease-out { transition-timing-function: var(--vd-transition-ease-out); }
+.vd-transition-ease-in-out { transition-timing-function: var(--vd-transition-ease-in-out); }
+.vd-transition-linear { transition-timing-function: var(--vd-transition-linear); }
 
 /* Transition Property Utilities */
 .vd-transition-all { transition-property: all; }
 .vd-transition-colors { transition-property: color, background-color, border-color; }
-.vd-transition-opacity { transition-property: opacity; }
-.vd-transition-transform { transition-property: transform; }
-.vd-transition-shadow { transition-property: box-shadow; }
+.vd-transition-opacity {
+  transition: var(--vd-transition-opacity);
+  transition-property: opacity;
+}
+
+.vd-transition-transform {
+  transition: var(--vd-transition-transform);
+  transition-property: transform;
+}
+
+.vd-transition-shadow {
+  transition: var(--vd-transition-shadow);
+  transition-property: box-shadow;
+}
 
 /* Combined Transition Utilities */
-.vd-transition { transition: var(--transition-base); }
-.vd-transition-fast { transition: var(--transition-fast); }
-.vd-transition-slow { transition: var(--transition-slow); }
-.vd-transition-color { transition: var(--transition-color); }
-.vd-transition-bg { transition: var(--transition-bg); }
-.vd-transition-border { transition: var(--transition-border); }
-.vd-transition-opacity { transition: var(--transition-opacity); }
-.vd-transition-transform { transition: var(--transition-transform); }
-.vd-transition-shadow { transition: var(--transition-shadow); }
+.vd-transition { transition: var(--vd-transition-base); }
+.vd-transition-color { transition: var(--vd-transition-color); }
+.vd-transition-bg { transition: var(--vd-transition-bg); }
+.vd-transition-border { transition: var(--vd-transition-border); }
 
 /* Delay Utilities */
 .vd-transition-delay-none { transition-delay: 0ms; }

package/css/vanduo.css

@@ -3,55 +3,45 @@
  * Import all framework modules
  */
 
-/* CSS Reset - Must be first */
+/* Layer 0: Reset */
 @import url('core/reset.css');
 
-/* Core Foundation */
+/* Layer 1: Foundation (vd-prefixed palette and canonical tokens) */
 @import url('core/colors.css');
 @import url('core/fonts.css');
 @import url('core/typography.css');
 @import url('core/tokens.css');
-@import url('core/vd-aliases.css');
 @import url('core/grid.css');
 @import url('core/helpers.css');
 
-/* Icons - All Phosphor Weights */
+/* Layer 2: Icons */
 @import url('icons/icons-all.css');
 
-/* Utilities - Phase 2 */
+/* Layer 3: Utilities */
 @import url('utilities/shadow.css');
-
-/* Utilities - Phase 4 */
 @import url('utilities/transitions.css');
 @import url('utilities/transforms.css');
+@import url('utilities/media.css');
+@import url('utilities/table.css');
+@import url('utilities/color-utilities.css');
 
-/* Components - Phase 2 */
+/* Layer 4: Components */
 @import url('components/buttons.css');
 @import url('components/forms.css');
 @import url('components/cards.css');
 @import url('components/expanding-cards.css');
-
-/* Components - Phase 3 */
 @import url('components/navbar.css');
 @import url('components/footer.css');
 @import url('components/breadcrumbs.css');
-
-/* Components - Phase 5 */
 @import url('components/tooltips.css');
 @import url('components/collapsible.css');
 @import url('components/dropdown.css');
 @import url('components/modals.css');
-
-/* Components - Phase 6 */
 @import url('components/badges.css');
 @import url('components/collections.css');
 @import url('components/pagination.css');
 @import url('components/sidenav.css');
-
-/* Components - Phase 7 */
 @import url('components/preloader.css');
-
-/* Components - Phase 8 (New) */
 @import url('components/alerts.css');
 @import url('components/chips.css');
 @import url('components/avatar.css');
@@ -66,23 +56,7 @@
 @import url('components/image-box.css');
 @import url('components/doc-tabs.css');
 @import url('components/doc-search.css');
-
-/* Utilities - Phase 7 */
-@import url('utilities/media.css');
-@import url('utilities/table.css');
-
-/* Utilities - Color palette (per-hue bg/text classes) */
-@import url('utilities/color-utilities.css');
-
-/* Effects - Phase 7 */
-@import url('effects/parallax.css');
-@import url('effects/glass.css');
-@import url('effects/morph.css');
-
-/* Components - Phase 9 (New) */
 @import url('components/draggable.css');
-
-/* Components - Phase 10 (v1.2.7) */
 @import url('components/flow.css');
 @import url('components/bubble.css');
 @import url('components/waypoint.css');
@@ -100,5 +74,10 @@
 @import url('components/spotlight.css');
 @import url('components/music-player.css');
 
-/* Print Styles */
+/* Layer 5: Effects */
+@import url('effects/parallax.css');
+@import url('effects/glass.css');
+@import url('effects/morph.css');
+
+/* Layer 6: Print */
 @import url('utilities/print.css');

package/dist/build-info.json

@@ -1,6 +1,6 @@
 {
-  "version": "1.3.9",
-  "builtAt": "2026-05-10T18:54:59.798Z",
-  "commit": "2945a85",
+  "version": "1.4.1",
+  "builtAt": "2026-05-23T09:27:52.907Z",
+  "commit": "4799a84",
   "mode": "development+production"
 }