@epilot/spark-ui 0.26.1 → 0.27.1

package/dist/styles/theme.css

@@ -52,6 +52,104 @@
   }
 }
 
+/* Spinner comet. Dash lengths and offsets are user units on the r=9.5 circles in
+   spinner.tsx (circumference ≈ 59.69): change the radius and these stop lining up. */
+@theme {
+  --animate-spinner-turn: spark-spinner-turn 1.6s linear infinite;
+  --animate-spinner-spark: spark-spinner-spark 1.4s ease-in-out infinite;
+  --animate-spinner-band-1: spark-spinner-band-1 1.4s ease-in-out infinite;
+  --animate-spinner-band-1-end: spark-spinner-band-1-end 1.4s ease-in-out
+    infinite;
+  --animate-spinner-band-2: spark-spinner-band-2 1.4s ease-in-out infinite;
+  --animate-spinner-band-3: spark-spinner-band-3 1.4s ease-in-out infinite;
+}
+
+@keyframes spark-spinner-turn {
+  to {
+    transform: rotate(360deg);
+  }
+}
+@keyframes spark-spinner-spark {
+  0% {
+    stroke-dasharray: 0.25 200;
+    stroke-dashoffset: 0;
+    opacity: 0.12;
+  }
+  40% {
+    stroke-dasharray: 6 200;
+    stroke-dashoffset: -7.5;
+    opacity: 0.12;
+  }
+  60% {
+    stroke-dasharray: 3 200;
+    stroke-dashoffset: -9;
+    opacity: 0.12;
+  }
+  82% {
+    stroke-dasharray: 0.01 200;
+    stroke-dashoffset: -10.5;
+    opacity: 0;
+  }
+  100% {
+    stroke-dasharray: 0.25 200;
+    stroke-dashoffset: -58;
+    opacity: 0;
+  }
+}
+@keyframes spark-spinner-band-1 {
+  0% {
+    stroke-dasharray: 0.25 200;
+    stroke-dashoffset: -0.25;
+  }
+  50% {
+    stroke-dasharray: 7.5 200;
+    stroke-dashoffset: -17.5;
+  }
+  100% {
+    stroke-dasharray: 0.42 200;
+    stroke-dashoffset: -58.42;
+  }
+}
+@keyframes spark-spinner-band-1-end {
+  0% {
+    stroke-dashoffset: -0.25;
+  }
+  50% {
+    stroke-dashoffset: -17.5;
+  }
+  100% {
+    stroke-dashoffset: -58.42;
+  }
+}
+@keyframes spark-spinner-band-2 {
+  0% {
+    stroke-dasharray: 0.25 200;
+    stroke-dashoffset: -0.5;
+  }
+  50% {
+    stroke-dasharray: 7.5 200;
+    stroke-dashoffset: -25;
+  }
+  100% {
+    stroke-dasharray: 0.42 200;
+    stroke-dashoffset: -58.84;
+  }
+}
+@keyframes spark-spinner-band-3 {
+  0% {
+    stroke-dasharray: 0.25 200;
+    stroke-dashoffset: -0.75;
+  }
+  50% {
+    stroke-dasharray: 7.5 200;
+    stroke-dashoffset: -32.5;
+  }
+  100% {
+    stroke-dasharray: 0.42 200;
+    stroke-dashoffset: -59.27;
+  }
+}
+
 /* `inline` so color utilities emit the underlying var() chain (bg-spark-9 →
    var(--spark-9)) and re-resolve per subtree — a mid-tree accent/neutral/style
    override reaches components instead of freezing at :root. */

package/dist/{theme-types-Bn5E15-P.d.ts → theme-types-CKZzOmSa.d.cts}

@@ -33,6 +33,15 @@ type SparkCardColor = 'neutral' | 'accent';
 type SparkLabelPosition = 'outset' | 'inset';
 type SparkInputStyle = 'soft' | 'surface' | 'outlined' | 'ghost';
 type SparkInputColor = 'brand' | 'gray';
