@dust-tt/sparkle 0.2.457 → 0.2.459

package/dist/sparkle.css

@@ -2326,11 +2326,6 @@ select {
   border-top-width: 1px;
 }
 
-.s-border-amber-200 {
-  --tw-border-opacity: 1;
-  border-color: rgb(255 226 98 / var(--tw-border-opacity));
-}
-
 .s-border-blue-100 {
   --tw-border-opacity: 1;
   border-color: rgb(202 235 255 / var(--tw-border-opacity));
@@ -2522,11 +2517,6 @@ select {
   border-color: rgb(178 182 189 / var(--tw-border-opacity));
 }
 
-.s-border-purple-200 {
-  --tw-border-opacity: 1;
-  border-color: rgb(233 213 255 / var(--tw-border-opacity));
-}
-
 .s-border-red-100 {
   --tw-border-opacity: 1;
   border-color: rgb(248 206 199 / var(--tw-border-opacity));
@@ -2633,11 +2623,6 @@ select {
   border-top-color: transparent;
 }
 
-.s-bg-amber-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 239 168 / var(--tw-bg-opacity));
-}
-
 .s-bg-background {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@@ -3350,11 +3335,6 @@ select {
   background-color: rgb(150 156 165 / var(--tw-bg-opacity));
 }
 
-.s-bg-purple-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(243 232 255 / var(--tw-bg-opacity));
-}
-
 .s-bg-red-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(248 206 199 / var(--tw-bg-opacity));
