@reshape-biotech/design-system 2.0.1 → 2.0.2

package/dist/components/spinner/Spinner.svelte

@@ -1,12 +1,13 @@
 <script lang="ts">
   interface Props {
     testID?: string;
+    inverted?: boolean;
   }
 
-  let { testID = '' }: Props = $props();
+  let { testID = '', inverted = false }: Props = $props();
 </script>
 
-<div data-testid={testID} class="spinner"></div>
+<div data-testid={testID} class="spinner" class:inverted></div>
 
 <style>
   .spinner {
@@ -19,6 +20,10 @@
     border-radius: 9999px;
   }
 
+  .spinner.inverted {
+    background: conic-gradient(#0000 10%, white);
+  }
+
   @keyframes spinner {
     to {
       transform: rotate(1turn);

package/dist/components/spinner/Spinner.svelte.d.ts

@@ -1,5 +1,6 @@
 interface Props {
     testID?: string;
+    inverted?: boolean;
 }
 declare const Spinner: import("svelte").Component<Props, {}, "">;
 type Spinner = ReturnType<typeof Spinner>;

package/dist/tokens.js

@@ -196,23 +196,23 @@ const annotationOutputFadedFillColors = {
     dotted_growth: annotationOutputBaseColors.dotted_growth[10],
 };
 const annotationOutputStrokeColors = {
-    cfu: annotationOutputBaseColors.cfu[75],
-    halo: annotationOutputBaseColors.halo[75],
-    seed: annotationOutputBaseColors.seed[75],
-    seedling: annotationOutputBaseColors.seedling[75],
-    leaf: annotationOutputBaseColors.leaf[75],
-    insect: annotationOutputBaseColors.insect[75],
-    egg: annotationOutputBaseColors.egg[75],
-    food: annotationOutputBaseColors.food[75],
-    positive: annotationOutputBaseColors.positive[75],
-    negative: annotationOutputBaseColors.negative[75],
-    review: annotationOutputBaseColors.review[75],
-    tntc: annotationOutputBaseColors.tntc[75],
-    contaminated: annotationOutputBaseColors.contaminated[75],
-    countable: annotationOutputBaseColors.countable[75],
-    full_growth: annotationOutputBaseColors.full_growth[75],
-    reduced_growth: annotationOutputBaseColors.reduced_growth[75],
-    dotted_growth: annotationOutputBaseColors.dotted_growth[75],
+    cfu: annotationOutputBaseColors.cfu.default,
+    halo: annotationOutputBaseColors.halo.default,
+    seed: annotationOutputBaseColors.seed.default,
+    seedling: annotationOutputBaseColors.seedling.default,
+    leaf: annotationOutputBaseColors.leaf.default,
+    insect: annotationOutputBaseColors.insect.default,
+    egg: annotationOutputBaseColors.egg.default,
+    food: annotationOutputBaseColors.food.default,
+    positive: annotationOutputBaseColors.positive.default,
+    negative: annotationOutputBaseColors.negative.default,
+    review: annotationOutputBaseColors.review.default,
+    tntc: annotationOutputBaseColors.tntc.default,
+    contaminated: annotationOutputBaseColors.contaminated.default,
+    countable: annotationOutputBaseColors.countable.default,
+    full_growth: annotationOutputBaseColors.full_growth.default,
+    reduced_growth: annotationOutputBaseColors.reduced_growth.default,
+    dotted_growth: annotationOutputBaseColors.dotted_growth.default,
 };
 const annotationOutputFadedStrokeColors = {
     cfu: annotationOutputBaseColors.cfu[50],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reshape-biotech/design-system",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build",