@mario_hahn/jumpy-ui 0.13.0 → 0.13.1

package/README.md

@@ -9,6 +9,13 @@ keeps its dimensions when replacing an icon; adding a new slot may widen a butto
 that had none. Loading disables activation and sets `aria-busy`. The SVG animation
 works without a Tailwind source scan in the consumer.
 
+### Disabled visibility (0.13.1)
+
+Regular primary disabled buttons use a visible neutral surface on page and card
+backgrounds (`#D1D1D1` Light, `#4D4D4D` Dark). The surface, alternate surface and
+border tokens agree across Web/Android/iOS. `JumpButton` uses these tokens without
+an additional opacity reduction, including during loading.
+
 ## Preset migration (0.10.0)
 
 Available presets are now `default-light`, `default-dark`, `jumpy-light` and

package/dist/{chunk-2I6OOQNV.js → chunk-XX3RYGLI.js}

@@ -1455,11 +1455,11 @@ var variables_default = {
             "text": "#FFFFFF"
           },
           "disabled": {
-            "border": "#242A2F",
+            "border": "#4D4D4DFF",
             "icon": "#B8C0C4",
             "surface": {
-              "$value": "#242A2F",
-              "alternate": "#1A1A1AFF"
+              "$value": "#4D4D4DFF",
+              "alternate": "#4D4D4DFF"
             },
             "text": "#B8C0C4"
           },
@@ -3565,11 +3565,11 @@ var variables_default2 = {
             "text": "#FFFFFFFF"
           },
           "disabled": {
-            "border": "#F4F7F5",
+            "border": "#D1D1D1FF",
             "icon": "#575B5E",
             "surface": {
-              "$value": "#F4F7F5",
-              "alternate": "#F6F6F6FF"
+              "$value": "#D1D1D1FF",
+              "alternate": "#D1D1D1FF"
             },
             "text": "#575B5E"
           },
@@ -5675,11 +5675,11 @@ var variables_default3 = {
             "text": "#FFFFFF"
           },
           "disabled": {
-            "border": "#151934",
+            "border": "#4D4D4DFF",
             "icon": "#A5ADBF",
             "surface": {
-              "$value": "#151934",
-              "alternate": "#1A1A1AFF"
+              "$value": "#4D4D4DFF",
+              "alternate": "#4D4D4DFF"
             },
             "text": "#A5ADBF"
           },
@@ -7785,11 +7785,11 @@ var variables_default4 = {
             "text": "#FFFFFF"
           },
           "disabled": {
-            "border": "#F4F7F5",
+            "border": "#D1D1D1FF",
             "icon": "#575B5E",
             "surface": {
-              "$value": "#F4F7F5",
-              "alternate": "#F6F6F6FF"
+              "$value": "#D1D1D1FF",
+              "alternate": "#D1D1D1FF"
             },
             "text": "#575B5E"
           },

package/dist/index.js

@@ -28,7 +28,7 @@ import {
   textStyleValue,
   themeToCSSVariables,
   useJumpyTheme
-} from "./chunk-2I6OOQNV.js";
+} from "./chunk-XX3RYGLI.js";
 import {
   cn
 } from "./chunk-3DBKYKP2.js";
