twntyx-css 1.0.6 → 1.0.7

package/llm/index.json

@@ -1,9 +1,9 @@
 {
   "llmSchemaVersion": "1.0.0",
-  "designSystemVersion": "1.0.6",
+  "designSystemVersion": "1.0.7",
   "packageName": "twntyx-css",
   "apiModel": "html-class",
-  "sourceFingerprint": "4cd39f2680d99524f0624f0487aa006fb4b948b3ef1926fb82d2b1d6e0b608e9",
+  "sourceFingerprint": "edc2ab201c2009b080557686438a6f36046b978edb2a8a34abd944be502d8401",
   "files": {
     "schema": "schema.json",
     "tokens": "tokens.json",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "twntyx-css",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "exports": {
     "./llm": "./llm/index.json",
     "./llm/components/*": "./llm/components/*.json",

package/styles/animation.css

@@ -304,12 +304,6 @@
     both;
   --animate-shake-bottom: shake-bottom 0.6s
     cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
-  --animate-claim-diamond-rotate: claimDiamondRotate 1s
-    cubic-bezier(0, 0.4, 0, 1) both infinite;
-  --animate-claim-diamond-left: claimDiamondLeft 1s cubic-bezier(0, 0.4, 0, 1)
-    both infinite;
-  --animate-claim-diamond-right: claimDiamondRight 1s cubic-bezier(0, 0.4, 0, 1)
-    both infinite;
   --animate-claim-radar: claimRadar 3s cubic-bezier(0, 0.4, 0, 1) both infinite;
   --animate-radar: radar 2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
   --animate-photobooth-in: photoboothIn 1s cubic-bezier(0, 0.4, 0, 1) both 0.5s;
@@ -819,35 +813,6 @@
     }
   }
 
-  @keyframes claimDiamondLeft {
-    0% {
-      transform: translateX(-20rem);
-    }
-    100% {
-      transform: translateX(-1rem);
-    }
-  }
-
-  @keyframes claimDiamondRight {
-    0% {
-      transform: translateX(20rem);
-    }
-    100% {
-      transform: translateX(1rem);
-    }
-  }
-
-  @keyframes claimDiamondRotate {
-    0% {
-      transform: rotate(-45deg);
-      opacity: 1;
-    }
-    100% {
-      transform: rotate(-45deg);
-      opacity: 0;
-    }
-  }
-
   @keyframes shake-bottom {
     0%,
     100% {
@@ -875,48 +840,6 @@
     }
   }
 
-  @keyframes xpEventInLeft {
-    0% {
-      transform: translateX(-2rem);
-      opacity: 0;
-    }
-    100% {
-      transform: translateX(0);
-      opacity: 1;
-    }
-  }
-  @keyframes xpEventInRight {
-    0% {
-      transform: translateX(100%);
-      opacity: 0;
-    }
-    100% {
-      transform: translateX(0);
-      opacity: 1;
-    }
-  }
-
-  @keyframes xpEventInHeight {
-    0% {
-      height: 0;
-    }
-    100% {
-      height: 1.75rem;
-    }
-  }
-
-  @keyframes xpRewardInScale {
-    0% {
-      transform: scale(0) rotate(15deg);
-      opacity: 0;
-    }
-    100% {
-      transform: scale(1) rotate(0deg);
-      rotate: 0deg;
-      opacity: 1;
-    }
-  }
-
   @keyframes progressbarHighlight {
     0% {
       transform: translateX(-100%);
@@ -932,17 +855,6 @@
     }
   }
 
-  @keyframes letterInBottom {
-    0% {
-      opacity: 0;
-      transform: translateY(50%) scale(0.95) rotate(15deg);
-    }
-    100% {
-      opacity: 1;
-      transform: translateY(0) scale(1) rotate(0deg);
-    }
-  }
-
   @keyframes cashTop {
     0% {
       transform: translateY(0);
@@ -965,39 +877,6 @@
     }
   }
 
-  @keyframes xpEventInOpacity {
-    0%,
-    100% {
-      opacity: 0;
-    }
-    15%,
-    70% {
-      opacity: 1;
-    }
-  }
-
-  @keyframes xpEventInScale {
-    0% {
-      transform: scale(1.2);
-      filter: blur(1rem);
-      opacity: 0;
-    }
-    100% {
-      transform: scale(1);
-      filter: blur(0rem);
-      opacity: 1;
-    }
-  }
-
-  @keyframes xpEventInTranslate {
-    0% {
-      transform: translateY(0);
-    }
-    100% {
-      transform: translateY(-100%);
-    }
-  }
-
   @keyframes dropdownIn {
     0% {
       transform: scale(0.95);
@@ -1352,15 +1231,7 @@
       transform: translateY(-12%);
     }
   }
-  @keyframes floatCoin {
-    0%,
-    100% {
-      transform: translateY(0);
-    }
-    50% {
-      transform: translateY(-0.625rem);
-    }
-  }
+
   @keyframes float {
     0% {
       transform: translateY(5%);
@@ -2025,12 +1896,14 @@
   @keyframes explosion {
     0% {
       transform: scale(1);
-      box-shadow: inset 0 0 0 1.5rem rgba(255, 255, 0, 1);
+      box-shadow: inset 0 0 0 1.5rem
+        color-mix(in srgb, var(--color-brand-default) 100%, transparent 100%);
       filter: brightness(150%);
     }
     100% {
       transform: scale(2);
-      box-shadow: inset 0 0 0 0 rgba(255, 255, 0, 0);
+      box-shadow: inset 0 0 0 0
+        color-mix(in srgb, var(--color-brand-default) 100%, transparent 100%);
       filter: brightness(100%);
     }
   }