carfdevcss 0.0.4 → 0.0.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carfdevcss",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "description": "Tailwind CSS adapter for carfdev design system",
   "style": "./src/index.css",
   "exports": {

package/src/index.css

@@ -855,6 +855,125 @@
 }
 
 @theme inline {
+  /* Animation Delay Values - using tw-anim- prefix to avoid conflicts */
+  --tw-anim-delay-none: 0ms;
+  --tw-anim-delay-0: 0ms;
+  --tw-anim-delay-100: 100ms;
+  --tw-anim-delay-150: 150ms;
+  --tw-anim-delay-200: 200ms;
+  --tw-anim-delay-250: 250ms;
+  --tw-anim-delay-300: 300ms;
+  --tw-anim-delay-400: 400ms;
+  --tw-anim-delay-500: 500ms;
+  --tw-anim-delay-700: 700ms;
+  --tw-anim-delay-800: 800ms;
+  --tw-anim-delay-900: 900ms;
+  --tw-anim-delay-1000: 1000ms;
+
+  /* Animation Duration Values */
+  --tw-anim-duration-none: 0ms;
+  --tw-anim-duration-slower: 500ms;
+  --tw-anim-duration-slow: 400ms;
+  --tw-anim-duration-normal: 300ms;
+  --tw-anim-duration-fast: 200ms;
+  --tw-anim-duration-faster: 100ms;
+  --tw-anim-duration-0: 0ms;
+  --tw-anim-duration-100: 100ms;
+  --tw-anim-duration-150: 150ms;
+  --tw-anim-duration-200: 200ms;
+  --tw-anim-duration-250: 250ms;
+  --tw-anim-duration-300: 300ms;
+  --tw-anim-duration-400: 400ms;
+  --tw-anim-duration-500: 500ms;
+  --tw-anim-duration-700: 700ms;
+  --tw-anim-duration-800: 800ms;
+  --tw-anim-duration-900: 900ms;
+  --tw-anim-duration-1000: 1000ms;
+
+  /* Animation Iteration Count Values */
+  --tw-anim-iteration-count-none: 0;
+  --tw-anim-iteration-count-once: 1;
+  --tw-anim-iteration-count-twice: 2;
+  --tw-anim-iteration-count-thrice: 3;
+  --tw-anim-iteration-count-infinite: infinite;
+
+  /* Animation Fill Mode Values */
+  --tw-anim-fill-mode-none: none;
+  --tw-anim-fill-mode-forwards: forwards;
+  --tw-anim-fill-mode-backwards: backwards;
+  --tw-anim-fill-mode-both: both;
+
+  /* Animation Steps Values */
+  --tw-anim-steps-none: 0;
+  --tw-anim-steps-retro: 8;
+  --tw-anim-steps-normal: 16;
+  --tw-anim-steps-modern: 24;
+
+  /* Animation Cubic Bezier Values */
+  --tw-anim-bezier-sine-in: cubic-bezier(0.12, 0, 0.39, 0);
+  --tw-anim-bezier-sine-out: cubic-bezier(0.39, 0.575, 0.565, 1);
+  --tw-anim-bezier-sine-in-out: cubic-bezier(0.445, 0.05, 0.55, 0.95);
+  --tw-anim-bezier-quad-in: cubic-bezier(0.55, 0.085, 0.68, 0.53);
+  --tw-anim-bezier-quad-out: cubic-bezier(0.25, 0.46, 0.45, 0.94);
+  --tw-anim-bezier-quad-in-out: cubic-bezier(0.455, 0.03, 0.515, 0.955);
+  --tw-anim-bezier-cubic-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  --tw-anim-bezier-cubic-out: cubic-bezier(0.215, 0.61, 0.355, 1);
+  --tw-anim-bezier-cubic-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
+  --tw-anim-bezier-quart-in: cubic-bezier(0.895, 0.03, 0.685, 0.22);
+  --tw-anim-bezier-quart-out: cubic-bezier(0.165, 0.84, 0.44, 1);
+  --tw-anim-bezier-quart-in-out: cubic-bezier(0.77, 0, 0.175, 1);
+  --tw-anim-bezier-quint-in: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+  --tw-anim-bezier-quint-out: cubic-bezier(0.23, 1, 0.32, 1);
+  --tw-anim-bezier-quint-in-out: cubic-bezier(0.86, 0, 0.07, 1);
+  --tw-anim-bezier-expo-in: cubic-bezier(0.95, 0.05, 0.795, 0.035);
+  --tw-anim-bezier-expo-out: cubic-bezier(0.19, 1, 0.22, 1);
+  --tw-anim-bezier-expo-in-out: cubic-bezier(1, 0, 0, 1);
+  --tw-anim-bezier-circ-in: cubic-bezier(0.6, 0.04, 0.98, 0.335);
+  --tw-anim-bezier-circ-out: cubic-bezier(0.075, 0.82, 0.165, 1);
+  --tw-anim-bezier-circ-in-out: cubic-bezier(0.785, 0.135, 0.15, 0.86);
+  --tw-anim-bezier-back-in: cubic-bezier(0.6, -0.28, 0.735, 0.045);
+  --tw-anim-bezier-back-out: cubic-bezier(0.175, 0.885, 0.32, 1.275);
+  --tw-anim-bezier-back-in-out: cubic-bezier(0.68, -0.55, 0.265, 1.55);
+
+  /* Animation Range Values */
+  --tw-anim-range-normal: normal;
+  --tw-anim-range-cover: cover;
+  --tw-anim-range-contain: contain;
+  --tw-anim-range-entry: entry;
+  --tw-anim-range-exit: exit;
+  --tw-anim-range-gradual: 10% 90%;
+  --tw-anim-range-moderate: 20% 80%;
+  --tw-anim-range-brisk: 30% 70%;
+  --tw-anim-range-rapid: 40% 60%;
+
+  /* Timeline Values */
+  --tw-timeline-none: none;
+  --tw-timeline-auto: auto;
+  --tw-timeline-scroll: scroll();
+  --tw-timeline-scroll-x: scroll(x);
+  --tw-timeline-scroll-y: scroll(y);
+  --tw-timeline-scroll-block: scroll(block);
+  --tw-timeline-scroll-inline: scroll(inline);
+  --tw-timeline-view: view();
+  --tw-timeline-view-x: view(x);
+  --tw-timeline-view-y: view(y);
+  --tw-timeline-view-block: view(block);
+  --tw-timeline-view-inline: view(inline);
+
+  /* Scroll/View Timeline Axis Values */
+  --tw-scroll-timeline-axis-block: block;
+  --tw-scroll-timeline-axis-inline: inline;
+  --tw-scroll-timeline-axis-x: x;
+  --tw-scroll-timeline-axis-y: y;
+  --tw-view-timeline-axis-block: block;
+  --tw-view-timeline-axis-inline: inline;
+  --tw-view-timeline-axis-x: x;
+  --tw-view-timeline-axis-y: y;
+
+  /* ============================================
+     Predefined Animations
+     ============================================ */
+
   --animate-bouncing: bouncing 1s ease-in-out both;
   --animate-fade-in-up: fade-in-up 0.6s ease-in-out both;