@@ -3680,12 +3660,6 @@ select {
   background-image: linear-gradient(90deg, #7AC6FF, #1C91FF, #a855f7, #4BABFF, #0A6CC6);
 }
 
-.s-from-amber-800 {
-  --tw-gradient-from: #AF5511 var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(175 85 17 / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-
 .s-from-cyan-500 {
   --tw-gradient-from: #06b6d4 var(--tw-gradient-from-position);
   --tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);
@@ -3716,36 +3690,12 @@ select {
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
 
-.s-from-pink-800 {
-  --tw-gradient-from: #9E254A var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(158 37 74 / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-
-.s-from-primary-600 {
-  --tw-gradient-from: #545D6C var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(84 93 108 / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-
 .s-from-primary-800 {
   --tw-gradient-from: #2A3241 var(--tw-gradient-from-position);
   --tw-gradient-to: rgb(42 50 65 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
 
-.s-from-purple-800 {
-  --tw-gradient-from: #6b21a8 var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(107 33 168 / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-
-.s-from-red-800 {
-  --tw-gradient-from: #8C230D var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(140 35 13 / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-
 .s-from-rose-800 {
   --tw-gradient-from: #8C230D var(--tw-gradient-from-position);
   --tw-gradient-to: rgb(140 35 13 / 0) var(--tw-gradient-to-position);
@@ -3782,11 +3732,6 @@ select {
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
 
-.s-via-amber-950 {
-  --tw-gradient-to: rgb(51 22 6 / 0)  var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), #331606 var(--tw-gradient-via-position), var(--tw-gradient-to);
-}
-
 .s-via-emerald-950 {
   --tw-gradient-to: rgb(4 20 10 / 0)  var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), #04140A var(--tw-gradient-via-position), var(--tw-gradient-to);
@@ -3807,11 +3752,6 @@ select {
   --tw-gradient-stops: var(--tw-gradient-from), #331606 var(--tw-gradient-via-position), var(--tw-gradient-to);
 }
 
-.s-via-pink-950 {
-  --tw-gradient-to: rgb(57 6 26 / 0)  var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), #39061A var(--tw-gradient-via-position), var(--tw-gradient-to);
-}
-
 .s-via-primary-950 {
   --tw-gradient-to: rgb(17 20 24 / 0)  var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), #111418 var(--tw-gradient-via-position), var(--tw-gradient-to);
@@ -3822,16 +3762,6 @@ select {
   --tw-gradient-stops: var(--tw-gradient-from), rgb(17 20 24 / 0.8) var(--tw-gradient-via-position), var(--tw-gradient-to);
 }
 
-.s-via-purple-950 {
-  --tw-gradient-to: rgb(59 7 100 / 0)  var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), #3b0764 var(--tw-gradient-via-position), var(--tw-gradient-to);
-}
-
-.s-via-red-950 {
-  --tw-gradient-to: rgb(34 10 4 / 0)  var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), #220A04 var(--tw-gradient-via-position), var(--tw-gradient-to);
-}
-
 .s-via-rose-950 {
   --tw-gradient-to: rgb(34 10 4 / 0)  var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), #220A04 var(--tw-gradient-via-position), var(--tw-gradient-to);
@@ -3856,10 +3786,6 @@ select {
   --tw-gradient-via-position: 50%;
 }
 
-.s-to-amber-800 {
-  --tw-gradient-to: #AF5511 var(--tw-gradient-to-position);
-}
-
 .s-to-blue-500 {
   --tw-gradient-to: #1C91FF var(--tw-gradient-to-position);
 }
@@ -3880,26 +3806,10 @@ select {
   --tw-gradient-to: #AF5511 var(--tw-gradient-to-position);
 }
 
-.s-to-pink-800 {
-  --tw-gradient-to: #9E254A var(--tw-gradient-to-position);
-}
-
-.s-to-primary-600 {
-  --tw-gradient-to: #545D6C var(--tw-gradient-to-position);
-}
-
 .s-to-primary-800 {
   --tw-gradient-to: #2A3241 var(--tw-gradient-to-position);
 }
 
-.s-to-purple-800 {
-  --tw-gradient-to: #6b21a8 var(--tw-gradient-to-position);
-}
-
-.s-to-red-800 {
-  --tw-gradient-to: #8C230D var(--tw-gradient-to-position);
-}
-
 .s-to-rose-800 {
   --tw-gradient-to: #8C230D var(--tw-gradient-to-position);
 }
@@ -4349,16 +4259,6 @@ select {
   letter-spacing: 0.1em;
 }
 
-.s-text-amber-800 {
-  --tw-text-opacity: 1;
-  color: rgb(175 85 17 / var(--tw-text-opacity));
-}
-
-.s-text-amber-900 {
-  --tw-text-opacity: 1;
-  color: rgb(112 53 12 / var(--tw-text-opacity));
-}
-
 .s-text-background {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
@@ -4742,21 +4642,6 @@ select {
   color: rgb(168 85 247 / var(--tw-text-opacity));
 }
 
-.s-text-purple-800 {
-  --tw-text-opacity: 1;
-  color: rgb(107 33 168 / var(--tw-text-opacity));
-}
-
-.s-text-purple-900 {
-  --tw-text-opacity: 1;
-  color: rgb(88 28 135 / var(--tw-text-opacity));
-}
-
-.s-text-purple-950 {
-  --tw-text-opacity: 1;
-  color: rgb(59 7 100 / var(--tw-text-opacity));
-}
-
 .s-text-red-500 {
   --tw-text-opacity: 1;
   color: rgb(225 67 34 / var(--tw-text-opacity));
@@ -4812,11 +4697,6 @@ select {
   color: rgb(7 53 95 / var(--tw-text-opacity));
 }
 
-.s-text-sky-950 {
-  --tw-text-opacity: 1;
-  color: rgb(4 23 40 / var(--tw-text-opacity));
-}
-
 .s-text-success-500 {
   --tw-text-opacity: 1;
   color: rgb(106 166 104 / var(--tw-text-opacity));
@@ -6150,11 +6030,6 @@ select {
   }
 }
 
-:is(.s-dark .dark\:s-border-amber-200-night) {
-  --tw-border-opacity: 1;
-  border-color: rgb(175 85 17 / var(--tw-border-opacity));
-}
-
 :is(.s-dark .dark\:s-border-blue-100-night) {
   --tw-border-opacity: 1;
   border-color: rgb(7 53 95 / var(--tw-border-opacity));
@@ -6356,11 +6231,6 @@ select {
   border-color: rgb(123 129 141 / var(--tw-border-opacity));
 }
 
-:is(.s-dark .dark\:s-border-purple-200-night) {
-  --tw-border-opacity: 1;
-  border-color: rgb(107 33 168 / var(--tw-border-opacity));
-}
-
 :is(.s-dark .dark\:s-border-red-100-night) {
   --tw-border-opacity: 1;
   border-color: rgb(87 22 9 / var(--tw-border-opacity));
@@ -6446,11 +6316,6 @@ select {
   border-color: rgb(178 46 19 / var(--tw-border-opacity));
 }
 
-:is(.s-dark .dark\:s-bg-amber-100-night) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(112 53 12 / var(--tw-bg-opacity));
-}
-
 :is(.s-dark .dark\:s-bg-background-night) {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity));
@@ -7134,11 +6999,6 @@ select {
   background-color: rgb(211 213 217 / var(--tw-bg-opacity));
 }
 
-:is(.s-dark .dark\:s-bg-purple-100-night) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(88 28 135 / var(--tw-bg-opacity));
-}
-
 :is(.s-dark .dark\:s-bg-red-100-night) {
   --tw-bg-opacity: 1;
   background-color: rgb(87 22 9 / var(--tw-bg-opacity));
@@ -7424,12 +7284,6 @@ select {
   background-color: rgb(255 241 247 / var(--tw-bg-opacity));
 }
 
-:is(.s-dark .dark\:s-from-amber-800-night) {
-  --tw-gradient-from: #FFE262 var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(255 226 98 / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-
 :is(.s-dark .dark\:s-from-emerald-800-night) {
   --tw-gradient-from: #99FFCF var(--tw-gradient-from-position);
   --tw-gradient-to: rgb(153 255 207 / 0) var(--tw-gradient-to-position);
@@ -7454,36 +7308,12 @@ select {
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
 
-:is(.s-dark .dark\:s-from-pink-800-night) {
-  --tw-gradient-from: #FFC3DF var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(255 195 223 / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-
-:is(.s-dark .dark\:s-from-primary-600-night) {
-  --tw-gradient-from: #969CA5 var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(150 156 165 / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-
 :is(.s-dark .dark\:s-from-primary-800-night) {
   --tw-gradient-from: #D3D5D9 var(--tw-gradient-from-position);
   --tw-gradient-to: rgb(211 213 217 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
 
-:is(.s-dark .dark\:s-from-purple-800-night) {
-  --tw-gradient-from: #e9d5ff var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(233 213 255 / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-
-:is(.s-dark .dark\:s-from-red-800-night) {
-  --tw-gradient-from: #F2AD9F var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(242 173 159 / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-
 :is(.s-dark .dark\:s-from-rose-800-night) {
   --tw-gradient-from: #FFC3DF var(--tw-gradient-from-position);
   --tw-gradient-to: rgb(255 195 223 / 0) var(--tw-gradient-to-position);
@@ -7514,11 +7344,6 @@ select {
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
 
-:is(.s-dark .dark\:s-via-amber-950-night) {
-  --tw-gradient-to: rgb(255 250 224 / 0)  var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), #FFFAE0 var(--tw-gradient-via-position), var(--tw-gradient-to);
-}
-
 :is(.s-dark .dark\:s-via-emerald-950-night) {
   --tw-gradient-to: rgb(236 253 245 / 0)  var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), #ECFDF5 var(--tw-gradient-via-position), var(--tw-gradient-to);
@@ -7539,11 +7364,6 @@ select {
   --tw-gradient-stops: var(--tw-gradient-from), #FFFAE0 var(--tw-gradient-via-position), var(--tw-gradient-to);
 }
 
-:is(.s-dark .dark\:s-via-pink-950-night) {
-  --tw-gradient-to: rgb(255 241 247 / 0)  var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), #FFF1F7 var(--tw-gradient-via-position), var(--tw-gradient-to);
-}
-
 :is(.s-dark .dark\:s-via-primary-50\/80) {
   --tw-gradient-to: rgb(247 247 247 / 0)  var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), rgb(247 247 247 / 0.8) var(--tw-gradient-via-position), var(--tw-gradient-to);
@@ -7554,16 +7374,6 @@ select {
   --tw-gradient-stops: var(--tw-gradient-from), #EEEEEF var(--tw-gradient-via-position), var(--tw-gradient-to);
 }
 
-:is(.s-dark .dark\:s-via-purple-950-night) {
-  --tw-gradient-to: rgb(250 245 255 / 0)  var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), #faf5ff var(--tw-gradient-via-position), var(--tw-gradient-to);
-}
-
-:is(.s-dark .dark\:s-via-red-950-night) {
-  --tw-gradient-to: rgb(254 242 242 / 0)  var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), #FEF2F2 var(--tw-gradient-via-position), var(--tw-gradient-to);
-}
-
 :is(.s-dark .dark\:s-via-rose-950-night) {
   --tw-gradient-to: rgb(255 241 247 / 0)  var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), #FFF1F7 var(--tw-gradient-via-position), var(--tw-gradient-to);
@@ -7588,10 +7398,6 @@ select {
   --tw-gradient-via-position: 50%;
 }
 
-:is(.s-dark .dark\:s-to-amber-800-night) {
-  --tw-gradient-to: #FFE262 var(--tw-gradient-to-position);
-}
-
 :is(.s-dark .dark\:s-to-emerald-800-night) {
   --tw-gradient-to: #99FFCF var(--tw-gradient-to-position);
 }
@@ -7608,26 +7414,10 @@ select {
   --tw-gradient-to: #FFE262 var(--tw-gradient-to-position);
 }
 
-:is(.s-dark .dark\:s-to-pink-800-night) {
-  --tw-gradient-to: #FFC3DF var(--tw-gradient-to-position);
-}
-
-:is(.s-dark .dark\:s-to-primary-600-night) {
-  --tw-gradient-to: #969CA5 var(--tw-gradient-to-position);
-}
-
 :is(.s-dark .dark\:s-to-primary-800-night) {
   --tw-gradient-to: #D3D5D9 var(--tw-gradient-to-position);
 }
 
-:is(.s-dark .dark\:s-to-purple-800-night) {
-  --tw-gradient-to: #e9d5ff var(--tw-gradient-to-position);
-}
-
-:is(.s-dark .dark\:s-to-red-800-night) {
-  --tw-gradient-to: #F2AD9F var(--tw-gradient-to-position);
-}
-
 :is(.s-dark .dark\:s-to-rose-800-night) {
   --tw-gradient-to: #FFC3DF var(--tw-gradient-to-position);
 }
@@ -7648,16 +7438,6 @@ select {
   --tw-gradient-to: #FFC3DF var(--tw-gradient-to-position);
 }
 
-:is(.s-dark .dark\:s-text-amber-800-night) {
-  --tw-text-opacity: 1;
-  color: rgb(255 226 98 / var(--tw-text-opacity));
-}
-
-:is(.s-dark .dark\:s-text-amber-900-night) {
-  --tw-text-opacity: 1;
-  color: rgb(255 239 168 / var(--tw-text-opacity));
-}
-
 :is(.s-dark .dark\:s-text-background-night) {
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / var(--tw-text-opacity));
@@ -8001,21 +7781,6 @@ select {
   color: rgb(211 213 217 / var(--tw-text-opacity));
 }
 
-:is(.s-dark .dark\:s-text-purple-800-night) {
-  --tw-text-opacity: 1;
-  color: rgb(233 213 255 / var(--tw-text-opacity));
-}
-
-:is(.s-dark .dark\:s-text-purple-900-night) {
-  --tw-text-opacity: 1;
-  color: rgb(243 232 255 / var(--tw-text-opacity));
-}
-
-:is(.s-dark .dark\:s-text-purple-950-night) {
-  --tw-text-opacity: 1;
-  color: rgb(250 245 255 / var(--tw-text-opacity));
-}
-
 :is(.s-dark .dark\:s-text-red-500-night) {
   --tw-text-opacity: 1;
   color: rgb(225 67 34 / var(--tw-text-opacity));
@@ -8066,11 +7831,6 @@ select {
   color: rgb(202 235 255 / var(--tw-text-opacity));
 }
 
-:is(.s-dark .dark\:s-text-sky-950-night) {
-  --tw-text-opacity: 1;
-  color: rgb(233 247 255 / var(--tw-text-opacity));
-}
-
 :is(.s-dark .dark\:s-text-success-400-night) {
   --tw-text-opacity: 1;
   color: rgb(65 139 92 / var(--tw-text-opacity));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dust-tt/sparkle",
-  "version": "0.2.457",
+  "version": "0.2.459",
   "scripts": {
     "build": "rm -rf dist && npm run tailwind && npm run build:esm && npm run build:cjs",
     "tailwind": "tailwindcss -i ./src/styles/tailwind.css -o dist/sparkle.css",

package/src/components/AnimatedText.tsx

@@ -6,7 +6,6 @@ import { cn } from "@sparkle/lib/utils";
 const ANIMATED_TEXT_VARIANTS = [
   "primary",
   "muted",
-  "white",
   "highlight",
   "success",
   "warning",
@@ -15,14 +14,6 @@ const ANIMATED_TEXT_VARIANTS = [
   "blue",
   "rose",
   "golden",
-  //to be removed
-  "emerald",
-  "amber",
-  "slate",
-  "purple",
-  "sky",
-  "pink",
-  "red",
 ] as const;
 
 type AnimatedTextVariantType = (typeof ANIMATED_TEXT_VARIANTS)[number];
@@ -36,10 +27,6 @@ const animatedVariants: Record<AnimatedTextVariantType, string> = {
     "s-from-transparent s-via-primary-950/80 s-via-50% s-to-transparent",
     "dark:s-from-transparent dark:s-via-primary-50/80 dark:s-via-50% dark:s-to-transparent"
   ),
-  white: cn(
-    "s-from-primary-600 s-via-primary-950 s-via-50% s-to-primary-600",
-    "dark:s-from-primary-600-night dark:s-via-primary-950-night dark:s-via-50% dark:s-to-primary-600-night"
-  ),
   highlight: cn(
     "s-from-highlight s-via-highlight-800 s-via-50% s-to-highlight",
     "dark:s-from-highlight-night dark:s-via-highlight-800-night dark:s-via-50% dark:s-to-highlight-night"
@@ -72,35 +59,6 @@ const animatedVariants: Record<AnimatedTextVariantType, string> = {
     "s-from-golden-800 s-via-golden-950 s-via-50% s-to-golden-800",
     "dark:s-from-golden-800-night dark:s-via-golden-950-night dark:s-via-50% dark:s-to-golden-800-night"
   ),
-  // To be removed
-  emerald: cn(
-    "s-from-emerald-800 s-via-emerald-950 s-via-50% s-to-emerald-800",
-    "dark:s-from-emerald-800-night dark:s-via-emerald-950-night dark:s-via-50% dark:s-to-emerald-800-night"
-  ),
-  amber: cn(
-    "s-from-amber-800 s-via-amber-950 s-via-50% s-to-amber-800",
-    "dark:s-from-amber-800-night dark:s-via-amber-950-night dark:s-via-50% dark:s-to-amber-800-night"
-  ),
-  red: cn(
-    "s-from-red-800 s-via-red-950 s-via-50% s-to-red-800",
-    "dark:s-from-red-800-night dark:s-via-red-950-night dark:s-via-50% dark:s-to-red-800-night"
-  ),
-  sky: cn(
-    "s-from-sky-800 s-via-sky-950 s-via-50% s-to-sky-800",
-    "dark:s-from-sky-800-night dark:s-via-sky-950-night dark:s-via-50% dark:s-to-sky-800-night"
-  ),
-  slate: cn(
-    "s-from-primary-600 s-via-primary-950 s-via-50% s-to-primary-600",
-    "dark:s-from-primary-600-night dark:s-via-primary-950-night dark:s-via-50% dark:s-to-primary-600-night"
-  ),
-  purple: cn(
-    "s-from-purple-800 s-via-purple-950 s-via-50% s-to-purple-800",
-    "dark:s-from-purple-800-night dark:s-via-purple-950-night dark:s-via-50% dark:s-to-purple-800-night"
-  ),
-  pink: cn(
-    "s-from-pink-800 s-via-pink-950 s-via-50% s-to-pink-800",
-    "dark:s-from-pink-800-night dark:s-via-pink-950-night dark:s-via-50% dark:s-to-pink-800-night"
-  ),
 };
 
 const animVariants = cva(
@@ -117,7 +75,6 @@ const animVariants = cva(
 
 const animatedTextVariants: Record<AnimatedTextVariantType, string> = {
   primary: "s-text-primary-800 dark:s-text-primary-800-night",
-  white: "s-text-muted-foreground dark:s-text-muted-foreground-night",
   muted: "s-text-muted-foreground dark:s-text-muted-foreground-night",
   highlight: "s-text-highlight dark:s-text-highlight-night",
   success: "s-text-success-800 dark:s-text-success-800-night",
@@ -127,14 +84,6 @@ const animatedTextVariants: Record<AnimatedTextVariantType, string> = {
   blue: "s-text-sky-800 dark:s-text-sky-800-night",
   rose: "s-text-rose-800 dark:s-text-rose-800-night",
   golden: "s-text-golden-800 dark:s-text-rose-golden-night",
-  //To be removed
-  emerald: "s-text-emerald-800 dark:s-text-emerald-800-night",
-  amber: "s-text-amber-800 dark:s-text-amber-800-night",
-  slate: "s-text-muted-foreground dark:s-text-muted-foreground-night",
-  purple: "s-text-purple-800 dark:s-text-purple-800-night",
-  sky: "s-text-sky-800 dark:s-text-sky-800-night",
-  pink: "s-text-pink-800 dark:s-text-pink-800-night",
-  red: "s-text-red-800 dark:s-text-red-800-night",
 };
 
 const textVariants = cva("s-absolute s-inset-0", {

package/src/components/Chip.tsx

@@ -17,7 +17,6 @@ type ChipSizeType = (typeof CHIP_SIZES)[number];
 
 export const CHIP_COLORS = [
   "primary",
-  "white",
   "success",
   "warning",
   "info",
@@ -26,13 +25,6 @@ export const CHIP_COLORS = [
   "blue",
   "rose",
   "golden",
-  "emerald",
-  "amber",
-  "slate",
-  "sky",
-  "pink",
-  "red",
-  "purple",
 ] as const;
 
 type ChipColorType = (typeof CHIP_COLORS)[number];
@@ -47,10 +39,6 @@ const backgroundVariants: Record<ChipColorType, string> = {
     "s-bg-muted-background s-border-border",
     "dark:s-bg-muted-background-night dark:s-border-border-night"
   ),
-  white: cn(
-    "s-bg-background s-border-border",
-    "dark:s-bg-muted-background-night dark:s-border-border-night"
-  ),
   highlight: cn(
     "s-bg-highlight-100 s-border-highlight-200",
     "dark:s-bg-highlight-100-night dark:s-border-highlight-200-night"
@@ -83,40 +71,10 @@ const backgroundVariants: Record<ChipColorType, string> = {
     "s-bg-golden-100 s-border-golden-200",
     "dark:s-bg-golden-100-night dark:s-border-golden-200-night"
   ),
-  // To be removed
-  slate: cn(
-    "s-bg-muted-background s-border-border",
-    "dark:s-bg-muted-background-night dark:s-border-border-night"
-  ),
-  red: cn(
-    "s-bg-red-100 s-border-red-200",
-    "dark:s-bg-red-100-night dark:s-border-red-200-night"
-  ),
-  emerald: cn(
-    "s-bg-emerald-100 s-border-emerald-200",
-    "dark:s-bg-emerald-100-night dark:s-border-emerald-200-night"
-  ),
-  amber: cn(
-    "s-bg-amber-100 s-border-amber-200",
-    "dark:s-bg-amber-100-night dark:s-border-amber-200-night"
-  ),
-  purple: cn(
-    "s-bg-purple-100 s-border-purple-200",
-    "dark:s-bg-purple-100-night dark:s-border-purple-200-night"
-  ),
-  sky: cn(
-    "s-bg-sky-100 s-border-sky-200",
-    "dark:s-bg-sky-100-night dark:s-border-sky-200-night"
-  ),
-  pink: cn(
-    "s-bg-pink-100 s-border-pink-200",
-    "dark:s-bg-pink-100-night dark:s-border-pink-200-night"
-  ),
 };
 
 const textVariants: Record<ChipColorType, string> = {
   primary: "s-text-primary-900 dark:s-text-primary-900-night",
-  white: "s-text-foreground dark:s-text-foreground-night",
   highlight: "s-text-highlight-900 dark:s-text-highlight-900-night",
   success: "s-text-success-900 dark:s-text-success-900-night",
   warning: "s-text-warning-900 dark:s-text-warning-900-night",
@@ -125,14 +83,6 @@ const textVariants: Record<ChipColorType, string> = {
   blue: "s-text-sky-900 dark:s-text-sky-900-night",
   rose: "s-text-rose-900 dark:s-text-rose-900-night",
   golden: "s-text-golden-900 dark:s-text-golden-900-night",
-  // To be removed
-  emerald: "s-text-emerald-900 dark:s-text-emerald-900-night",
-  amber: "s-text-amber-900 dark:s-text-amber-900-night",
-  slate: "s-text-foreground dark:s-text-foreground-night",
-  sky: "s-text-sky-900 dark:s-text-sky-900-night",
-  pink: "s-text-pink-900 dark:s-text-pink-900-night",
-  red: "s-text-red-900 dark:s-text-red-900-night",
-  purple: "s-text-purple-900 dark:s-text-purple-900-night",
 };
 
 const chipVariants = cva("s-inline-flex s-box-border s-items-center", {
@@ -143,8 +93,8 @@ const chipVariants = cva("s-inline-flex s-box-border s-items-center", {
   },
   defaultVariants: {
     size: "xs",
-    text: "slate",
-    background: "slate",
+    text: "primary",
+    background: "primary",
   },
 });