@mario_hahn/jumpy-ui 0.6.1 → 0.8.0

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

@@ -331,7 +331,7 @@ module.exports = {
         "300": "#EEF5DFFF",
         "400": "#DDEABEFF",
         "500": "#C7DC93FF",
-        "600": "#FF7A2F",
+        "600": "#FF5C00",
         "700": "#5D7B00FF",
         "800": "#556F17FF",
         "900": "#394A10FF",
@@ -342,7 +342,7 @@ module.exports = {
         "extradark": "#2B380CFF",
         "extralight": "rgba(255,92,0,0.28)",
         "light": "#DDEABEFF",
-        "lightbase": "#FF7A2F",
+        "lightbase": "#FF5C00",
         "megalight": "rgba(255,92,0,0.1)",
         "ultralight": "rgba(255,92,0,0.1)"
       },
@@ -484,20 +484,20 @@ module.exports = {
             "action": "#343434FF",
             "border": "rgba(255, 255, 255, 0)",
             "focus": "rgba(255, 255, 255, 0)",
-            "icon": "#FF5C00",
+            "icon": "#E05200",
             "surface": {
               "$value": "rgba(255,92,0,0.1)",
               "alternate": "rgba(255,92,0,0.1)"
             },
-            "text": "#FF5C00"
+            "text": "#E05200"
           },
           "pressed": {
             "action": "#343434FF",
             "border": "rgba(255, 255, 255, 0)",
             "focus": "rgba(255, 255, 255, 0)",
-            "icon": "#FF5C00",
+            "icon": "#E05200",
             "surface": "rgba(255,92,0,0.1)",
-            "text": "#FF5C00"
+            "text": "#E05200"
           }
         }
       },
@@ -583,11 +583,11 @@ module.exports = {
             "border": "#FF5C00",
             "icon": "#FFFFFF",
             "surface": "#FF5C00",
-            "text": "#FFFFFFFF"
+            "text": "#FFFFFF"
           },
           "disabled": {
             "border": "#F4F7F5",
-            "icon": "rgba(87,91,94,0.15)",
+            "icon": "#575B5E",
             "surface": {
               "$value": "#F4F7F5",
               "alternate": "#F6F6F6FF"
@@ -597,23 +597,23 @@ module.exports = {
           "focus": {
             "border": "#FF5C00",
             "focus": {
-              "ring": "#FF5C00"
+              "ring": "rgba(255,92,0,0.2)"
             },
             "icon": "#FFFFFF",
             "surface": "#FF5C00",
-            "text": "#FFFFFFFF"
+            "text": "#FFFFFF"
           },
           "hover": {
-            "border": "#FF5C00",
+            "border": "#E05200",
             "icon": "#FFFFFF",
             "surface": "#E05200",
-            "text": "#FFFFFFFF"
+            "text": "#FFFFFF"
           },
           "pressed": {
-            "border": "#FF5C00",
+            "border": "#E05200",
             "icon": "#FFFFFF",
-            "surface": "#FF5C00",
-            "text": "#FFFFFFFF"
+            "surface": "#E05200",
+            "text": "#FFFFFF"
           }
         },
         "warning": {
@@ -727,19 +727,19 @@ module.exports = {
           "hover": {
             "action": "#343434FF",
             "border": "#575B5E",
-            "icon": "#FF5C00",
+            "icon": "#E05200",
             "surface": {
               "$value": "rgba(255,92,0,0.1)",
               "alternate": "rgba(255,92,0,0.1)"
             },
-            "text": "#FF5C00"
+            "text": "#E05200"
           },
           "pressed": {
             "action": "#343434FF",
             "border": "#575B5E",
-            "icon": "#FF5C00",
+            "icon": "#E05200",
             "surface": "rgba(255,92,0,0.1)",
-            "text": "#FF5C00"
+            "text": "#E05200"
           }
         }
       },
@@ -822,20 +822,20 @@ module.exports = {
             "action": "#343434FF",
             "border": "rgba(255, 255, 255, 0)",
             "focus": "rgba(255, 255, 255, 0)",
-            "icon": "#FF5C00",
+            "icon": "#E05200",
             "surface": {
               "$value": "rgba(255,92,0,0.1)",
               "alternate": "rgba(255,92,0,0.1)"
             },
-            "text": "#FF5C00"
+            "text": "#E05200"
           },
           "pressed": {
             "action": "#343434FF",
             "border": "rgba(255, 255, 255, 0)",
             "focus": "rgba(255, 255, 255, 0)",
-            "icon": "#FF5C00",
+            "icon": "#E05200",
             "surface": "rgba(255,92,0,0.1)",
-            "text": "#FF5C00"
+            "text": "#E05200"
           }
         }
       }
