npm - @mario_hahn/jumpy-ui - Versions diffs - 0.5.0 → 0.7.0 - Mend

@mario_hahn/jumpy-ui 0.5.0 → 0.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (325) hide show

package/tokens/web/js/night/variables.cjs CHANGED Viewed

@@ -581,13 +581,13 @@ module.exports = {
         "regular": {
           "default": {
             "border": "#67C587",
-            "icon": "rgba(103,197,135,0.12)",
+            "icon": "#000000FF",
             "surface": "#79D899",
             "text": "#000000FF"
           },
           "disabled": {
             "border": "#20282D",
-            "icon": "rgba(183,192,196,0.14)",
+            "icon": "#B7C0C4",
             "surface": {
               "$value": "rgba(183,192,196,0.14)",
               "alternate": "#1A1A1AFF"
@@ -599,19 +599,19 @@ module.exports = {
             "focus": {
               "ring": "#67C587"
             },
-            "icon": "rgba(103,197,135,0.12)",
+            "icon": "#000000FF",
             "surface": "#79D899",
             "text": "#000000FF"
           },
           "hover": {
             "border": "#67C587",
-            "icon": "rgba(103,197,135,0.12)",
+            "icon": "#000000FF",
             "surface": "#67C587",
             "text": "#000000FF"
           },
           "pressed": {
             "border": "#67C587",
-            "icon": "rgba(103,197,135,0.12)",
+            "icon": "#000000FF",
             "surface": "#EEF5DFFF",
             "text": "#000000FF"
           }

package/tokens/web/js/night/variables.js CHANGED Viewed

@@ -581,13 +581,13 @@ export default {
         "regular": {
           "default": {
             "border": "#67C587",
-            "icon": "rgba(103,197,135,0.12)",
+            "icon": "#000000FF",
             "surface": "#79D899",
             "text": "#000000FF"
           },
           "disabled": {
             "border": "#20282D",
-            "icon": "rgba(183,192,196,0.14)",
+            "icon": "#B7C0C4",
             "surface": {
               "$value": "rgba(183,192,196,0.14)",
               "alternate": "#1A1A1AFF"
@@ -599,19 +599,19 @@ export default {
             "focus": {
               "ring": "#67C587"
             },
-            "icon": "rgba(103,197,135,0.12)",
+            "icon": "#000000FF",
             "surface": "#79D899",
             "text": "#000000FF"
           },
           "hover": {
             "border": "#67C587",
-            "icon": "rgba(103,197,135,0.12)",
+            "icon": "#000000FF",
             "surface": "#67C587",
             "text": "#000000FF"
           },
           "pressed": {
             "border": "#67C587",
-            "icon": "rgba(103,197,135,0.12)",
+            "icon": "#000000FF",
             "surface": "#EEF5DFFF",
             "text": "#000000FF"
           }

package/tokens/web/js/snow/variables.cjs CHANGED Viewed

@@ -343,7 +343,7 @@ module.exports = {
         "extralight": "rgba(18,138,66,0.2)",
         "light": "#DDEABEFF",
         "lightbase": "#6DC48A",
-        "megalight": "#F9FCF4FF",
+        "megalight": "rgba(18,138,66,0.08)",
         "ultralight": "rgba(18,138,66,0.08)"
       },
       "secondary": {
@@ -486,7 +486,7 @@ module.exports = {
             "focus": "rgba(255, 255, 255, 0)",
             "icon": "rgba(18,138,66,0.7)",
             "surface": {
-              "$value": "#F9FCF4FF",
+              "$value": "rgba(18,138,66,0.08)",
               "alternate": "rgba(18,138,66,0.08)"
             },
             "text": "rgba(18,138,66,0.7)"
@@ -581,13 +581,13 @@ module.exports = {
         "regular": {
           "default": {
             "border": "#128A42",
-            "icon": "#F9FCF4FF",
+            "icon": "#FFFFFFFF",
             "surface": "#128A42",
             "text": "#FFFFFFFF"
           },
           "disabled": {
             "border": "#F4F7F5",
-            "icon": "rgba(87,91,94,0.15)",
+            "icon": "#575B5E",
             "surface": {
               "$value": "#F4F7F5",
               "alternate": "#F6F6F6FF"
@@ -599,19 +599,19 @@ module.exports = {
             "focus": {
               "ring": "rgba(18,138,66,0.7)"
             },
-            "icon": "#F9FCF4FF",
+            "icon": "#FFFFFFFF",
             "surface": "#128A42",
             "text": "#FFFFFFFF"
           },
           "hover": {
             "border": "rgba(18,138,66,0.7)",
-            "icon": "#F9FCF4FF",
+            "icon": "#FFFFFFFF",
             "surface": "#0B6F33",
             "text": "#FFFFFFFF"
           },
           "pressed": {
             "border": "#128A42",
-            "icon": "#F9FCF4FF",
+            "icon": "#FFFFFFFF",
             "surface": "rgba(18,138,66,0.7)",
             "text": "#FFFFFFFF"
           }
@@ -729,7 +729,7 @@ module.exports = {
             "border": "#575B5E",
             "icon": "rgba(18,138,66,0.7)",
             "surface": {
-              "$value": "#F9FCF4FF",
+              "$value": "rgba(18,138,66,0.08)",
               "alternate": "rgba(18,138,66,0.08)"
             },
             "text": "rgba(18,138,66,0.7)"
@@ -824,7 +824,7 @@ module.exports = {
             "focus": "rgba(255, 255, 255, 0)",
             "icon": "rgba(18,138,66,0.7)",
             "surface": {
-              "$value": "#F9FCF4FF",
+              "$value": "rgba(18,138,66,0.08)",
               "alternate": "rgba(18,138,66,0.08)"
             },
             "text": "rgba(18,138,66,0.7)"
@@ -846,7 +846,7 @@ module.exports = {
           "border": "rgba(87,91,94,0.15)",
           "icon": "#575B5E",
           "subtext": "#1A1C1F",
-          "surface": "#F9FCF4FF",
+          "surface": "rgba(18,138,66,0.08)",
           "text": "#343434FF"
         },
         "disabled": {
@@ -870,7 +870,7 @@ module.exports = {
           },
           "icon": "#575B5E",
           "subtext": "#1A1C1F",
-          "surface": "#F9FCF4FF",
+          "surface": "rgba(18,138,66,0.08)",
           "text": "#343434FF"
         },
         "hover": {
@@ -924,7 +924,7 @@ module.exports = {
           "border": "#6DC48A",
           "icon": "#575B5E",
           "subtext": "#1A1C1F",
-          "surface": "#F9FCF4FF",
+          "surface": "rgba(18,138,66,0.08)",
           "text": "#343434FF"
         },
         "pressed": {
@@ -994,7 +994,7 @@ module.exports = {
             "surface": "rgba(18,138,66,0.08)"
           }
         },
-        "surface": "#F9FCF4FF"
+        "surface": "rgba(18,138,66,0.08)"
       },
       "pressed": {
         "inner": {
@@ -1005,7 +1005,7 @@ module.exports = {
         },
         "outer": {
           "circle": {
-            "surface": "#F9FCF4FF"
+            "surface": "rgba(18,138,66,0.08)"
           }
         },
         "surface": "rgba(18,138,66,0.08)"
@@ -1275,7 +1275,7 @@ module.exports = {
             "icon": "#343434FF",
             "subtext": "#575B5E",
             "surface": {
-              "$value": "#F9FCF4FF",
+              "$value": "rgba(18,138,66,0.08)",
               "alternate": "rgba(18,138,66,0.08)"
             },
             "text": "#343434FF"
@@ -1298,7 +1298,7 @@ module.exports = {
             "floating": "#FFFFFFFF",
             "raised": "#F6F6F6FF"
           },
-          "brand": "#F9FCF4FF",
+          "brand": "rgba(18,138,66,0.08)",
           "default": {
             "$value": "#F5F5F2FF",
             "floating": "#FFFFFFFF",
@@ -1341,7 +1341,7 @@ module.exports = {
           "border": "#6DC48A",
           "handle": "#FFFFFFFF",
           "hover": {
-            "ring": "#F9FCF4FF"
+            "ring": "rgba(18,138,66,0.08)"
           },
           "icon": "#FFFFFFFF",
           "surface": "#6DC48A",
@@ -1393,10 +1393,10 @@ module.exports = {
           "border": "#575B5E",
           "handle": "#575B5E",
           "hover": {
-            "ring": "#F9FCF4FF"
+            "ring": "rgba(18,138,66,0.08)"
           },
           "icon": "#575B5E",
-          "surface": "#F9FCF4FF",
+          "surface": "rgba(18,138,66,0.08)",
           "text": "#343434FF"
         },
         "pressed": {
@@ -1461,7 +1461,7 @@ module.exports = {
         "hover": {
           "handle": {
             "$value": "#128A42",
-            "surface": "#F9FCF4FF"
+            "surface": "rgba(18,138,66,0.08)"
           },
           "icon": "#128A42",
           "stop": {

package/tokens/web/js/snow/variables.js CHANGED Viewed

@@ -343,7 +343,7 @@ export default {
         "extralight": "rgba(18,138,66,0.2)",
         "light": "#DDEABEFF",
         "lightbase": "#6DC48A",
-        "megalight": "#F9FCF4FF",
+        "megalight": "rgba(18,138,66,0.08)",
         "ultralight": "rgba(18,138,66,0.08)"
       },
       "secondary": {
@@ -486,7 +486,7 @@ export default {
             "focus": "rgba(255, 255, 255, 0)",
             "icon": "rgba(18,138,66,0.7)",
             "surface": {
-              "$value": "#F9FCF4FF",
+              "$value": "rgba(18,138,66,0.08)",
               "alternate": "rgba(18,138,66,0.08)"
             },
             "text": "rgba(18,138,66,0.7)"
@@ -581,13 +581,13 @@ export default {
         "regular": {
           "default": {
             "border": "#128A42",
-            "icon": "#F9FCF4FF",
+            "icon": "#FFFFFFFF",
             "surface": "#128A42",
             "text": "#FFFFFFFF"
           },
           "disabled": {
             "border": "#F4F7F5",
-            "icon": "rgba(87,91,94,0.15)",
+            "icon": "#575B5E",
             "surface": {
               "$value": "#F4F7F5",
               "alternate": "#F6F6F6FF"
@@ -599,19 +599,19 @@ export default {
             "focus": {
               "ring": "rgba(18,138,66,0.7)"
             },
-            "icon": "#F9FCF4FF",
+            "icon": "#FFFFFFFF",
             "surface": "#128A42",
             "text": "#FFFFFFFF"
           },
           "hover": {
             "border": "rgba(18,138,66,0.7)",
-            "icon": "#F9FCF4FF",
+            "icon": "#FFFFFFFF",
             "surface": "#0B6F33",
             "text": "#FFFFFFFF"
           },
           "pressed": {
             "border": "#128A42",
-            "icon": "#F9FCF4FF",
+            "icon": "#FFFFFFFF",
             "surface": "rgba(18,138,66,0.7)",
             "text": "#FFFFFFFF"
           }
@@ -729,7 +729,7 @@ export default {
             "border": "#575B5E",
             "icon": "rgba(18,138,66,0.7)",
             "surface": {
-              "$value": "#F9FCF4FF",
+              "$value": "rgba(18,138,66,0.08)",
               "alternate": "rgba(18,138,66,0.08)"
             },
             "text": "rgba(18,138,66,0.7)"
@@ -824,7 +824,7 @@ export default {
             "focus": "rgba(255, 255, 255, 0)",
             "icon": "rgba(18,138,66,0.7)",
             "surface": {
-              "$value": "#F9FCF4FF",
+              "$value": "rgba(18,138,66,0.08)",
               "alternate": "rgba(18,138,66,0.08)"
             },
             "text": "rgba(18,138,66,0.7)"
@@ -846,7 +846,7 @@ export default {
           "border": "rgba(87,91,94,0.15)",
           "icon": "#575B5E",
           "subtext": "#1A1C1F",
-          "surface": "#F9FCF4FF",
+          "surface": "rgba(18,138,66,0.08)",
           "text": "#343434FF"
         },
         "disabled": {
@@ -870,7 +870,7 @@ export default {
           },
           "icon": "#575B5E",
           "subtext": "#1A1C1F",
-          "surface": "#F9FCF4FF",
+          "surface": "rgba(18,138,66,0.08)",
           "text": "#343434FF"
         },
         "hover": {
@@ -924,7 +924,7 @@ export default {
           "border": "#6DC48A",
           "icon": "#575B5E",
           "subtext": "#1A1C1F",
-          "surface": "#F9FCF4FF",
+          "surface": "rgba(18,138,66,0.08)",
           "text": "#343434FF"
         },
         "pressed": {
@@ -994,7 +994,7 @@ export default {
             "surface": "rgba(18,138,66,0.08)"
           }
         },
-        "surface": "#F9FCF4FF"
+        "surface": "rgba(18,138,66,0.08)"
       },
       "pressed": {
         "inner": {
@@ -1005,7 +1005,7 @@ export default {
         },
         "outer": {
           "circle": {
-            "surface": "#F9FCF4FF"
+            "surface": "rgba(18,138,66,0.08)"
           }
         },
         "surface": "rgba(18,138,66,0.08)"
@@ -1275,7 +1275,7 @@ export default {
             "icon": "#343434FF",
             "subtext": "#575B5E",
             "surface": {
-              "$value": "#F9FCF4FF",
+              "$value": "rgba(18,138,66,0.08)",
               "alternate": "rgba(18,138,66,0.08)"
             },
             "text": "#343434FF"
@@ -1298,7 +1298,7 @@ export default {
             "floating": "#FFFFFFFF",
             "raised": "#F6F6F6FF"
           },
-          "brand": "#F9FCF4FF",
+          "brand": "rgba(18,138,66,0.08)",
           "default": {
             "$value": "#F5F5F2FF",
             "floating": "#FFFFFFFF",
@@ -1341,7 +1341,7 @@ export default {
           "border": "#6DC48A",
           "handle": "#FFFFFFFF",
           "hover": {
-            "ring": "#F9FCF4FF"
+            "ring": "rgba(18,138,66,0.08)"
           },
           "icon": "#FFFFFFFF",
           "surface": "#6DC48A",
@@ -1393,10 +1393,10 @@ export default {
           "border": "#575B5E",
           "handle": "#575B5E",
           "hover": {
-            "ring": "#F9FCF4FF"
+            "ring": "rgba(18,138,66,0.08)"
           },
           "icon": "#575B5E",
-          "surface": "#F9FCF4FF",
+          "surface": "rgba(18,138,66,0.08)",
           "text": "#343434FF"
         },
         "pressed": {
@@ -1461,7 +1461,7 @@ export default {
         "hover": {
           "handle": {
             "$value": "#128A42",
-            "surface": "#F9FCF4FF"
+            "surface": "rgba(18,138,66,0.08)"
           },
           "icon": "#128A42",
           "stop": {

package/tokens/web/js/snow-dark/variables.cjs CHANGED Viewed

@@ -581,13 +581,13 @@ module.exports = {
         "regular": {
           "default": {
             "border": "#6DC48A",
-            "icon": "rgba(109,196,138,0.12)",
+            "icon": "#000000FF",
             "surface": "#83D59D",
             "text": "#000000FF"
           },
           "disabled": {
             "border": "#1C2724",
-            "icon": "rgba(181,193,187,0.14)",
+            "icon": "#B5C1BB",
             "surface": {
               "$value": "rgba(181,193,187,0.14)",
               "alternate": "#1A1A1AFF"
@@ -599,19 +599,19 @@ module.exports = {
             "focus": {
               "ring": "#6DC48A"
             },
-            "icon": "rgba(109,196,138,0.12)",
+            "icon": "#000000FF",
             "surface": "#83D59D",
             "text": "#000000FF"
           },
           "hover": {
             "border": "#6DC48A",
-            "icon": "rgba(109,196,138,0.12)",
+            "icon": "#000000FF",
             "surface": "#6DC48A",
             "text": "#000000FF"
           },
           "pressed": {
             "border": "#6DC48A",
-            "icon": "rgba(109,196,138,0.12)",
+            "icon": "#000000FF",
             "surface": "#EEF5DFFF",
             "text": "#000000FF"
           }

package/tokens/web/js/snow-dark/variables.js CHANGED Viewed

@@ -581,13 +581,13 @@ export default {
         "regular": {
           "default": {
             "border": "#6DC48A",
-            "icon": "rgba(109,196,138,0.12)",
+            "icon": "#000000FF",
             "surface": "#83D59D",
             "text": "#000000FF"
           },
           "disabled": {
             "border": "#1C2724",
-            "icon": "rgba(181,193,187,0.14)",
+            "icon": "#B5C1BB",
             "surface": {
               "$value": "rgba(181,193,187,0.14)",
               "alternate": "#1A1A1AFF"
@@ -599,19 +599,19 @@ export default {
             "focus": {
               "ring": "#6DC48A"
             },
-            "icon": "rgba(109,196,138,0.12)",
+            "icon": "#000000FF",
             "surface": "#83D59D",
             "text": "#000000FF"
           },
           "hover": {
             "border": "#6DC48A",
-            "icon": "rgba(109,196,138,0.12)",
+            "icon": "#000000FF",
             "surface": "#6DC48A",
             "text": "#000000FF"
           },
           "pressed": {
             "border": "#6DC48A",
-            "icon": "rgba(109,196,138,0.12)",
+            "icon": "#000000FF",
             "surface": "#EEF5DFFF",
             "text": "#000000FF"
           }

package/tokens/web/json/berry/flat-variables.json CHANGED Viewed

@@ -248,7 +248,7 @@
   "jumpy-color-primary-extralight": "rgba(143,61,122,0.2)",
   "jumpy-color-primary-light": "#DDEABEFF",
   "jumpy-color-primary-lightbase": "#C86CAF",
-  "jumpy-color-primary-megalight": "#F9FCF4FF",
+  "jumpy-color-primary-megalight": "rgba(143,61,122,0.08)",
   "jumpy-color-primary-ultralight": "rgba(143,61,122,0.08)",
   "jumpy-color-secondary-100": "#FFF9F4FF",
   "jumpy-color-secondary-200": "#FFF3E8FF",
@@ -342,7 +342,7 @@
   "jumpy-actions-borderless-regular-hover-border": "rgba(255, 255, 255, 0)",
   "jumpy-actions-borderless-regular-hover-focus": "rgba(255, 255, 255, 0)",
   "jumpy-actions-borderless-regular-hover-icon": "#8F3D7A",
-  "jumpy-actions-borderless-regular-hover-surface": "#F9FCF4FF",
+  "jumpy-actions-borderless-regular-hover-surface": "rgba(143,61,122,0.08)",
   "jumpy-actions-borderless-regular-hover-surface-alternate": "rgba(143,61,122,0.08)",
   "jumpy-actions-borderless-regular-hover-text": "#8F3D7A",
   "jumpy-actions-borderless-regular-pressed-action": "#343434FF",
@@ -396,25 +396,25 @@
   "jumpy-actions-primary-info-pressed-surface": "#F6F6F6FF",
   "jumpy-actions-primary-info-pressed-text": "#000000FF",
   "jumpy-actions-primary-regular-default-border": "#8F3D7A",
-  "jumpy-actions-primary-regular-default-icon": "#F9FCF4FF",
+  "jumpy-actions-primary-regular-default-icon": "#FFFFFFFF",
   "jumpy-actions-primary-regular-default-surface": "#8F3D7A",
   "jumpy-actions-primary-regular-default-text": "#FFFFFFFF",
   "jumpy-actions-primary-regular-disabled-border": "#F7EEF7",
-  "jumpy-actions-primary-regular-disabled-icon": "rgba(87,91,94,0.15)",
+  "jumpy-actions-primary-regular-disabled-icon": "#6F5A6B",
   "jumpy-actions-primary-regular-disabled-surface": "#F7EEF7",
   "jumpy-actions-primary-regular-disabled-surface-alternate": "#F6F6F6FF",
   "jumpy-actions-primary-regular-disabled-text": "#6F5A6B",
   "jumpy-actions-primary-regular-focus-border": "#8F3D7A",
   "jumpy-actions-primary-regular-focus-focus-ring": "#8F3D7A",
-  "jumpy-actions-primary-regular-focus-icon": "#F9FCF4FF",
+  "jumpy-actions-primary-regular-focus-icon": "#FFFFFFFF",
   "jumpy-actions-primary-regular-focus-surface": "#8F3D7A",
   "jumpy-actions-primary-regular-focus-text": "#FFFFFFFF",
   "jumpy-actions-primary-regular-hover-border": "#8F3D7A",
-  "jumpy-actions-primary-regular-hover-icon": "#F9FCF4FF",
+  "jumpy-actions-primary-regular-hover-icon": "#FFFFFFFF",
   "jumpy-actions-primary-regular-hover-surface": "#7A3268",
   "jumpy-actions-primary-regular-hover-text": "#FFFFFFFF",
   "jumpy-actions-primary-regular-pressed-border": "#8F3D7A",
-  "jumpy-actions-primary-regular-pressed-icon": "#F9FCF4FF",
+  "jumpy-actions-primary-regular-pressed-icon": "#FFFFFFFF",
   "jumpy-actions-primary-regular-pressed-surface": "#8F3D7A",
   "jumpy-actions-primary-regular-pressed-text": "#FFFFFFFF",
   "jumpy-actions-primary-warning-default-border": "#1A1C1F",
@@ -485,7 +485,7 @@
   "jumpy-actions-secondary-regular-hover-action": "#343434FF",
   "jumpy-actions-secondary-regular-hover-border": "#575B5E",
   "jumpy-actions-secondary-regular-hover-icon": "#8F3D7A",
-  "jumpy-actions-secondary-regular-hover-surface": "#F9FCF4FF",
+  "jumpy-actions-secondary-regular-hover-surface": "rgba(143,61,122,0.08)",
   "jumpy-actions-secondary-regular-hover-surface-alternate": "rgba(143,61,122,0.08)",
   "jumpy-actions-secondary-regular-hover-text": "#8F3D7A",
   "jumpy-actions-secondary-regular-pressed-action": "#343434FF",
@@ -546,7 +546,7 @@
   "jumpy-actions-tertiary-regular-hover-border": "rgba(255, 255, 255, 0)",
   "jumpy-actions-tertiary-regular-hover-focus": "rgba(255, 255, 255, 0)",
   "jumpy-actions-tertiary-regular-hover-icon": "#8F3D7A",
-  "jumpy-actions-tertiary-regular-hover-surface": "#F9FCF4FF",
+  "jumpy-actions-tertiary-regular-hover-surface": "rgba(143,61,122,0.08)",
   "jumpy-actions-tertiary-regular-hover-surface-alternate": "rgba(143,61,122,0.08)",
   "jumpy-actions-tertiary-regular-hover-text": "#8F3D7A",
   "jumpy-actions-tertiary-regular-pressed-action": "#343434FF",
@@ -558,7 +558,7 @@
   "jumpy-card-active-default-border": "rgba(87,91,94,0.15)",
   "jumpy-card-active-default-icon": "#575B5E",
   "jumpy-card-active-default-subtext": "#241A23",
-  "jumpy-card-active-default-surface": "#F9FCF4FF",
+  "jumpy-card-active-default-surface": "rgba(143,61,122,0.08)",
   "jumpy-card-active-default-text": "#343434FF",
   "jumpy-card-active-disabled-border": "#F7EEF7",
   "jumpy-card-active-disabled-icon": "rgba(87,91,94,0.15)",
@@ -574,7 +574,7 @@
   "jumpy-card-active-focus-focus-ring": "#8F3D7A",
   "jumpy-card-active-focus-icon": "#575B5E",
   "jumpy-card-active-focus-subtext": "#241A23",
-  "jumpy-card-active-focus-surface": "#F9FCF4FF",
+  "jumpy-card-active-focus-surface": "rgba(143,61,122,0.08)",
   "jumpy-card-active-focus-text": "#343434FF",
   "jumpy-card-active-hover-border": "#C86CAF",
   "jumpy-card-active-hover-icon": "#575B5E",
@@ -610,7 +610,7 @@
   "jumpy-card-inactive-hover-border": "#C86CAF",
   "jumpy-card-inactive-hover-icon": "#575B5E",
   "jumpy-card-inactive-hover-subtext": "#241A23",
-  "jumpy-card-inactive-hover-surface": "#F9FCF4FF",
+  "jumpy-card-inactive-hover-surface": "rgba(143,61,122,0.08)",
   "jumpy-card-inactive-hover-text": "#343434FF",
   "jumpy-card-inactive-pressed-border": "#8F3D7A",
   "jumpy-card-inactive-pressed-icon": "#575B5E",
@@ -633,10 +633,10 @@
   "jumpy-coachmark-hover-inner-circle-outline": "#8F3D7A",
   "jumpy-coachmark-hover-inner-circle-surface": "#FFFFFFFF",
   "jumpy-coachmark-hover-outer-circle-surface": "rgba(143,61,122,0.08)",
-  "jumpy-coachmark-hover-surface": "#F9FCF4FF",
+  "jumpy-coachmark-hover-surface": "rgba(143,61,122,0.08)",
   "jumpy-coachmark-pressed-inner-circle-outline": "#8F3D7A",
   "jumpy-coachmark-pressed-inner-circle-surface": "#FFFFFFFF",
-  "jumpy-coachmark-pressed-outer-circle-surface": "#F9FCF4FF",
+  "jumpy-coachmark-pressed-outer-circle-surface": "rgba(143,61,122,0.08)",
   "jumpy-coachmark-pressed-surface": "rgba(143,61,122,0.08)",
   "jumpy-input-alarm-default-alarm-icon": "#DC2626",
   "jumpy-input-alarm-default-border": "#DC2626",
@@ -799,7 +799,7 @@
   "jumpy-interactive-inactive-regular-hover-border": "#6F5A6B",
   "jumpy-interactive-inactive-regular-hover-icon": "#343434FF",
   "jumpy-interactive-inactive-regular-hover-subtext": "#575B5E",
-  "jumpy-interactive-inactive-regular-hover-surface": "#F9FCF4FF",
+  "jumpy-interactive-inactive-regular-hover-surface": "rgba(143,61,122,0.08)",
   "jumpy-interactive-inactive-regular-hover-surface-alternate": "rgba(143,61,122,0.08)",
   "jumpy-interactive-inactive-regular-hover-text": "#343434FF",
   "jumpy-interactive-inactive-regular-pressed-border": "#737373FF",
@@ -810,7 +810,7 @@
   "jumpy-non-interactive-background-alternative": "#FFFFFFFF",
   "jumpy-non-interactive-background-alternative-floating": "#FFFFFFFF",
   "jumpy-non-interactive-background-alternative-raised": "#F6F6F6FF",
-  "jumpy-non-interactive-background-brand": "#F9FCF4FF",
+  "jumpy-non-interactive-background-brand": "rgba(143,61,122,0.08)",
   "jumpy-non-interactive-background-default": "#F5F5F2FF",
   "jumpy-non-interactive-background-default-floating": "#FFFFFFFF",
   "jumpy-non-interactive-background-default-raised": "#FFFFFFFF",
@@ -834,7 +834,7 @@
   "jumpy-selectors-active-focus-text": "#8F3D7A",
   "jumpy-selectors-active-hover-border": "#C86CAF",
   "jumpy-selectors-active-hover-handle": "#FFFFFFFF",
-  "jumpy-selectors-active-hover-hover-ring": "#F9FCF4FF",
+  "jumpy-selectors-active-hover-hover-ring": "rgba(143,61,122,0.08)",
   "jumpy-selectors-active-hover-icon": "#FFFFFFFF",
   "jumpy-selectors-active-hover-surface": "#C86CAF",
   "jumpy-selectors-active-hover-text": "#8F3D7A",
@@ -866,9 +866,9 @@
   "jumpy-selectors-inactive-focus-text": "#343434FF",
   "jumpy-selectors-inactive-hover-border": "#575B5E",
   "jumpy-selectors-inactive-hover-handle": "#575B5E",
-  "jumpy-selectors-inactive-hover-hover-ring": "#F9FCF4FF",
+  "jumpy-selectors-inactive-hover-hover-ring": "rgba(143,61,122,0.08)",
   "jumpy-selectors-inactive-hover-icon": "#575B5E",
-  "jumpy-selectors-inactive-hover-surface": "#F9FCF4FF",
+  "jumpy-selectors-inactive-hover-surface": "rgba(143,61,122,0.08)",
   "jumpy-selectors-inactive-hover-text": "#343434FF",
   "jumpy-selectors-inactive-pressed-border": "#6F5A6B",
   "jumpy-selectors-inactive-pressed-handle": "#575B5E",
@@ -900,7 +900,7 @@
   "jumpy-slider-active-focus-stop-text": "#343434FF",
   "jumpy-slider-active-focus-track": "#8F3D7A",
   "jumpy-slider-active-hover-handle": "#8F3D7A",
-  "jumpy-slider-active-hover-handle-surface": "#F9FCF4FF",
+  "jumpy-slider-active-hover-handle-surface": "rgba(143,61,122,0.08)",
   "jumpy-slider-active-hover-icon": "#8F3D7A",
   "jumpy-slider-active-hover-stop-dot": "rgba(87,91,94,0.15)",
   "jumpy-slider-active-hover-stop-text": "#343434FF",