@mario_hahn/jumpy-ui 0.5.0 → 0.7.0

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

@@ -339,7 +339,7 @@
         "extralight": "rgba(18,138,66,0.2)",
         "light": "#DDEABEFF",
         "lightbase": "#6CB784",
-        "megalight": "#F9FCF4FF",
+        "megalight": "rgba(18,138,66,0.08)",
         "ultralight": "rgba(18,138,66,0.08)"
       },
       "secondary": {
@@ -482,7 +482,7 @@
             "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)"
@@ -577,13 +577,13 @@
         "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"
@@ -595,19 +595,19 @@
             "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"
           }
@@ -725,7 +725,7 @@
             "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)"
@@ -820,7 +820,7 @@
             "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)"
@@ -842,7 +842,7 @@
           "border": "rgba(87,91,94,0.15)",
           "icon": "#575B5E",
           "subtext": "#1A1C1F",
-          "surface": "#F9FCF4FF",
+          "surface": "rgba(18,138,66,0.08)",
           "text": "#343434FF"
         },
         "disabled": {
@@ -866,7 +866,7 @@
           },
           "icon": "#575B5E",
           "subtext": "#1A1C1F",
-          "surface": "#F9FCF4FF",
+          "surface": "rgba(18,138,66,0.08)",
           "text": "#343434FF"
         },
         "hover": {
@@ -920,7 +920,7 @@
           "border": "#6CB784",
           "icon": "#575B5E",
           "subtext": "#1A1C1F",
-          "surface": "#F9FCF4FF",
+          "surface": "rgba(18,138,66,0.08)",
           "text": "#343434FF"
         },
         "pressed": {
@@ -990,7 +990,7 @@
             "surface": "rgba(18,138,66,0.08)"
           }
         },
-        "surface": "#F9FCF4FF"
+        "surface": "rgba(18,138,66,0.08)"
       },
       "pressed": {
         "inner": {
@@ -1001,7 +1001,7 @@
         },
         "outer": {
           "circle": {
-            "surface": "#F9FCF4FF"
+            "surface": "rgba(18,138,66,0.08)"
           }
         },
         "surface": "rgba(18,138,66,0.08)"
@@ -1271,7 +1271,7 @@
             "icon": "#343434FF",
             "subtext": "#575B5E",
             "surface": {
-              "$value": "#F9FCF4FF",
+              "$value": "rgba(18,138,66,0.08)",
               "alternate": "rgba(18,138,66,0.08)"
             },
             "text": "#343434FF"
@@ -1294,7 +1294,7 @@
             "floating": "#FFFFFFFF",
             "raised": "#F6F6F6FF"
           },
