@alpaca-editor/core 1.0.3787 → 1.0.3788

package/dist/lib/safelist.d.ts

@@ -0,0 +1 @@
+export declare function Safelist(): import("react/jsx-runtime").JSX.Element;

package/dist/lib/safelist.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export function Safelist() {
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "bg-orange-400" }), _jsx("div", { className: "bg-purple-400" }), _jsx("div", { className: "bg-sky-400" }), _jsx("div", { className: "border-orange-400" }), _jsx("div", { className: "border-purple-400" }), _jsx("div", { className: "border-sky-400" })] }));
+}
+//# sourceMappingURL=safelist.js.map

package/dist/lib/safelist.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"safelist.js","sourceRoot":"","sources":["../../src/lib/safelist.tsx"],"names":[],"mappings":";AAAA,MAAM,UAAU,QAAQ;IACtB,OAAO,CACL,8BACE,cAAK,SAAS,EAAC,eAAe,GAAO,EACrC,cAAK,SAAS,EAAC,eAAe,GAAO,EACrC,cAAK,SAAS,EAAC,YAAY,GAAO,EAClC,cAAK,SAAS,EAAC,mBAAmB,GAAO,EACzC,cAAK,SAAS,EAAC,mBAAmB,GAAO,EACzC,cAAK,SAAS,EAAC,gBAAgB,GAAO,IACrC,CACJ,CAAC;AACJ,CAAC"}

package/dist/styles.css

@@ -85,6 +85,15 @@
     --default-transition-duration: 150ms;
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     --font-geist-sans: "GeistSans";
+    --color-canvas-red: #e32e52;
+    --color-canvas-pink: #e32e52;
+    --color-alpaca-blue: #209cfc;
+    --color-alpaca-blue-light: #41aafd;
+    --text-2xs: 0.7rem;
+    --animate-sparkle: "sparkle 1.5s ease-in-out infinite";
+    --animate-fadeIn: "fadeIn 0.5s ease-in-out";
+    --animate-fadeLeft: "fadeLeft 0.8s ease-in-out";
+    --animate-fadeRight: "fadeRight 0.8s ease-in-out";
   }
 }
 @layer utilities {
@@ -616,9 +625,21 @@
   .transform {
     transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
   }
+  .animate-fadeIn {
+    animation: var(--animate-fadeIn);
+  }
+  .animate-fadeLeft {
+    animation: var(--animate-fadeLeft);
+  }
+  .animate-fadeRight {
+    animation: var(--animate-fadeRight);
+  }
   .animate-ping {
     animation: var(--animate-ping);
   }
+  .animate-sparkle {
+    animation: var(--animate-sparkle);
+  }
   .animate-spin {
     animation: var(--animate-spin);
   }
@@ -866,6 +887,12 @@
   .border-blue-500 {
     border-color: var(--color-blue-500);
   }
+  .border-canvas-pink {
+    border-color: var(--color-canvas-pink);
+  }
+  .border-canvas-red {
+    border-color: var(--color-canvas-red);
+  }
   .border-gray-200 {
     border-color: var(--color-gray-200);
   }
@@ -917,6 +944,9 @@
   .border-t-transparent {
     border-top-color: transparent;
   }
+  .bg-alpaca-blue {
+    background-color: var(--color-alpaca-blue);
+  }
   .bg-background {
     background-color: var(--background);
   }
@@ -941,6 +971,9 @@
   .bg-blue-600 {
     background-color: var(--color-blue-600);
   }
+  .bg-canvas-pink {
+    background-color: var(--color-canvas-pink);
+  }
   .bg-destructive {
     background-color: var(--destructive);
   }
@@ -1240,6 +1273,9 @@
     font-size: var(--text-xs);
     line-height: var(--tw-leading, var(--text-xs--line-height));
   }
+  .text-2xs {
+    font-size: var(--text-2xs);
+  }
   .text-\[12px\] {
     font-size: 12px;
   }