@@ -874,7 +874,7 @@ module.exports = {
           "text": "#1A1C1F"
         },
         "hover": {
-          "border": "#FF7A2F",
+          "border": "#FF5C00",
           "icon": "#1A1C1F",
           "subtext": "#575B5E",
           "surface": "rgba(255,92,0,0.1)",
@@ -921,7 +921,7 @@ module.exports = {
           "text": "#1A1C1F"
         },
         "hover": {
-          "border": "#FF7A2F",
+          "border": "#FF5C00",
           "icon": "#1A1C1F",
           "subtext": "#575B5E",
           "surface": "#F4F7F5",
@@ -1172,20 +1172,20 @@ module.exports = {
           },
           "hover": {
             "border": "rgba(255,92,0,0.1)",
-            "icon": "#FF5C00",
+            "icon": "#E05200",
             "subtext": "#1A1C1F",
             "surface": {
               "$value": "rgba(255,92,0,0.28)",
               "alternate": "rgba(255,92,0,0.28)"
             },
-            "text": "#FF5C00"
+            "text": "#E05200"
           },
           "pressed": {
             "border": "rgba(255,92,0,0.1)",
-            "icon": "#FF5C00",
+            "icon": "#E05200",
             "subtext": "#1A1C1F",
-            "surface": "#DDEABEFF",
-            "text": "#FF5C00"
+            "surface": "#E05200",
+            "text": "#E05200"
           }
         }
       },