@@ -3956,7 +3956,8 @@ function JumpButton({ as, size: size2, variant = "primary", status = "regular",
         fontSize: textStyle.fontSize,
         lineHeight: textStyle.lineHeight,
         fontWeight: textStyle.fontWeight,
-        opacity: isDisabled ? opacityValue(theme, JumpyOpacity.medium) : opacityValue(theme, JumpyOpacity.solid),
+        // Primary regular disabled tokens already encode the subdued appearance.
+        opacity: isDisabled && !(variant === "primary" && status === "regular") ? opacityValue(theme, JumpyOpacity.medium) : opacityValue(theme, JumpyOpacity.solid),
         borderWidth: hasBorder ? borderWidthValue(theme, JumpyBorderWidth.small) : 0,
         borderStyle: hasBorder ? "solid" : "none",
         ...variantStyles,

package/dist/theme.js

@@ -28,7 +28,7 @@ import {
   textStyleValue,
   themeToCSSVariables,
   useJumpyTheme
-} from "./chunk-2I6OOQNV.js";
+} from "./chunk-XX3RYGLI.js";
 export {
   JumpyAnimation,
   JumpyAnimationDelay,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mario_hahn/jumpy-ui",
-  "version": "0.13.0",
+  "version": "0.13.1",
   "license": "MIT",
   "type": "module",
   "scripts": {

package/tokens/android/tokens/src/main/kotlin/com/mariohahn/jumpy/tokens/defaultDark/Tokens.kt

@@ -410,10 +410,10 @@ object JumpyDefaultDarkTokens {
     val actionsPrimaryRegularDefaultIcon: Color = jumpyColor("#FFFFFFFF")
     val actionsPrimaryRegularDefaultSurface: Color = jumpyColor("#FF128A42")
     val actionsPrimaryRegularDefaultText: Color = jumpyColor("#FFFFFFFF")
-    val actionsPrimaryRegularDisabledBorder: Color = jumpyColor("#FF242A2F")
+    val actionsPrimaryRegularDisabledBorder: Color = jumpyColor("#FF4D4D4D")
     val actionsPrimaryRegularDisabledIcon: Color = jumpyColor("#FFB8C0C4")
-    val actionsPrimaryRegularDisabledSurface: Color = jumpyColor("#FF242A2F")
-    val actionsPrimaryRegularDisabledSurfaceAlternate: Color = jumpyColor("#FF1A1A1A")
+    val actionsPrimaryRegularDisabledSurface: Color = jumpyColor("#FF4D4D4D")
+    val actionsPrimaryRegularDisabledSurfaceAlternate: Color = jumpyColor("#FF4D4D4D")
     val actionsPrimaryRegularDisabledText: Color = jumpyColor("#FFB8C0C4")
     val actionsPrimaryRegularFocusBorder: Color = jumpyColor("#FF128A42")
     val actionsPrimaryRegularFocusFocusRing: Color = jumpyColor("#38128A42")
@@ -1590,10 +1590,10 @@ object JumpyDefaultDarkTokens {
         val actionsPrimaryRegularDefaultIcon: Color = jumpyColor("#FFFFFFFF")
         val actionsPrimaryRegularDefaultSurface: Color = jumpyColor("#FF128A42")
         val actionsPrimaryRegularDefaultText: Color = jumpyColor("#FFFFFFFF")
-        val actionsPrimaryRegularDisabledBorder: Color = jumpyColor("#FF242A2F")
+        val actionsPrimaryRegularDisabledBorder: Color = jumpyColor("#FF4D4D4D")
         val actionsPrimaryRegularDisabledIcon: Color = jumpyColor("#FFB8C0C4")
-        val actionsPrimaryRegularDisabledSurface: Color = jumpyColor("#FF242A2F")
-        val actionsPrimaryRegularDisabledSurfaceAlternate: Color = jumpyColor("#FF1A1A1A")
+        val actionsPrimaryRegularDisabledSurface: Color = jumpyColor("#FF4D4D4D")
+        val actionsPrimaryRegularDisabledSurfaceAlternate: Color = jumpyColor("#FF4D4D4D")
         val actionsPrimaryRegularDisabledText: Color = jumpyColor("#FFB8C0C4")
         val actionsPrimaryRegularFocusBorder: Color = jumpyColor("#FF128A42")
         val actionsPrimaryRegularFocusFocusRing: Color = jumpyColor("#38128A42")

package/tokens/android/tokens/src/main/kotlin/com/mariohahn/jumpy/tokens/defaultLight/Tokens.kt

@@ -410,10 +410,10 @@ object JumpyDefaultLightTokens {
     val actionsPrimaryRegularDefaultIcon: Color = jumpyColor("#FFFFFFFF")
     val actionsPrimaryRegularDefaultSurface: Color = jumpyColor("#FF128A42")
     val actionsPrimaryRegularDefaultText: Color = jumpyColor("#FFFFFFFF")
-    val actionsPrimaryRegularDisabledBorder: Color = jumpyColor("#FFF4F7F5")
+    val actionsPrimaryRegularDisabledBorder: Color = jumpyColor("#FFD1D1D1")
     val actionsPrimaryRegularDisabledIcon: Color = jumpyColor("#FF575B5E")
-    val actionsPrimaryRegularDisabledSurface: Color = jumpyColor("#FFF4F7F5")
-    val actionsPrimaryRegularDisabledSurfaceAlternate: Color = jumpyColor("#FFF6F6F6")
+    val actionsPrimaryRegularDisabledSurface: Color = jumpyColor("#FFD1D1D1")
+    val actionsPrimaryRegularDisabledSurfaceAlternate: Color = jumpyColor("#FFD1D1D1")
     val actionsPrimaryRegularDisabledText: Color = jumpyColor("#FF575B5E")
     val actionsPrimaryRegularFocusBorder: Color = jumpyColor("#FF128A42")
     val actionsPrimaryRegularFocusFocusRing: Color = jumpyColor("#B3128A42")
@@ -1590,10 +1590,10 @@ object JumpyDefaultLightTokens {
         val actionsPrimaryRegularDefaultIcon: Color = jumpyColor("#FFFFFFFF")
         val actionsPrimaryRegularDefaultSurface: Color = jumpyColor("#FF128A42")
         val actionsPrimaryRegularDefaultText: Color = jumpyColor("#FFFFFFFF")
-        val actionsPrimaryRegularDisabledBorder: Color = jumpyColor("#FFF4F7F5")
+        val actionsPrimaryRegularDisabledBorder: Color = jumpyColor("#FFD1D1D1")
         val actionsPrimaryRegularDisabledIcon: Color = jumpyColor("#FF575B5E")
-        val actionsPrimaryRegularDisabledSurface: Color = jumpyColor("#FFF4F7F5")
-        val actionsPrimaryRegularDisabledSurfaceAlternate: Color = jumpyColor("#FFF6F6F6")
+        val actionsPrimaryRegularDisabledSurface: Color = jumpyColor("#FFD1D1D1")
+        val actionsPrimaryRegularDisabledSurfaceAlternate: Color = jumpyColor("#FFD1D1D1")
         val actionsPrimaryRegularDisabledText: Color = jumpyColor("#FF575B5E")
         val actionsPrimaryRegularFocusBorder: Color = jumpyColor("#FF128A42")
         val actionsPrimaryRegularFocusFocusRing: Color = jumpyColor("#B3128A42")

package/tokens/android/tokens/src/main/kotlin/com/mariohahn/jumpy/tokens/jumpyDark/Tokens.kt

@@ -410,10 +410,10 @@ object JumpyJumpyDarkTokens {
     val actionsPrimaryRegularDefaultIcon: Color = jumpyColor("#FFFFFFFF")
     val actionsPrimaryRegularDefaultSurface: Color = jumpyColor("#FFFF5C00")
     val actionsPrimaryRegularDefaultText: Color = jumpyColor("#FFFFFFFF")
-    val actionsPrimaryRegularDisabledBorder: Color = jumpyColor("#FF151934")
+    val actionsPrimaryRegularDisabledBorder: Color = jumpyColor("#FF4D4D4D")
     val actionsPrimaryRegularDisabledIcon: Color = jumpyColor("#FFA5ADBF")
-    val actionsPrimaryRegularDisabledSurface: Color = jumpyColor("#FF151934")
-    val actionsPrimaryRegularDisabledSurfaceAlternate: Color = jumpyColor("#FF1A1A1A")
+    val actionsPrimaryRegularDisabledSurface: Color = jumpyColor("#FF4D4D4D")
+    val actionsPrimaryRegularDisabledSurfaceAlternate: Color = jumpyColor("#FF4D4D4D")
     val actionsPrimaryRegularDisabledText: Color = jumpyColor("#FFA5ADBF")
     val actionsPrimaryRegularFocusBorder: Color = jumpyColor("#FFFF5C00")
     val actionsPrimaryRegularFocusFocusRing: Color = jumpyColor("#3DFF5C00")
@@ -1590,10 +1590,10 @@ object JumpyJumpyDarkTokens {
         val actionsPrimaryRegularDefaultIcon: Color = jumpyColor("#FFFFFFFF")
         val actionsPrimaryRegularDefaultSurface: Color = jumpyColor("#FFFF5C00")
         val actionsPrimaryRegularDefaultText: Color = jumpyColor("#FFFFFFFF")
-        val actionsPrimaryRegularDisabledBorder: Color = jumpyColor("#FF151934")
+        val actionsPrimaryRegularDisabledBorder: Color = jumpyColor("#FF4D4D4D")
         val actionsPrimaryRegularDisabledIcon: Color = jumpyColor("#FFA5ADBF")
-        val actionsPrimaryRegularDisabledSurface: Color = jumpyColor("#FF151934")
-        val actionsPrimaryRegularDisabledSurfaceAlternate: Color = jumpyColor("#FF1A1A1A")
+        val actionsPrimaryRegularDisabledSurface: Color = jumpyColor("#FF4D4D4D")
+        val actionsPrimaryRegularDisabledSurfaceAlternate: Color = jumpyColor("#FF4D4D4D")
         val actionsPrimaryRegularDisabledText: Color = jumpyColor("#FFA5ADBF")
         val actionsPrimaryRegularFocusBorder: Color = jumpyColor("#FFFF5C00")
         val actionsPrimaryRegularFocusFocusRing: Color = jumpyColor("#3DFF5C00")

package/tokens/android/tokens/src/main/kotlin/com/mariohahn/jumpy/tokens/jumpyLight/Tokens.kt

@@ -410,10 +410,10 @@ object JumpyJumpyLightTokens {
     val actionsPrimaryRegularDefaultIcon: Color = jumpyColor("#FFFFFFFF")
     val actionsPrimaryRegularDefaultSurface: Color = jumpyColor("#FFFF5C00")
     val actionsPrimaryRegularDefaultText: Color = jumpyColor("#FFFFFFFF")
-    val actionsPrimaryRegularDisabledBorder: Color = jumpyColor("#FFF4F7F5")
+    val actionsPrimaryRegularDisabledBorder: Color = jumpyColor("#FFD1D1D1")
     val actionsPrimaryRegularDisabledIcon: Color = jumpyColor("#FF575B5E")
-    val actionsPrimaryRegularDisabledSurface: Color = jumpyColor("#FFF4F7F5")
-    val actionsPrimaryRegularDisabledSurfaceAlternate: Color = jumpyColor("#FFF6F6F6")
+    val actionsPrimaryRegularDisabledSurface: Color = jumpyColor("#FFD1D1D1")
+    val actionsPrimaryRegularDisabledSurfaceAlternate: Color = jumpyColor("#FFD1D1D1")
     val actionsPrimaryRegularDisabledText: Color = jumpyColor("#FF575B5E")
     val actionsPrimaryRegularFocusBorder: Color = jumpyColor("#FFFF5C00")
     val actionsPrimaryRegularFocusFocusRing: Color = jumpyColor("#33FF5C00")
@@ -1590,10 +1590,10 @@ object JumpyJumpyLightTokens {
         val actionsPrimaryRegularDefaultIcon: Color = jumpyColor("#FFFFFFFF")
         val actionsPrimaryRegularDefaultSurface: Color = jumpyColor("#FFFF5C00")
         val actionsPrimaryRegularDefaultText: Color = jumpyColor("#FFFFFFFF")
-        val actionsPrimaryRegularDisabledBorder: Color = jumpyColor("#FFF4F7F5")
+        val actionsPrimaryRegularDisabledBorder: Color = jumpyColor("#FFD1D1D1")
         val actionsPrimaryRegularDisabledIcon: Color = jumpyColor("#FF575B5E")
-        val actionsPrimaryRegularDisabledSurface: Color = jumpyColor("#FFF4F7F5")
-        val actionsPrimaryRegularDisabledSurfaceAlternate: Color = jumpyColor("#FFF6F6F6")
+        val actionsPrimaryRegularDisabledSurface: Color = jumpyColor("#FFD1D1D1")
+        val actionsPrimaryRegularDisabledSurfaceAlternate: Color = jumpyColor("#FFD1D1D1")
         val actionsPrimaryRegularDisabledText: Color = jumpyColor("#FF575B5E")
         val actionsPrimaryRegularFocusBorder: Color = jumpyColor("#FFFF5C00")
         val actionsPrimaryRegularFocusFocusRing: Color = jumpyColor("#33FF5C00")

package/tokens/ios/Sources/JumpyTokensDefault/Tokens.xcassets/actionsPrimaryRegularDisabledBorder.colorset/Contents.json

@@ -5,9 +5,9 @@
       "color": {
         "color-space": "srgb",
         "components": {
-          "red": "0.957",
-          "green": "0.969",
-          "blue": "0.961",
+          "red": "0.820",
+          "green": "0.820",
+          "blue": "0.820",
           "alpha": "1.000"
         }
       }
@@ -23,9 +23,9 @@
       "color": {
         "color-space": "srgb",
         "components": {
-          "red": "0.141",
-          "green": "0.165",
-          "blue": "0.184",
+          "red": "0.302",
+          "green": "0.302",
+          "blue": "0.302",
           "alpha": "1.000"
         }
       }

package/tokens/ios/Sources/JumpyTokensDefault/Tokens.xcassets/actionsPrimaryRegularDisabledSurface.colorset/Contents.json

@@ -5,9 +5,9 @@
       "color": {
         "color-space": "srgb",
         "components": {
-          "red": "0.957",
-          "green": "0.969",
-          "blue": "0.961",
+          "red": "0.820",
+          "green": "0.820",
+          "blue": "0.820",
           "alpha": "1.000"
         }
       }
@@ -23,9 +23,9 @@
       "color": {
         "color-space": "srgb",
         "components": {
-          "red": "0.141",
-          "green": "0.165",
-          "blue": "0.184",
+          "red": "0.302",
+          "green": "0.302",
+          "blue": "0.302",
           "alpha": "1.000"
         }
       }

package/tokens/ios/Sources/JumpyTokensDefault/Tokens.xcassets/actionsPrimaryRegularDisabledSurfaceAlternate.colorset/Contents.json

@@ -5,9 +5,9 @@
       "color": {
         "color-space": "srgb",
         "components": {
-          "red": "0.965",
-          "green": "0.965",
-          "blue": "0.965",
+          "red": "0.820",
+          "green": "0.820",
+          "blue": "0.820",
           "alpha": "1.000"
         }
       }
@@ -23,9 +23,9 @@
       "color": {
         "color-space": "srgb",
         "components": {
-          "red": "0.102",
-          "green": "0.102",
-          "blue": "0.102",
+          "red": "0.302",
+          "green": "0.302",
+          "blue": "0.302",
           "alpha": "1.000"
         }
       }

package/tokens/ios/Sources/JumpyTokensJumpy/Tokens.xcassets/actionsPrimaryRegularDisabledBorder.colorset/Contents.json

@@ -5,9 +5,9 @@
       "color": {
         "color-space": "srgb",
         "components": {
-          "red": "0.957",
-          "green": "0.969",
-          "blue": "0.961",
+          "red": "0.820",
+          "green": "0.820",
+          "blue": "0.820",
           "alpha": "1.000"
         }
       }
@@ -23,9 +23,9 @@
       "color": {
         "color-space": "srgb",
         "components": {
-          "red": "0.082",
-          "green": "0.098",
-          "blue": "0.204",
+          "red": "0.302",
+          "green": "0.302",
+          "blue": "0.302",
           "alpha": "1.000"
         }
       }

package/tokens/ios/Sources/JumpyTokensJumpy/Tokens.xcassets/actionsPrimaryRegularDisabledSurface.colorset/Contents.json

@@ -5,9 +5,9 @@
       "color": {
         "color-space": "srgb",
         "components": {
-          "red": "0.957",
-          "green": "0.969",
-          "blue": "0.961",
+          "red": "0.820",
+          "green": "0.820",
+          "blue": "0.820",
           "alpha": "1.000"
         }
       }
@@ -23,9 +23,9 @@
       "color": {
         "color-space": "srgb",
         "components": {
-          "red": "0.082",
-          "green": "0.098",
-          "blue": "0.204",
+          "red": "0.302",
+          "green": "0.302",
+          "blue": "0.302",
           "alpha": "1.000"
         }
       }

package/tokens/ios/Sources/JumpyTokensJumpy/Tokens.xcassets/actionsPrimaryRegularDisabledSurfaceAlternate.colorset/Contents.json

@@ -5,9 +5,9 @@
       "color": {
         "color-space": "srgb",
         "components": {
-          "red": "0.965",
-          "green": "0.965",
-          "blue": "0.965",
+          "red": "0.820",
+          "green": "0.820",
+          "blue": "0.820",
           "alpha": "1.000"
         }
       }
@@ -23,9 +23,9 @@
       "color": {
         "color-space": "srgb",
         "components": {
-          "red": "0.102",
-          "green": "0.102",
-          "blue": "0.102",
+          "red": "0.302",
+          "green": "0.302",
+          "blue": "0.302",
           "alpha": "1.000"
         }
       }

package/tokens/web/css/default-dark/variables.css

@@ -113,10 +113,10 @@
   --jumpy-actions-primary-regular-default-icon: #FFFFFF;
   --jumpy-actions-primary-regular-default-surface: #128A42;
   --jumpy-actions-primary-regular-default-text: #FFFFFF;
-  --jumpy-actions-primary-regular-disabled-border: #242A2F;
+  --jumpy-actions-primary-regular-disabled-border: #4D4D4DFF;
   --jumpy-actions-primary-regular-disabled-icon: #B8C0C4;
-  --jumpy-actions-primary-regular-disabled-surface: #242A2F;
-  --jumpy-actions-primary-regular-disabled-surface-alternate: #1A1A1AFF;
+  --jumpy-actions-primary-regular-disabled-surface: #4D4D4DFF;
+  --jumpy-actions-primary-regular-disabled-surface-alternate: #4D4D4DFF;
   --jumpy-actions-primary-regular-disabled-text: #B8C0C4;
   --jumpy-actions-primary-regular-focus-border: #128A42;
   --jumpy-actions-primary-regular-focus-focus-ring: rgba(18,138,66,0.22);

package/tokens/web/css/default-light/variables.css

@@ -113,10 +113,10 @@
   --jumpy-actions-primary-regular-default-icon: #FFFFFFFF;
   --jumpy-actions-primary-regular-default-surface: #128A42;
   --jumpy-actions-primary-regular-default-text: #FFFFFFFF;
-  --jumpy-actions-primary-regular-disabled-border: #F4F7F5;
+  --jumpy-actions-primary-regular-disabled-border: #D1D1D1FF;
   --jumpy-actions-primary-regular-disabled-icon: #575B5E;
-  --jumpy-actions-primary-regular-disabled-surface: #F4F7F5;
-  --jumpy-actions-primary-regular-disabled-surface-alternate: #F6F6F6FF;
+  --jumpy-actions-primary-regular-disabled-surface: #D1D1D1FF;
+  --jumpy-actions-primary-regular-disabled-surface-alternate: #D1D1D1FF;
   --jumpy-actions-primary-regular-disabled-text: #575B5E;
   --jumpy-actions-primary-regular-focus-border: #128A42;
   --jumpy-actions-primary-regular-focus-focus-ring: rgba(18,138,66,0.7);

package/tokens/web/css/jumpy-dark/variables.css

@@ -113,10 +113,10 @@
   --jumpy-actions-primary-regular-default-icon: #FFFFFF;
   --jumpy-actions-primary-regular-default-surface: #FF5C00;
   --jumpy-actions-primary-regular-default-text: #FFFFFF;
-  --jumpy-actions-primary-regular-disabled-border: #151934;
+  --jumpy-actions-primary-regular-disabled-border: #4D4D4DFF;
   --jumpy-actions-primary-regular-disabled-icon: #A5ADBF;
-  --jumpy-actions-primary-regular-disabled-surface: #151934;
-  --jumpy-actions-primary-regular-disabled-surface-alternate: #1A1A1AFF;
+  --jumpy-actions-primary-regular-disabled-surface: #4D4D4DFF;
+  --jumpy-actions-primary-regular-disabled-surface-alternate: #4D4D4DFF;
   --jumpy-actions-primary-regular-disabled-text: #A5ADBF;
   --jumpy-actions-primary-regular-focus-border: #FF5C00;
   --jumpy-actions-primary-regular-focus-focus-ring: rgba(255,92,0,0.24);

package/tokens/web/css/jumpy-light/variables.css

@@ -113,10 +113,10 @@
   --jumpy-actions-primary-regular-default-icon: #FFFFFF;
   --jumpy-actions-primary-regular-default-surface: #FF5C00;
   --jumpy-actions-primary-regular-default-text: #FFFFFF;
-  --jumpy-actions-primary-regular-disabled-border: #F4F7F5;
+  --jumpy-actions-primary-regular-disabled-border: #D1D1D1FF;
   --jumpy-actions-primary-regular-disabled-icon: #575B5E;
-  --jumpy-actions-primary-regular-disabled-surface: #F4F7F5;
-  --jumpy-actions-primary-regular-disabled-surface-alternate: #F6F6F6FF;
+  --jumpy-actions-primary-regular-disabled-surface: #D1D1D1FF;
+  --jumpy-actions-primary-regular-disabled-surface-alternate: #D1D1D1FF;
   --jumpy-actions-primary-regular-disabled-text: #575B5E;
   --jumpy-actions-primary-regular-focus-border: #FF5C00;
   --jumpy-actions-primary-regular-focus-focus-ring: rgba(255,92,0,0.2);

package/tokens/web/js/default-dark/variables.cjs

@@ -586,11 +586,11 @@ module.exports = {
             "text": "#FFFFFF"
           },
           "disabled": {
-            "border": "#242A2F",
+            "border": "#4D4D4DFF",
             "icon": "#B8C0C4",
             "surface": {
-              "$value": "#242A2F",
-              "alternate": "#1A1A1AFF"
+              "$value": "#4D4D4DFF",
+              "alternate": "#4D4D4DFF"
             },
             "text": "#B8C0C4"
           },

package/tokens/web/js/default-dark/variables.js

@@ -586,11 +586,11 @@ export default {
             "text": "#FFFFFF"
           },
           "disabled": {
-            "border": "#242A2F",
+            "border": "#4D4D4DFF",
             "icon": "#B8C0C4",
             "surface": {
-              "$value": "#242A2F",
-              "alternate": "#1A1A1AFF"
+              "$value": "#4D4D4DFF",
+              "alternate": "#4D4D4DFF"
             },
             "text": "#B8C0C4"
           },

package/tokens/web/js/default-light/variables.cjs

@@ -586,11 +586,11 @@ module.exports = {
             "text": "#FFFFFFFF"
           },
           "disabled": {
-            "border": "#F4F7F5",
+            "border": "#D1D1D1FF",
             "icon": "#575B5E",
             "surface": {
-              "$value": "#F4F7F5",
-              "alternate": "#F6F6F6FF"
+              "$value": "#D1D1D1FF",
+              "alternate": "#D1D1D1FF"
             },
             "text": "#575B5E"
           },

package/tokens/web/js/default-light/variables.js

@@ -586,11 +586,11 @@ export default {
             "text": "#FFFFFFFF"
           },
           "disabled": {
-            "border": "#F4F7F5",
+            "border": "#D1D1D1FF",
             "icon": "#575B5E",
             "surface": {
-              "$value": "#F4F7F5",
-              "alternate": "#F6F6F6FF"
+              "$value": "#D1D1D1FF",
+              "alternate": "#D1D1D1FF"
             },
             "text": "#575B5E"
           },

package/tokens/web/js/jumpy-dark/variables.cjs

@@ -586,11 +586,11 @@ module.exports = {
             "text": "#FFFFFF"
           },
           "disabled": {
-            "border": "#151934",
+            "border": "#4D4D4DFF",
             "icon": "#A5ADBF",
             "surface": {
-              "$value": "#151934",
-              "alternate": "#1A1A1AFF"
+              "$value": "#4D4D4DFF",
+              "alternate": "#4D4D4DFF"
             },
             "text": "#A5ADBF"
           },

package/tokens/web/js/jumpy-dark/variables.js

@@ -586,11 +586,11 @@ export default {
             "text": "#FFFFFF"
           },
           "disabled": {
-            "border": "#151934",
+            "border": "#4D4D4DFF",
             "icon": "#A5ADBF",
             "surface": {
-              "$value": "#151934",
-              "alternate": "#1A1A1AFF"
+              "$value": "#4D4D4DFF",
+              "alternate": "#4D4D4DFF"
             },
             "text": "#A5ADBF"
           },

package/tokens/web/js/jumpy-light/variables.cjs

@@ -586,11 +586,11 @@ module.exports = {
             "text": "#FFFFFF"
           },
           "disabled": {
-            "border": "#F4F7F5",
+            "border": "#D1D1D1FF",
             "icon": "#575B5E",
             "surface": {
-              "$value": "#F4F7F5",
-              "alternate": "#F6F6F6FF"
+              "$value": "#D1D1D1FF",
+              "alternate": "#D1D1D1FF"
             },
             "text": "#575B5E"
           },

package/tokens/web/js/jumpy-light/variables.js

@@ -586,11 +586,11 @@ export default {
             "text": "#FFFFFF"
           },
           "disabled": {
-            "border": "#F4F7F5",
+            "border": "#D1D1D1FF",
             "icon": "#575B5E",
             "surface": {
-              "$value": "#F4F7F5",
-              "alternate": "#F6F6F6FF"
+              "$value": "#D1D1D1FF",
+              "alternate": "#D1D1D1FF"
             },
             "text": "#575B5E"
           },

package/tokens/web/json/default-dark/flat-variables.json

@@ -399,10 +399,10 @@
   "jumpy-actions-primary-regular-default-icon": "#FFFFFF",
   "jumpy-actions-primary-regular-default-surface": "#128A42",
   "jumpy-actions-primary-regular-default-text": "#FFFFFF",
-  "jumpy-actions-primary-regular-disabled-border": "#242A2F",
+  "jumpy-actions-primary-regular-disabled-border": "#4D4D4DFF",
   "jumpy-actions-primary-regular-disabled-icon": "#B8C0C4",
-  "jumpy-actions-primary-regular-disabled-surface": "#242A2F",
-  "jumpy-actions-primary-regular-disabled-surface-alternate": "#1A1A1AFF",
+  "jumpy-actions-primary-regular-disabled-surface": "#4D4D4DFF",
+  "jumpy-actions-primary-regular-disabled-surface-alternate": "#4D4D4DFF",
   "jumpy-actions-primary-regular-disabled-text": "#B8C0C4",
   "jumpy-actions-primary-regular-focus-border": "#128A42",
   "jumpy-actions-primary-regular-focus-focus-ring": "rgba(18,138,66,0.22)",

package/tokens/web/json/default-dark/nested-variables.json

@@ -582,11 +582,11 @@
             "text": "#FFFFFF"
           },
           "disabled": {
-            "border": "#242A2F",
+            "border": "#4D4D4DFF",
             "icon": "#B8C0C4",
             "surface": {
-              "$value": "#242A2F",
-              "alternate": "#1A1A1AFF"
+              "$value": "#4D4D4DFF",
+              "alternate": "#4D4D4DFF"
             },
             "text": "#B8C0C4"
           },

package/tokens/web/json/default-dark/variables.json

@@ -1600,7 +1600,7 @@
     "name": "jumpy-actions-primary-regular-default-text"
   },
   "jumpy-actions-primary-regular-disabled-border": {
-    "value": "#242A2F",
+    "value": "#4D4D4DFF",
     "name": "jumpy-actions-primary-regular-disabled-border"
   },
   "jumpy-actions-primary-regular-disabled-icon": {
@@ -1608,11 +1608,11 @@
     "name": "jumpy-actions-primary-regular-disabled-icon"
   },
   "jumpy-actions-primary-regular-disabled-surface": {
-    "value": "#242A2F",
+    "value": "#4D4D4DFF",
     "name": "jumpy-actions-primary-regular-disabled-surface"
   },
   "jumpy-actions-primary-regular-disabled-surface-alternate": {
-    "value": "#1A1A1AFF",
+    "value": "#4D4D4DFF",
     "name": "jumpy-actions-primary-regular-disabled-surface-alternate"
   },
   "jumpy-actions-primary-regular-disabled-text": {

package/tokens/web/json/default-light/flat-variables.json

@@ -399,10 +399,10 @@
   "jumpy-actions-primary-regular-default-icon": "#FFFFFFFF",
   "jumpy-actions-primary-regular-default-surface": "#128A42",
   "jumpy-actions-primary-regular-default-text": "#FFFFFFFF",
-  "jumpy-actions-primary-regular-disabled-border": "#F4F7F5",
+  "jumpy-actions-primary-regular-disabled-border": "#D1D1D1FF",
   "jumpy-actions-primary-regular-disabled-icon": "#575B5E",
-  "jumpy-actions-primary-regular-disabled-surface": "#F4F7F5",
-  "jumpy-actions-primary-regular-disabled-surface-alternate": "#F6F6F6FF",
+  "jumpy-actions-primary-regular-disabled-surface": "#D1D1D1FF",
+  "jumpy-actions-primary-regular-disabled-surface-alternate": "#D1D1D1FF",
   "jumpy-actions-primary-regular-disabled-text": "#575B5E",
   "jumpy-actions-primary-regular-focus-border": "#128A42",
   "jumpy-actions-primary-regular-focus-focus-ring": "rgba(18,138,66,0.7)",

package/tokens/web/json/default-light/nested-variables.json

@@ -582,11 +582,11 @@
             "text": "#FFFFFFFF"
           },
           "disabled": {
-            "border": "#F4F7F5",
+            "border": "#D1D1D1FF",
             "icon": "#575B5E",
             "surface": {
-              "$value": "#F4F7F5",
-              "alternate": "#F6F6F6FF"
+              "$value": "#D1D1D1FF",
+              "alternate": "#D1D1D1FF"
             },
             "text": "#575B5E"
           },

package/tokens/web/json/default-light/variables.json

@@ -1600,7 +1600,7 @@
     "name": "jumpy-actions-primary-regular-default-text"
   },
   "jumpy-actions-primary-regular-disabled-border": {
-    "value": "#F4F7F5",
+    "value": "#D1D1D1FF",
     "name": "jumpy-actions-primary-regular-disabled-border"
   },
   "jumpy-actions-primary-regular-disabled-icon": {
@@ -1608,11 +1608,11 @@
     "name": "jumpy-actions-primary-regular-disabled-icon"
   },
   "jumpy-actions-primary-regular-disabled-surface": {
-    "value": "#F4F7F5",
+    "value": "#D1D1D1FF",
     "name": "jumpy-actions-primary-regular-disabled-surface"
   },
   "jumpy-actions-primary-regular-disabled-surface-alternate": {
-    "value": "#F6F6F6FF",
+    "value": "#D1D1D1FF",
     "name": "jumpy-actions-primary-regular-disabled-surface-alternate"
   },
   "jumpy-actions-primary-regular-disabled-text": {

package/tokens/web/json/jumpy-dark/flat-variables.json

@@ -399,10 +399,10 @@
   "jumpy-actions-primary-regular-default-icon": "#FFFFFF",
   "jumpy-actions-primary-regular-default-surface": "#FF5C00",
   "jumpy-actions-primary-regular-default-text": "#FFFFFF",
-  "jumpy-actions-primary-regular-disabled-border": "#151934",
+  "jumpy-actions-primary-regular-disabled-border": "#4D4D4DFF",
   "jumpy-actions-primary-regular-disabled-icon": "#A5ADBF",
-  "jumpy-actions-primary-regular-disabled-surface": "#151934",
-  "jumpy-actions-primary-regular-disabled-surface-alternate": "#1A1A1AFF",
+  "jumpy-actions-primary-regular-disabled-surface": "#4D4D4DFF",
+  "jumpy-actions-primary-regular-disabled-surface-alternate": "#4D4D4DFF",
   "jumpy-actions-primary-regular-disabled-text": "#A5ADBF",
   "jumpy-actions-primary-regular-focus-border": "#FF5C00",
   "jumpy-actions-primary-regular-focus-focus-ring": "rgba(255,92,0,0.24)",

package/tokens/web/json/jumpy-dark/nested-variables.json

@@ -582,11 +582,11 @@
             "text": "#FFFFFF"
           },
           "disabled": {
-            "border": "#151934",
+            "border": "#4D4D4DFF",
             "icon": "#A5ADBF",
             "surface": {
-              "$value": "#151934",
-              "alternate": "#1A1A1AFF"
+              "$value": "#4D4D4DFF",
+              "alternate": "#4D4D4DFF"
             },
             "text": "#A5ADBF"
           },

package/tokens/web/json/jumpy-dark/variables.json

@@ -1600,7 +1600,7 @@
     "name": "jumpy-actions-primary-regular-default-text"
   },
   "jumpy-actions-primary-regular-disabled-border": {
-    "value": "#151934",
+    "value": "#4D4D4DFF",
     "name": "jumpy-actions-primary-regular-disabled-border"
   },
   "jumpy-actions-primary-regular-disabled-icon": {
@@ -1608,11 +1608,11 @@
     "name": "jumpy-actions-primary-regular-disabled-icon"
   },
   "jumpy-actions-primary-regular-disabled-surface": {
-    "value": "#151934",
+    "value": "#4D4D4DFF",
     "name": "jumpy-actions-primary-regular-disabled-surface"
   },
   "jumpy-actions-primary-regular-disabled-surface-alternate": {
-    "value": "#1A1A1AFF",
+    "value": "#4D4D4DFF",
     "name": "jumpy-actions-primary-regular-disabled-surface-alternate"
   },
   "jumpy-actions-primary-regular-disabled-text": {

package/tokens/web/json/jumpy-light/flat-variables.json

@@ -399,10 +399,10 @@
   "jumpy-actions-primary-regular-default-icon": "#FFFFFF",
   "jumpy-actions-primary-regular-default-surface": "#FF5C00",
   "jumpy-actions-primary-regular-default-text": "#FFFFFF",
-  "jumpy-actions-primary-regular-disabled-border": "#F4F7F5",
+  "jumpy-actions-primary-regular-disabled-border": "#D1D1D1FF",
   "jumpy-actions-primary-regular-disabled-icon": "#575B5E",
-  "jumpy-actions-primary-regular-disabled-surface": "#F4F7F5",
-  "jumpy-actions-primary-regular-disabled-surface-alternate": "#F6F6F6FF",
+  "jumpy-actions-primary-regular-disabled-surface": "#D1D1D1FF",
+  "jumpy-actions-primary-regular-disabled-surface-alternate": "#D1D1D1FF",
   "jumpy-actions-primary-regular-disabled-text": "#575B5E",
   "jumpy-actions-primary-regular-focus-border": "#FF5C00",
   "jumpy-actions-primary-regular-focus-focus-ring": "rgba(255,92,0,0.2)",

package/tokens/web/json/jumpy-light/nested-variables.json

@@ -582,11 +582,11 @@
             "text": "#FFFFFF"
           },
           "disabled": {
-            "border": "#F4F7F5",
+            "border": "#D1D1D1FF",
             "icon": "#575B5E",
             "surface": {
-              "$value": "#F4F7F5",
-              "alternate": "#F6F6F6FF"
+              "$value": "#D1D1D1FF",
+              "alternate": "#D1D1D1FF"
             },
             "text": "#575B5E"
           },

package/tokens/web/json/jumpy-light/variables.json

@@ -1600,7 +1600,7 @@
     "name": "jumpy-actions-primary-regular-default-text"
   },
   "jumpy-actions-primary-regular-disabled-border": {
-    "value": "#F4F7F5",
+    "value": "#D1D1D1FF",
     "name": "jumpy-actions-primary-regular-disabled-border"
   },
   "jumpy-actions-primary-regular-disabled-icon": {
@@ -1608,11 +1608,11 @@
     "name": "jumpy-actions-primary-regular-disabled-icon"
   },
   "jumpy-actions-primary-regular-disabled-surface": {
-    "value": "#F4F7F5",
+    "value": "#D1D1D1FF",
     "name": "jumpy-actions-primary-regular-disabled-surface"
   },
   "jumpy-actions-primary-regular-disabled-surface-alternate": {
-    "value": "#F6F6F6FF",
+    "value": "#D1D1D1FF",
     "name": "jumpy-actions-primary-regular-disabled-surface-alternate"
   },
   "jumpy-actions-primary-regular-disabled-text": {