@@ -1293,6 +1329,12 @@
   .text-blue-800 {
     color: var(--color-blue-800);
   }
+  .text-canvas-pink {
+    color: var(--color-canvas-pink);
+  }
+  .text-canvas-red {
+    color: var(--color-canvas-red);
+  }
   .text-gray-100 {
     color: var(--color-gray-100);
   }
@@ -1612,6 +1654,13 @@
       }
     }
   }
+  .hover\:border-canvas-pink {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-canvas-pink);
+      }
+    }
+  }
   .hover\:border-gray-300 {
     &:hover {
       @media (hover: hover) {
@@ -1626,6 +1675,13 @@
       }
     }
   }
+  .hover\:bg-alpaca-blue-light {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-alpaca-blue-light);
+      }
+    }
+  }
   .hover\:bg-blue-600 {
     &:hover {
       @media (hover: hover) {
@@ -1745,6 +1801,13 @@
       }
     }
   }
+  .hover\:text-canvas-pink {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-canvas-pink);
+      }
+    }
+  }
   .hover\:text-gray-400 {
     &:hover {
       @media (hover: hover) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alpaca-editor/core",
-  "version": "1.0.3787",
+  "version": "1.0.3788",
   "publishConfig": {
     "access": "public"
   },

package/src/lib/safelist.tsx

@@ -0,0 +1,12 @@
+export function Safelist() {
+  return (
+    <>
+      <div className="bg-orange-400"></div>
+      <div className="bg-purple-400"></div>
+      <div className="bg-sky-400"></div>
+      <div className="border-orange-400"></div>
+      <div className="border-purple-400"></div>
+      <div className="border-sky-400"></div>
+    </>
+  );
+}

package/styles.css

@@ -1,6 +1,51 @@
 @theme {
   --font-geist-sans: "GeistSans";
   --font-geist-mono: "GeistMono";
+  --color-canvas-red: #e32e52;
+  --color-canvas-pink: #e32e52;
+  --color-alpaca-blue: #209cfc;
+  --color-alpaca-blue-light: #41aafd;
+  --text-2xs: 0.7rem;
+  --text-3xs: 0.6rem;
+  --animate-sparkle: "sparkle 1.5s ease-in-out infinite";
+  --animate-slideUp: "slideUp 0.3s cubic-bezier(0.4, 0, 0.2, 1)";
+  --animate-fadeBottom: "fadeBottom 0.3s cubic-bezier(0.4, 0, 0.2, 1)";
+  --animate-fadeIn: "fadeIn 0.5s ease-in-out";
+  --animate-fadeLeft: "fadeLeft 0.8s ease-in-out";
+  --animate-fadeRight: "fadeRight 0.8s ease-in-out";
+  --animate-bounceDots: "bounceDots .6s infinite alternate";
+
+ 
+  @keyframes sparkle {
+    "0%, 100%": { opacity: 0.8, transform: scale(1) }
+    "50%": { opacity: 1, transform: scale(1.3) }
+  }
+  @keyframes slideUp {
+    "0%": { transform: translateY(70px), opacity: 0 }
+    "100%": { transform: translateY(0), opacity: 1 }
+  }
+  @keyframes fadeIn {
+    "0%": { opacity: 0 }
+    "100%": { opacity: 1 }
+  }
+  @keyframes fadeLeft {
+    "0%": { transform: translateX(-50%), opacity: 0 }
+    "100%": { transform: translateX(0), opacity: 1 }
+  }
+  @keyframes fadeRight {
+    "0%": { transform: translateX(50%), opacity: 0 }
+    "100%": { transform: translateX(0), opacity: 1 }
+  }
+  @keyframes fadeBottom {
+    "0%": { transform: translateY(50%), opacity: 0 }
+    "100%": { transform: translateY(0), opacity: 1 }
+  }
+  @keyframes bounceDots {
+    "0%": { opacity: 1, transform: translateY(0) }
+    "100%": { opacity: 0.3, transform: translateY(-2px) }
+  }
+
+
 }
 
 :root {