+/** Preferred: `primary` | `neutral` | `destructive`. `accent` / `danger` stay as aliases. */
+type SparkButtonColor = 'primary' | 'accent' | 'neutral' | 'destructive' | 'danger';
+type SparkButtonEmphasis = 'primary' | 'secondary' | 'tertiary';
+interface SparkButtonRole {
+  style?: SparkStyle;
+  color?: SparkButtonColor;
+}
+/** Per-emphasis `<Button>` look; a nested `<Theme>` replaces only the roles it sets. */
+type SparkButtonRoles = Partial<Record<SparkButtonEmphasis, SparkButtonRole>>;
 //#endregion
-export { SparkInputStyle as a, SparkNeutralFamily as c, SparkSpacing as d, SparkStyle as f, SparkInputColor as i, SparkRadius as l, SparkCardColor as n, SparkLabelPosition as o, isSparkNeutralFamily as p, SparkCardVariant as r, SparkNeutral as s, SPARK_NEUTRAL_FAMILIES as t, SparkScaling as u };
-//# sourceMappingURL=theme-types-Bn5E15-P.d.ts.map
+export { isSparkNeutralFamily as _, SparkButtonRoles as a, SparkInputColor as c, SparkNeutral as d, SparkNeutralFamily as f, SparkStyle as g, SparkSpacing as h, SparkButtonRole as i, SparkInputStyle as l, SparkScaling as m, SparkButtonColor as n, SparkCardColor as o, SparkRadius as p, SparkButtonEmphasis as r, SparkCardVariant as s, SPARK_NEUTRAL_FAMILIES as t, SparkLabelPosition as u };
+//# sourceMappingURL=theme-types-CKZzOmSa.d.cts.map

package/dist/{theme-types-Bn5E15-P.d.cts → theme-types-CKZzOmSa.d.ts}

@@ -33,6 +33,15 @@ type SparkCardColor = 'neutral' | 'accent';
 type SparkLabelPosition = 'outset' | 'inset';
 type SparkInputStyle = 'soft' | 'surface' | 'outlined' | 'ghost';
 type SparkInputColor = 'brand' | 'gray';
+/** Preferred: `primary` | `neutral` | `destructive`. `accent` / `danger` stay as aliases. */
+type SparkButtonColor = 'primary' | 'accent' | 'neutral' | 'destructive' | 'danger';
+type SparkButtonEmphasis = 'primary' | 'secondary' | 'tertiary';
+interface SparkButtonRole {
+  style?: SparkStyle;
+  color?: SparkButtonColor;
+}
+/** Per-emphasis `<Button>` look; a nested `<Theme>` replaces only the roles it sets. */
+type SparkButtonRoles = Partial<Record<SparkButtonEmphasis, SparkButtonRole>>;
 //#endregion
-export { SparkInputStyle as a, SparkNeutralFamily as c, SparkSpacing as d, SparkStyle as f, SparkInputColor as i, SparkRadius as l, SparkCardColor as n, SparkLabelPosition as o, isSparkNeutralFamily as p, SparkCardVariant as r, SparkNeutral as s, SPARK_NEUTRAL_FAMILIES as t, SparkScaling as u };
-//# sourceMappingURL=theme-types-Bn5E15-P.d.cts.map
+export { isSparkNeutralFamily as _, SparkButtonRoles as a, SparkInputColor as c, SparkNeutral as d, SparkNeutralFamily as f, SparkStyle as g, SparkSpacing as h, SparkButtonRole as i, SparkInputStyle as l, SparkScaling as m, SparkButtonColor as n, SparkCardColor as o, SparkRadius as p, SparkButtonEmphasis as r, SparkCardVariant as s, SPARK_NEUTRAL_FAMILIES as t, SparkLabelPosition as u };
+//# sourceMappingURL=theme-types-CKZzOmSa.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epilot/spark-ui",
-  "version": "0.26.1",
+  "version": "0.27.1",
   "description": "React UI component library from Spark SDK",
   "homepage": "https://spark-ui.epilot.io/docs/ui",
   "license": "Apache-2.0",