-          "brand": "#F9FCF4FF",
+          "brand": "rgba(18,138,66,0.08)",
           "default": {
             "$value": "#F5F5F2FF",
             "floating": "#FFFFFFFF",
@@ -1337,7 +1337,7 @@
           "border": "#6CB784",
           "handle": "#FFFFFFFF",
           "hover": {
-            "ring": "#F9FCF4FF"
+            "ring": "rgba(18,138,66,0.08)"
           },
           "icon": "#FFFFFFFF",
           "surface": "#6CB784",
@@ -1389,10 +1389,10 @@
           "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": {
@@ -1457,7 +1457,7 @@
         "hover": {
           "handle": {
             "$value": "#128A42",
-            "surface": "#F9FCF4FF"
+            "surface": "rgba(18,138,66,0.08)"
           },
           "icon": "#128A42",
           "stop": {

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

@@ -996,7 +996,7 @@
     "name": "jumpy-color-primary-lightbase"
   },
   "jumpy-color-primary-megalight": {
-    "value": "#F9FCF4FF",
+    "value": "rgba(18,138,66,0.08)",
     "name": "jumpy-color-primary-megalight"
   },
   "jumpy-color-primary-ultralight": {
@@ -1372,7 +1372,7 @@
     "name": "jumpy-actions-borderless-regular-hover-icon"
   },
   "jumpy-actions-borderless-regular-hover-surface": {
-    "value": "#F9FCF4FF",
+    "value": "rgba(18,138,66,0.08)",
     "name": "jumpy-actions-borderless-regular-hover-surface"
   },
   "jumpy-actions-borderless-regular-hover-surface-alternate": {
@@ -1588,7 +1588,7 @@
     "name": "jumpy-actions-primary-regular-default-border"
   },
   "jumpy-actions-primary-regular-default-icon": {
-    "value": "#F9FCF4FF",
+    "value": "#FFFFFFFF",
     "name": "jumpy-actions-primary-regular-default-icon"
   },
   "jumpy-actions-primary-regular-default-surface": {
@@ -1604,7 +1604,7 @@
     "name": "jumpy-actions-primary-regular-disabled-border"
   },
   "jumpy-actions-primary-regular-disabled-icon": {
-    "value": "rgba(87,91,94,0.15)",
+    "value": "#575B5E",
     "name": "jumpy-actions-primary-regular-disabled-icon"
   },
   "jumpy-actions-primary-regular-disabled-surface": {
@@ -1628,7 +1628,7 @@
     "name": "jumpy-actions-primary-regular-focus-focus-ring"
   },
   "jumpy-actions-primary-regular-focus-icon": {
-    "value": "#F9FCF4FF",
+    "value": "#FFFFFFFF",
     "name": "jumpy-actions-primary-regular-focus-icon"
   },
   "jumpy-actions-primary-regular-focus-surface": {
@@ -1644,7 +1644,7 @@
     "name": "jumpy-actions-primary-regular-hover-border"
   },
   "jumpy-actions-primary-regular-hover-icon": {
-    "value": "#F9FCF4FF",
+    "value": "#FFFFFFFF",
     "name": "jumpy-actions-primary-regular-hover-icon"
   },
   "jumpy-actions-primary-regular-hover-surface": {
@@ -1660,7 +1660,7 @@
     "name": "jumpy-actions-primary-regular-pressed-border"
   },
   "jumpy-actions-primary-regular-pressed-icon": {
-    "value": "#F9FCF4FF",
+    "value": "#FFFFFFFF",
     "name": "jumpy-actions-primary-regular-pressed-icon"
   },
   "jumpy-actions-primary-regular-pressed-surface": {
@@ -1944,7 +1944,7 @@
     "name": "jumpy-actions-secondary-regular-hover-icon"
   },
   "jumpy-actions-secondary-regular-hover-surface": {
-    "value": "#F9FCF4FF",
+    "value": "rgba(18,138,66,0.08)",
     "name": "jumpy-actions-secondary-regular-hover-surface"
   },
   "jumpy-actions-secondary-regular-hover-surface-alternate": {
@@ -2188,7 +2188,7 @@
     "name": "jumpy-actions-tertiary-regular-hover-icon"
   },
   "jumpy-actions-tertiary-regular-hover-surface": {
-    "value": "#F9FCF4FF",
+    "value": "rgba(18,138,66,0.08)",
     "name": "jumpy-actions-tertiary-regular-hover-surface"
   },
   "jumpy-actions-tertiary-regular-hover-surface-alternate": {
@@ -2236,7 +2236,7 @@
     "name": "jumpy-card-active-default-subtext"
   },
   "jumpy-card-active-default-surface": {
-    "value": "#F9FCF4FF",
+    "value": "rgba(18,138,66,0.08)",
     "name": "jumpy-card-active-default-surface"
   },
   "jumpy-card-active-default-text": {
@@ -2300,7 +2300,7 @@
     "name": "jumpy-card-active-focus-subtext"
   },
   "jumpy-card-active-focus-surface": {
-    "value": "#F9FCF4FF",
+    "value": "rgba(18,138,66,0.08)",
     "name": "jumpy-card-active-focus-surface"
   },
   "jumpy-card-active-focus-text": {
@@ -2444,7 +2444,7 @@
     "name": "jumpy-card-inactive-hover-subtext"
   },
   "jumpy-card-inactive-hover-surface": {
-    "value": "#F9FCF4FF",
+    "value": "rgba(18,138,66,0.08)",
     "name": "jumpy-card-inactive-hover-surface"
   },
   "jumpy-card-inactive-hover-text": {
@@ -2536,7 +2536,7 @@
     "name": "jumpy-coachmark-hover-outer-circle-surface"
   },
   "jumpy-coachmark-hover-surface": {
-    "value": "#F9FCF4FF",
+    "value": "rgba(18,138,66,0.08)",
     "name": "jumpy-coachmark-hover-surface"
   },
   "jumpy-coachmark-pressed-inner-circle-outline": {
@@ -2548,7 +2548,7 @@
     "name": "jumpy-coachmark-pressed-inner-circle-surface"
   },
   "jumpy-coachmark-pressed-outer-circle-surface": {
-    "value": "#F9FCF4FF",
+    "value": "rgba(18,138,66,0.08)",
     "name": "jumpy-coachmark-pressed-outer-circle-surface"
   },
   "jumpy-coachmark-pressed-surface": {
@@ -3200,7 +3200,7 @@
     "name": "jumpy-interactive-inactive-regular-hover-subtext"
   },
   "jumpy-interactive-inactive-regular-hover-surface": {
-    "value": "#F9FCF4FF",
+    "value": "rgba(18,138,66,0.08)",
     "name": "jumpy-interactive-inactive-regular-hover-surface"
   },
   "jumpy-interactive-inactive-regular-hover-surface-alternate": {
@@ -3244,7 +3244,7 @@
     "name": "jumpy-non-interactive-background-alternative-raised"
   },
   "jumpy-non-interactive-background-brand": {
-    "value": "#F9FCF4FF",
+    "value": "rgba(18,138,66,0.08)",
     "name": "jumpy-non-interactive-background-brand"
   },
   "jumpy-non-interactive-background-default": {
@@ -3340,7 +3340,7 @@
     "name": "jumpy-selectors-active-hover-handle"
   },
   "jumpy-selectors-active-hover-hover-ring": {
-    "value": "#F9FCF4FF",
+    "value": "rgba(18,138,66,0.08)",
     "name": "jumpy-selectors-active-hover-hover-ring"
   },
   "jumpy-selectors-active-hover-icon": {
@@ -3468,7 +3468,7 @@
     "name": "jumpy-selectors-inactive-hover-handle"
   },
   "jumpy-selectors-inactive-hover-hover-ring": {
-    "value": "#F9FCF4FF",
+    "value": "rgba(18,138,66,0.08)",
     "name": "jumpy-selectors-inactive-hover-hover-ring"
   },
   "jumpy-selectors-inactive-hover-icon": {
@@ -3476,7 +3476,7 @@
     "name": "jumpy-selectors-inactive-hover-icon"
   },
   "jumpy-selectors-inactive-hover-surface": {
-    "value": "#F9FCF4FF",
+    "value": "rgba(18,138,66,0.08)",
     "name": "jumpy-selectors-inactive-hover-surface"
   },
   "jumpy-selectors-inactive-hover-text": {
@@ -3604,7 +3604,7 @@
     "name": "jumpy-slider-active-hover-handle"
   },
   "jumpy-slider-active-hover-handle-surface": {
-    "value": "#F9FCF4FF",
+    "value": "rgba(18,138,66,0.08)",
     "name": "jumpy-slider-active-hover-handle-surface"
   },
   "jumpy-slider-active-hover-icon": {

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

@@ -396,25 +396,25 @@
   "jumpy-actions-primary-info-pressed-surface": "#949494FF",
   "jumpy-actions-primary-info-pressed-text": "#FFFFFFFF",
   "jumpy-actions-primary-regular-default-border": "#6CB784",
-  "jumpy-actions-primary-regular-default-icon": "rgba(108,183,132,0.12)",
+  "jumpy-actions-primary-regular-default-icon": "#000000FF",
   "jumpy-actions-primary-regular-default-surface": "#80C596",
   "jumpy-actions-primary-regular-default-text": "#000000FF",
   "jumpy-actions-primary-regular-disabled-border": "#242A2F",
-  "jumpy-actions-primary-regular-disabled-icon": "rgba(184,192,196,0.16)",
+  "jumpy-actions-primary-regular-disabled-icon": "#B8C0C4",
   "jumpy-actions-primary-regular-disabled-surface": "rgba(184,192,196,0.16)",
   "jumpy-actions-primary-regular-disabled-surface-alternate": "#1A1A1AFF",
   "jumpy-actions-primary-regular-disabled-text": "#B8C0C4",
   "jumpy-actions-primary-regular-focus-border": "#6CB784",
   "jumpy-actions-primary-regular-focus-focus-ring": "#6CB784",
-  "jumpy-actions-primary-regular-focus-icon": "rgba(108,183,132,0.12)",
+  "jumpy-actions-primary-regular-focus-icon": "#000000FF",
   "jumpy-actions-primary-regular-focus-surface": "#80C596",
   "jumpy-actions-primary-regular-focus-text": "#000000FF",
   "jumpy-actions-primary-regular-hover-border": "#6CB784",
-  "jumpy-actions-primary-regular-hover-icon": "rgba(108,183,132,0.12)",
+  "jumpy-actions-primary-regular-hover-icon": "#000000FF",
   "jumpy-actions-primary-regular-hover-surface": "#6CB784",
   "jumpy-actions-primary-regular-hover-text": "#000000FF",
   "jumpy-actions-primary-regular-pressed-border": "#6CB784",
-  "jumpy-actions-primary-regular-pressed-icon": "rgba(108,183,132,0.12)",
+  "jumpy-actions-primary-regular-pressed-icon": "#000000FF",
   "jumpy-actions-primary-regular-pressed-surface": "#EEF5DFFF",
   "jumpy-actions-primary-regular-pressed-text": "#000000FF",
   "jumpy-actions-primary-warning-default-border": "#1A1C1F",

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

@@ -577,13 +577,13 @@
         "regular": {
           "default": {
             "border": "#6CB784",
-            "icon": "rgba(108,183,132,0.12)",
+            "icon": "#000000FF",
             "surface": "#80C596",
             "text": "#000000FF"
           },
           "disabled": {
             "border": "#242A2F",
-            "icon": "rgba(184,192,196,0.16)",
+            "icon": "#B8C0C4",
             "surface": {
               "$value": "rgba(184,192,196,0.16)",
               "alternate": "#1A1A1AFF"
@@ -595,19 +595,19 @@
             "focus": {
               "ring": "#6CB784"
             },
-            "icon": "rgba(108,183,132,0.12)",
+            "icon": "#000000FF",
             "surface": "#80C596",
             "text": "#000000FF"
           },
           "hover": {
             "border": "#6CB784",
-            "icon": "rgba(108,183,132,0.12)",
+            "icon": "#000000FF",
             "surface": "#6CB784",
             "text": "#000000FF"
           },
           "pressed": {
             "border": "#6CB784",
-            "icon": "rgba(108,183,132,0.12)",
+            "icon": "#000000FF",
             "surface": "#EEF5DFFF",
             "text": "#000000FF"
           }

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

@@ -1588,7 +1588,7 @@
     "name": "jumpy-actions-primary-regular-default-border"
   },
   "jumpy-actions-primary-regular-default-icon": {
-    "value": "rgba(108,183,132,0.12)",
+    "value": "#000000FF",
     "name": "jumpy-actions-primary-regular-default-icon"
   },
   "jumpy-actions-primary-regular-default-surface": {
@@ -1604,7 +1604,7 @@
     "name": "jumpy-actions-primary-regular-disabled-border"
   },
   "jumpy-actions-primary-regular-disabled-icon": {
-    "value": "rgba(184,192,196,0.16)",
+    "value": "#B8C0C4",
     "name": "jumpy-actions-primary-regular-disabled-icon"
   },
   "jumpy-actions-primary-regular-disabled-surface": {
@@ -1628,7 +1628,7 @@
     "name": "jumpy-actions-primary-regular-focus-focus-ring"
   },
   "jumpy-actions-primary-regular-focus-icon": {
-    "value": "rgba(108,183,132,0.12)",
+    "value": "#000000FF",
     "name": "jumpy-actions-primary-regular-focus-icon"
   },
   "jumpy-actions-primary-regular-focus-surface": {
@@ -1644,7 +1644,7 @@
     "name": "jumpy-actions-primary-regular-hover-border"
   },
   "jumpy-actions-primary-regular-hover-icon": {
-    "value": "rgba(108,183,132,0.12)",
+    "value": "#000000FF",
     "name": "jumpy-actions-primary-regular-hover-icon"
   },
   "jumpy-actions-primary-regular-hover-surface": {
@@ -1660,7 +1660,7 @@
     "name": "jumpy-actions-primary-regular-pressed-border"
   },
   "jumpy-actions-primary-regular-pressed-icon": {
-    "value": "rgba(108,183,132,0.12)",
+    "value": "#000000FF",
     "name": "jumpy-actions-primary-regular-pressed-icon"
   },
   "jumpy-actions-primary-regular-pressed-surface": {