@@ -1338,21 +1338,21 @@ module.exports = {
           "text": "#FF5C00"
         },
         "hover": {
-          "border": "#FF7A2F",
+          "border": "#E05200",
           "handle": "#FFFFFFFF",
           "hover": {
             "ring": "rgba(255,92,0,0.1)"
           },
           "icon": "#FFFFFFFF",
-          "surface": "#FF7A2F",
-          "text": "#FF5C00"
+          "surface": "#E05200",
+          "text": "#E05200"
         },
         "pressed": {
-          "border": "#DDEABEFF",
+          "border": "#E05200",
           "handle": "#FFFFFFFF",
           "icon": "#FFFFFFFF",
-          "surface": "#DDEABEFF",
-          "text": "#FF5C00"
+          "surface": "#E05200",
+          "text": "#E05200"
         },
         "read": {
           "only": {
@@ -1447,7 +1447,7 @@ module.exports = {
           "handle": {
             "$value": "#FF5C00",
             "focus": {
-              "ring": "#E05200"
+              "ring": "#FF5C00"
             },
             "surface": "rgba(255, 255, 255, 0)"
           },
@@ -1460,27 +1460,27 @@ module.exports = {
         },
         "hover": {
           "handle": {
-            "$value": "#FF5C00",
+            "$value": "#E05200",
             "surface": "rgba(255,92,0,0.1)"
           },
-          "icon": "#FF5C00",
+          "icon": "#E05200",
           "stop": {
             "dot": "rgba(87,91,94,0.15)",
             "text": "#343434FF"
           },
-          "track": "#FF5C00"
+          "track": "#E05200"
         },
         "pressed": {
           "handle": {
-            "$value": "#FF5C00",
+            "$value": "#E05200",
             "surface": "rgba(255,92,0,0.1)"
           },
-          "icon": "#FF5C00",
+          "icon": "#E05200",
           "stop": {
             "dot": "rgba(87,91,94,0.15)",
             "text": "#343434FF"
           },
-          "track": "#FF5C00"
+          "track": "#E05200"
         }
       },
       "inactive": {
@@ -1509,7 +1509,7 @@ module.exports = {
           "track": "#F4F7F5"
         },
         "hover": {
-          "icon": "#FF5C00",
+          "icon": "#E05200",
           "stop": {
             "dot": "rgba(87,91,94,0.15)",
             "text": "#343434FF"
@@ -1517,7 +1517,7 @@ module.exports = {
           "track": "#F4F7F5"
         },
         "pressed": {
-          "icon": "#FF5C00",
+          "icon": "#E05200",
           "stop": {
             "dot": "rgba(87,91,94,0.15)",
             "text": "#343434FF"

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

@@ -331,7 +331,7 @@ export default {
         "300": "#EEF5DFFF",
         "400": "#DDEABEFF",
         "500": "#C7DC93FF",
-        "600": "#FF7A2F",
+        "600": "#FF5C00",
         "700": "#5D7B00FF",
         "800": "#556F17FF",
         "900": "#394A10FF",
@@ -342,7 +342,7 @@ export default {
         "extradark": "#2B380CFF",
         "extralight": "rgba(255,92,0,0.28)",
         "light": "#DDEABEFF",
-        "lightbase": "#FF7A2F",
+        "lightbase": "#FF5C00",
         "megalight": "rgba(255,92,0,0.1)",
         "ultralight": "rgba(255,92,0,0.1)"
       },
@@ -484,20 +484,20 @@ export default {
             "action": "#343434FF",
             "border": "rgba(255, 255, 255, 0)",
             "focus": "rgba(255, 255, 255, 0)",
-            "icon": "#FF5C00",
+            "icon": "#E05200",
             "surface": {
               "$value": "rgba(255,92,0,0.1)",
               "alternate": "rgba(255,92,0,0.1)"
             },
-            "text": "#FF5C00"
+            "text": "#E05200"
           },
           "pressed": {
             "action": "#343434FF",
             "border": "rgba(255, 255, 255, 0)",
             "focus": "rgba(255, 255, 255, 0)",
-            "icon": "#FF5C00",
+            "icon": "#E05200",
             "surface": "rgba(255,92,0,0.1)",
-            "text": "#FF5C00"
+            "text": "#E05200"
           }
         }
       },
@@ -583,11 +583,11 @@ export default {
             "border": "#FF5C00",
             "icon": "#FFFFFF",
             "surface": "#FF5C00",
-            "text": "#FFFFFFFF"
+            "text": "#FFFFFF"
           },
           "disabled": {
             "border": "#F4F7F5",
-            "icon": "rgba(87,91,94,0.15)",
+            "icon": "#575B5E",
             "surface": {
               "$value": "#F4F7F5",
               "alternate": "#F6F6F6FF"
@@ -597,23 +597,23 @@ export default {
           "focus": {
             "border": "#FF5C00",
             "focus": {
-              "ring": "#FF5C00"
+              "ring": "rgba(255,92,0,0.2)"
             },
             "icon": "#FFFFFF",
             "surface": "#FF5C00",
-            "text": "#FFFFFFFF"
+            "text": "#FFFFFF"
           },
           "hover": {
-            "border": "#FF5C00",
+            "border": "#E05200",
             "icon": "#FFFFFF",
             "surface": "#E05200",
-            "text": "#FFFFFFFF"
+            "text": "#FFFFFF"
           },
           "pressed": {
-            "border": "#FF5C00",
+            "border": "#E05200",
             "icon": "#FFFFFF",
-            "surface": "#FF5C00",
-            "text": "#FFFFFFFF"
+            "surface": "#E05200",
+            "text": "#FFFFFF"
           }
         },
         "warning": {
@@ -727,19 +727,19 @@ export default {
           "hover": {
             "action": "#343434FF",
             "border": "#575B5E",
-            "icon": "#FF5C00",
+            "icon": "#E05200",
             "surface": {
               "$value": "rgba(255,92,0,0.1)",
               "alternate": "rgba(255,92,0,0.1)"
             },
-            "text": "#FF5C00"
+            "text": "#E05200"
           },
           "pressed": {
             "action": "#343434FF",
             "border": "#575B5E",
-            "icon": "#FF5C00",
+            "icon": "#E05200",
             "surface": "rgba(255,92,0,0.1)",
-            "text": "#FF5C00"
+            "text": "#E05200"
           }
         }
       },
@@ -822,20 +822,20 @@ export default {
             "action": "#343434FF",
             "border": "rgba(255, 255, 255, 0)",
             "focus": "rgba(255, 255, 255, 0)",
-            "icon": "#FF5C00",
+            "icon": "#E05200",
             "surface": {
               "$value": "rgba(255,92,0,0.1)",
               "alternate": "rgba(255,92,0,0.1)"
             },
-            "text": "#FF5C00"
+            "text": "#E05200"
           },
           "pressed": {
             "action": "#343434FF",
             "border": "rgba(255, 255, 255, 0)",
             "focus": "rgba(255, 255, 255, 0)",
-            "icon": "#FF5C00",
+            "icon": "#E05200",
             "surface": "rgba(255,92,0,0.1)",
-            "text": "#FF5C00"
+            "text": "#E05200"
           }
         }
       }
@@ -874,7 +874,7 @@ export default {
           "text": "#1A1C1F"
         },
         "hover": {
-          "border": "#FF7A2F",
+          "border": "#FF5C00",
           "icon": "#1A1C1F",
           "subtext": "#575B5E",
           "surface": "rgba(255,92,0,0.1)",
@@ -921,7 +921,7 @@ export default {
           "text": "#1A1C1F"
         },
         "hover": {
-          "border": "#FF7A2F",
+          "border": "#FF5C00",
           "icon": "#1A1C1F",
           "subtext": "#575B5E",
           "surface": "#F4F7F5",
@@ -1172,20 +1172,20 @@ export default {
           },
           "hover": {
             "border": "rgba(255,92,0,0.1)",
-            "icon": "#FF5C00",
+            "icon": "#E05200",
             "subtext": "#1A1C1F",
             "surface": {
               "$value": "rgba(255,92,0,0.28)",
               "alternate": "rgba(255,92,0,0.28)"
             },
-            "text": "#FF5C00"
+            "text": "#E05200"
           },
           "pressed": {
             "border": "rgba(255,92,0,0.1)",
-            "icon": "#FF5C00",
+            "icon": "#E05200",
             "subtext": "#1A1C1F",
-            "surface": "#DDEABEFF",
-            "text": "#FF5C00"
+            "surface": "#E05200",
+            "text": "#E05200"
           }
         }
       },
@@ -1338,21 +1338,21 @@ export default {
           "text": "#FF5C00"
         },
         "hover": {
-          "border": "#FF7A2F",
+          "border": "#E05200",
           "handle": "#FFFFFFFF",
           "hover": {
             "ring": "rgba(255,92,0,0.1)"
           },
           "icon": "#FFFFFFFF",
-          "surface": "#FF7A2F",
-          "text": "#FF5C00"
+          "surface": "#E05200",
+          "text": "#E05200"
         },
         "pressed": {
-          "border": "#DDEABEFF",
+          "border": "#E05200",
           "handle": "#FFFFFFFF",
           "icon": "#FFFFFFFF",
-          "surface": "#DDEABEFF",
-          "text": "#FF5C00"
+          "surface": "#E05200",
+          "text": "#E05200"
         },
         "read": {
           "only": {
@@ -1447,7 +1447,7 @@ export default {
           "handle": {
             "$value": "#FF5C00",
             "focus": {
-              "ring": "#E05200"
+              "ring": "#FF5C00"
             },
             "surface": "rgba(255, 255, 255, 0)"
           },
@@ -1460,27 +1460,27 @@ export default {
         },
         "hover": {
           "handle": {
-            "$value": "#FF5C00",
+            "$value": "#E05200",
             "surface": "rgba(255,92,0,0.1)"
           },
-          "icon": "#FF5C00",
+          "icon": "#E05200",
           "stop": {
             "dot": "rgba(87,91,94,0.15)",
             "text": "#343434FF"
           },
-          "track": "#FF5C00"
+          "track": "#E05200"
         },
         "pressed": {
           "handle": {
-            "$value": "#FF5C00",
+            "$value": "#E05200",
             "surface": "rgba(255,92,0,0.1)"
           },
-          "icon": "#FF5C00",
+          "icon": "#E05200",
           "stop": {
             "dot": "rgba(87,91,94,0.15)",
             "text": "#343434FF"
           },
-          "track": "#FF5C00"
+          "track": "#E05200"
         }
       },
       "inactive": {
@@ -1509,7 +1509,7 @@ export default {
           "track": "#F4F7F5"
         },
         "hover": {
-          "icon": "#FF5C00",
+          "icon": "#E05200",
           "stop": {
             "dot": "rgba(87,91,94,0.15)",
             "text": "#343434FF"
@@ -1517,7 +1517,7 @@ export default {
           "track": "#F4F7F5"
         },
         "pressed": {
-          "icon": "#FF5C00",
+          "icon": "#E05200",
           "stop": {
             "dot": "rgba(87,91,94,0.15)",
             "text": "#343434FF"

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

@@ -581,13 +581,13 @@ module.exports = {
         "regular": {
           "default": {
             "border": "#67C587",
-            "icon": "#102114",
+            "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": "#102114",
+            "icon": "#000000FF",
             "surface": "#79D899",
             "text": "#000000FF"
           },
           "hover": {
             "border": "#67C587",
-            "icon": "#102114",
+            "icon": "#000000FF",
             "surface": "#67C587",
             "text": "#000000FF"
           },
           "pressed": {
             "border": "#67C587",
-            "icon": "#102114",
+            "icon": "#000000FF",
             "surface": "#EEF5DFFF",
             "text": "#000000FF"
           }

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

@@ -581,13 +581,13 @@ export default {
         "regular": {
           "default": {
             "border": "#67C587",
-            "icon": "#102114",
+            "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": "#102114",
+            "icon": "#000000FF",
             "surface": "#79D899",
             "text": "#000000FF"
           },
           "hover": {
             "border": "#67C587",
-            "icon": "#102114",
+            "icon": "#000000FF",
             "surface": "#67C587",
             "text": "#000000FF"
           },
           "pressed": {
             "border": "#67C587",
-            "icon": "#102114",
+            "icon": "#000000FF",
             "surface": "#EEF5DFFF",
             "text": "#000000FF"
           }

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

@@ -581,13 +581,13 @@ module.exports = {
         "regular": {
           "default": {
             "border": "#128A42",
-            "icon": "#FFFFFF",
+            "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": "#FFFFFF",
+            "icon": "#FFFFFFFF",
             "surface": "#128A42",
             "text": "#FFFFFFFF"
           },
           "hover": {
             "border": "rgba(18,138,66,0.7)",
-            "icon": "#FFFFFF",
+            "icon": "#FFFFFFFF",
             "surface": "#0B6F33",
             "text": "#FFFFFFFF"
           },
           "pressed": {
             "border": "#128A42",
-            "icon": "#FFFFFF",
+            "icon": "#FFFFFFFF",
             "surface": "rgba(18,138,66,0.7)",
             "text": "#FFFFFFFF"
           }