kaleido-ui 0.1.131 → 0.2.0

package/dist/css/brand.css

@@ -13,19 +13,19 @@
  */
 :root:not(.dark),
 .light {
-  --primary: #097B4E;
+  --primary: #007D49;
   /* The deep brand green takes white text (5.3:1); the default light green takes dark ink. */
   --primary-foreground: #FFFFFF;
   /* …and its button gradient runs through the deep greens under that white text,
      lightening toward the bottom-right like the default light fills. */
-  --gradient-primary: linear-gradient(135deg, #076A43 0%, #097B4E 50%, #0E8F5C 100%);
-  --ring: #097B4E;
+  --gradient-primary: linear-gradient(135deg, #076A43 0%, #007D49 50%, #0E8F5C 100%);
+  --ring: #007D49;
 }
 
 .light {
-  --app-primary: 9 123 78;
+  --app-primary: 0 125 73;
   --app-primary-foreground: 255 255 255;
-  --app-border-strong: 9 123 78;
+  --app-border-strong: 0 125 73;
 }
 
 .dark {

package/dist/css/kaleido-ui.css

@@ -283,9 +283,9 @@
    Light is the default (like --primary / --card above); .dark switches. ── */
 :root,
 .light {
-  --brand: #097B4E;
+  --brand: #007D49;
   --accent-send-fg: #6428F0;
-  --accent-recv-fg: #097B4E;
+  --accent-recv-fg: #007D49;
   --success-fg: #076A43;
   --warning-fg: #92400E;
   --danger-fg: #991B1B;
@@ -500,9 +500,9 @@
   --color-scrollbar-thumb-active: #2BF5A8;
   --color-scrollbar-track:       transparent;
   --spacing-scrollbar:           2px;
-  --spacing-scrollbar-hover:     6px;
+  --spacing-scrollbar-hover:     4px;
   --spacing-scrollbar-thick:     6px;
-  --spacing-scrollbar-thick-hover: 10px;
+  --spacing-scrollbar-thick-hover: 8px;
   --spacing-scrollbar-thumb-min: 24px;
 
   /* Spacing unit — every padding, margin, gap and size step is a multiple of it */

package/dist/native/index.cjs

@@ -1626,11 +1626,11 @@ var brandMark = {
 };
 var themedForeground = {
   light: {
-    // Brand green in the mint's own hue, as light as it goes and still
-    // clears 4.5:1 on every light surface (4.63:1 on #EFEFF4).
-    brand: "#097B4E",
+    // Brand green at full saturation (no red), as light as it goes and still
+    // clears 4.5:1 on every light surface (4.55:1 on #EFEFF4).
+    brand: "#007D49",
     "accent-send-fg": "#6428F0",
-    "accent-recv-fg": "#097B4E",
+    "accent-recv-fg": "#007D49",
     "success-fg": "#076A43",
     // a shade under brand: it also sits on a 14% mint tint
     // Tailwind -800 shades: -700 measured only 3.7 to 4.3:1 on the light ramp.

package/dist/native/index.js

@@ -1563,11 +1563,11 @@ var brandMark = {
 };
 var themedForeground = {
   light: {
-    // Brand green in the mint's own hue, as light as it goes and still
-    // clears 4.5:1 on every light surface (4.63:1 on #EFEFF4).
-    brand: "#097B4E",
+    // Brand green at full saturation (no red), as light as it goes and still
+    // clears 4.5:1 on every light surface (4.55:1 on #EFEFF4).
+    brand: "#007D49",
     "accent-send-fg": "#6428F0",
-    "accent-recv-fg": "#097B4E",
+    "accent-recv-fg": "#007D49",
     "success-fg": "#076A43",
     // a shade under brand: it also sits on a 14% mint tint
     // Tailwind -800 shades: -700 measured only 3.7 to 4.3:1 on the light ramp.

package/dist/tailwind/index.cjs

@@ -314,11 +314,11 @@ var brandMark = {
 };
 var themedForeground = {
   light: {
-    // Brand green in the mint's own hue, as light as it goes and still
-    // clears 4.5:1 on every light surface (4.63:1 on #EFEFF4).
-    brand: "#097B4E",
+    // Brand green at full saturation (no red), as light as it goes and still
+    // clears 4.5:1 on every light surface (4.55:1 on #EFEFF4).
+    brand: "#007D49",
     "accent-send-fg": "#6428F0",
-    "accent-recv-fg": "#097B4E",
+    "accent-recv-fg": "#007D49",
     "success-fg": "#076A43",
     // a shade under brand: it also sits on a 14% mint tint
     // Tailwind -800 shades: -700 measured only 3.7 to 4.3:1 on the light ramp.
@@ -489,10 +489,10 @@ var shadowLight = {
 var spacingUnit = "0.28125rem";
 var sizing = {
   scrollbar: "2px",
-  scrollbarHover: "6px",
+  scrollbarHover: "4px",
   /** The thick variant, for a whole page's scroller: easier to find and to grab. */
   scrollbarThick: "6px",
-  scrollbarThickHover: "10px",
+  scrollbarThickHover: "8px",
   scrollbarThumbMin: "24px"
 };
 

package/dist/tailwind/index.d.ts

@@ -51,9 +51,9 @@ declare const preset: {
             };
             spacing: {
                 scrollbar: "2px";
-                'scrollbar-hover': "6px";
+                'scrollbar-hover': "4px";
                 'scrollbar-thick': "6px";
-                'scrollbar-thick-hover': "10px";
+                'scrollbar-thick-hover': "8px";
                 'scrollbar-thumb-min': "24px";
             };
             boxShadow: {

package/dist/tailwind/index.js

@@ -288,11 +288,11 @@ var brandMark = {
 };
 var themedForeground = {
   light: {
-    // Brand green in the mint's own hue, as light as it goes and still
-    // clears 4.5:1 on every light surface (4.63:1 on #EFEFF4).
-    brand: "#097B4E",
+    // Brand green at full saturation (no red), as light as it goes and still
+    // clears 4.5:1 on every light surface (4.55:1 on #EFEFF4).
+    brand: "#007D49",
     "accent-send-fg": "#6428F0",
-    "accent-recv-fg": "#097B4E",
+    "accent-recv-fg": "#007D49",
     "success-fg": "#076A43",
     // a shade under brand: it also sits on a 14% mint tint
     // Tailwind -800 shades: -700 measured only 3.7 to 4.3:1 on the light ramp.
@@ -463,10 +463,10 @@ var shadowLight = {
 var spacingUnit = "0.28125rem";
 var sizing = {
   scrollbar: "2px",
-  scrollbarHover: "6px",
+  scrollbarHover: "4px",
   /** The thick variant, for a whole page's scroller: easier to find and to grab. */
   scrollbarThick: "6px",
-  scrollbarThickHover: "10px",
+  scrollbarThickHover: "8px",
   scrollbarThumbMin: "24px"
 };
 

package/dist/tokens/index.cjs

@@ -438,10 +438,10 @@ var radius = {
 var spacingUnit = "0.28125rem";
 var sizing = {
   scrollbar: "2px",
-  scrollbarHover: "6px",
+  scrollbarHover: "4px",
   /** The thick variant, for a whole page's scroller: easier to find and to grab. */
   scrollbarThick: "6px",
-  scrollbarThickHover: "10px",
+  scrollbarThickHover: "8px",
   scrollbarThumbMin: "24px"
 };
 
@@ -606,11 +606,11 @@ var brandMark = {
 };
 var themedForeground = {
   light: {
-    // Brand green in the mint's own hue, as light as it goes and still
-    // clears 4.5:1 on every light surface (4.63:1 on #EFEFF4).
-    brand: "#097B4E",
+    // Brand green at full saturation (no red), as light as it goes and still
+    // clears 4.5:1 on every light surface (4.55:1 on #EFEFF4).
+    brand: "#007D49",
     "accent-send-fg": "#6428F0",
-    "accent-recv-fg": "#097B4E",
+    "accent-recv-fg": "#007D49",
     "success-fg": "#076A43",
     // a shade under brand: it also sits on a 14% mint tint
     // Tailwind -800 shades: -700 measured only 3.7 to 4.3:1 on the light ramp.

package/dist/tokens/index.d.cts

@@ -303,10 +303,10 @@ declare const radius: {
 declare const spacingUnit = "0.28125rem";
 declare const sizing: {
     readonly scrollbar: "2px";
-    readonly scrollbarHover: "6px";
+    readonly scrollbarHover: "4px";
     /** The thick variant, for a whole page's scroller: easier to find and to grab. */
     readonly scrollbarThick: "6px";
-    readonly scrollbarThickHover: "10px";
+    readonly scrollbarThickHover: "8px";
     readonly scrollbarThumbMin: "24px";
 };
 

package/dist/tokens/index.d.ts

@@ -303,10 +303,10 @@ declare const radius: {
 declare const spacingUnit = "0.28125rem";
 declare const sizing: {
     readonly scrollbar: "2px";
-    readonly scrollbarHover: "6px";
+    readonly scrollbarHover: "4px";
     /** The thick variant, for a whole page's scroller: easier to find and to grab. */
     readonly scrollbarThick: "6px";
-    readonly scrollbarThickHover: "10px";
+    readonly scrollbarThickHover: "8px";
     readonly scrollbarThumbMin: "24px";
 };
 

package/dist/tokens/index.js

@@ -377,10 +377,10 @@ var radius = {
 var spacingUnit = "0.28125rem";
 var sizing = {
   scrollbar: "2px",
-  scrollbarHover: "6px",
+  scrollbarHover: "4px",
   /** The thick variant, for a whole page's scroller: easier to find and to grab. */
   scrollbarThick: "6px",
-  scrollbarThickHover: "10px",
+  scrollbarThickHover: "8px",
   scrollbarThumbMin: "24px"
 };
 
@@ -545,11 +545,11 @@ var brandMark = {
 };
 var themedForeground = {
   light: {
-    // Brand green in the mint's own hue, as light as it goes and still
-    // clears 4.5:1 on every light surface (4.63:1 on #EFEFF4).
-    brand: "#097B4E",
+    // Brand green at full saturation (no red), as light as it goes and still
+    // clears 4.5:1 on every light surface (4.55:1 on #EFEFF4).
+    brand: "#007D49",
     "accent-send-fg": "#6428F0",
-    "accent-recv-fg": "#097B4E",
+    "accent-recv-fg": "#007D49",
     "success-fg": "#076A43",
     // a shade under brand: it also sits on a 14% mint tint
     // Tailwind -800 shades: -700 measured only 3.7 to 4.3:1 on the light ramp.