@mario_hahn/jumpy-ui 0.5.0 → 0.6.1

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

@@ -343,7 +343,7 @@ module.exports = {
         "extralight": "rgba(255,92,0,0.28)",
         "light": "#DDEABEFF",
         "lightbase": "#FF7A2F",
-        "megalight": "#F9FCF4FF",
+        "megalight": "rgba(255,92,0,0.1)",
         "ultralight": "rgba(255,92,0,0.1)"
       },
       "secondary": {
@@ -486,7 +486,7 @@ module.exports = {
             "focus": "rgba(255, 255, 255, 0)",
             "icon": "#FF5C00",
             "surface": {
-              "$value": "#F9FCF4FF",
+              "$value": "rgba(255,92,0,0.1)",
               "alternate": "rgba(255,92,0,0.1)"
             },
             "text": "#FF5C00"
@@ -581,7 +581,7 @@ module.exports = {
         "regular": {
           "default": {
             "border": "#FF5C00",
-            "icon": "#F9FCF4FF",
+            "icon": "#FFFFFF",
             "surface": "#FF5C00",
             "text": "#FFFFFFFF"
           },
@@ -599,19 +599,19 @@ module.exports = {
             "focus": {
               "ring": "#FF5C00"
             },
-            "icon": "#F9FCF4FF",
+            "icon": "#FFFFFF",
             "surface": "#FF5C00",
             "text": "#FFFFFFFF"
           },
           "hover": {
             "border": "#FF5C00",
-            "icon": "#F9FCF4FF",
+            "icon": "#FFFFFF",
             "surface": "#E05200",
             "text": "#FFFFFFFF"
           },
           "pressed": {
             "border": "#FF5C00",
-            "icon": "#F9FCF4FF",
+            "icon": "#FFFFFF",
             "surface": "#FF5C00",
             "text": "#FFFFFFFF"
           }
@@ -729,7 +729,7 @@ module.exports = {
             "border": "#575B5E",
             "icon": "#FF5C00",
             "surface": {
-              "$value": "#F9FCF4FF",
+              "$value": "rgba(255,92,0,0.1)",
               "alternate": "rgba(255,92,0,0.1)"
             },
             "text": "#FF5C00"
@@ -824,7 +824,7 @@ module.exports = {
             "focus": "rgba(255, 255, 255, 0)",
             "icon": "#FF5C00",
             "surface": {
-              "$value": "#F9FCF4FF",
+              "$value": "rgba(255,92,0,0.1)",
               "alternate": "rgba(255,92,0,0.1)"
             },
             "text": "#FF5C00"
@@ -994,7 +994,7 @@ module.exports = {
             "surface": "rgba(255,92,0,0.1)"
           }
         },
-        "surface": "#F9FCF4FF"
+        "surface": "rgba(255,92,0,0.1)"
       },
       "pressed": {
         "inner": {
@@ -1005,7 +1005,7 @@ module.exports = {
         },
         "outer": {
           "circle": {
-            "surface": "#F9FCF4FF"
+            "surface": "rgba(255,92,0,0.1)"
           }
         },
         "surface": "rgba(255,92,0,0.1)"
@@ -1275,7 +1275,7 @@ module.exports = {
             "icon": "#343434FF",
             "subtext": "#575B5E",
             "surface": {
-              "$value": "#F9FCF4FF",
+              "$value": "rgba(255,92,0,0.1)",
               "alternate": "rgba(255,92,0,0.1)"
             },
             "text": "#343434FF"
@@ -1298,7 +1298,7 @@ module.exports = {
             "floating": "#FFFFFF",
             "raised": "#FFFFFF"
           },
-          "brand": "#F9FCF4FF",
+          "brand": "rgba(255,92,0,0.1)",
           "default": {
             "$value": "#F4F7F5",
             "floating": "#FFFFFF",
@@ -1341,7 +1341,7 @@ module.exports = {
           "border": "#FF7A2F",
           "handle": "#FFFFFFFF",
           "hover": {
-            "ring": "#F9FCF4FF"
+            "ring": "rgba(255,92,0,0.1)"
           },
           "icon": "#FFFFFFFF",
           "surface": "#FF7A2F",
@@ -1393,10 +1393,10 @@ module.exports = {
           "border": "#575B5E",
           "handle": "#575B5E",
           "hover": {
-            "ring": "#F9FCF4FF"
+            "ring": "rgba(255,92,0,0.1)"
           },
           "icon": "#575B5E",
-          "surface": "#F9FCF4FF",
+          "surface": "rgba(255,92,0,0.1)",
           "text": "#343434FF"
         },
         "pressed": {
@@ -1461,7 +1461,7 @@ module.exports = {
         "hover": {
           "handle": {
             "$value": "#FF5C00",
-            "surface": "#F9FCF4FF"
+            "surface": "rgba(255,92,0,0.1)"
           },
           "icon": "#FF5C00",
           "stop": {

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

@@ -343,7 +343,7 @@ export default {
         "extralight": "rgba(255,92,0,0.28)",
         "light": "#DDEABEFF",
         "lightbase": "#FF7A2F",
-        "megalight": "#F9FCF4FF",
+        "megalight": "rgba(255,92,0,0.1)",
         "ultralight": "rgba(255,92,0,0.1)"
       },
       "secondary": {
@@ -486,7 +486,7 @@ export default {
             "focus": "rgba(255, 255, 255, 0)",
             "icon": "#FF5C00",
             "surface": {
-              "$value": "#F9FCF4FF",
+              "$value": "rgba(255,92,0,0.1)",
               "alternate": "rgba(255,92,0,0.1)"
             },
             "text": "#FF5C00"
@@ -581,7 +581,7 @@ export default {
         "regular": {
           "default": {
             "border": "#FF5C00",
-            "icon": "#F9FCF4FF",
+            "icon": "#FFFFFF",
             "surface": "#FF5C00",
             "text": "#FFFFFFFF"
           },
@@ -599,19 +599,19 @@ export default {
             "focus": {
               "ring": "#FF5C00"
             },
-            "icon": "#F9FCF4FF",
+            "icon": "#FFFFFF",
             "surface": "#FF5C00",
             "text": "#FFFFFFFF"
           },
           "hover": {
             "border": "#FF5C00",
-            "icon": "#F9FCF4FF",
+            "icon": "#FFFFFF",
             "surface": "#E05200",
             "text": "#FFFFFFFF"
           },
           "pressed": {
             "border": "#FF5C00",
-            "icon": "#F9FCF4FF",
+            "icon": "#FFFFFF",
             "surface": "#FF5C00",
             "text": "#FFFFFFFF"
           }
@@ -729,7 +729,7 @@ export default {
             "border": "#575B5E",
             "icon": "#FF5C00",
             "surface": {
-              "$value": "#F9FCF4FF",
+              "$value": "rgba(255,92,0,0.1)",
               "alternate": "rgba(255,92,0,0.1)"
             },
             "text": "#FF5C00"
@@ -824,7 +824,7 @@ export default {
             "focus": "rgba(255, 255, 255, 0)",
             "icon": "#FF5C00",
             "surface": {
-              "$value": "#F9FCF4FF",
+              "$value": "rgba(255,92,0,0.1)",
               "alternate": "rgba(255,92,0,0.1)"
             },
             "text": "#FF5C00"
@@ -994,7 +994,7 @@ export default {
             "surface": "rgba(255,92,0,0.1)"
           }
         },
-        "surface": "#F9FCF4FF"
+        "surface": "rgba(255,92,0,0.1)"
       },
       "pressed": {
         "inner": {
@@ -1005,7 +1005,7 @@ export default {
         },
         "outer": {
           "circle": {
-            "surface": "#F9FCF4FF"
+            "surface": "rgba(255,92,0,0.1)"
           }
         },
         "surface": "rgba(255,92,0,0.1)"
@@ -1275,7 +1275,7 @@ export default {
             "icon": "#343434FF",
             "subtext": "#575B5E",
             "surface": {
-              "$value": "#F9FCF4FF",
+              "$value": "rgba(255,92,0,0.1)",
               "alternate": "rgba(255,92,0,0.1)"
             },
             "text": "#343434FF"
@@ -1298,7 +1298,7 @@ export default {
             "floating": "#FFFFFF",
             "raised": "#FFFFFF"
           },
-          "brand": "#F9FCF4FF",
+          "brand": "rgba(255,92,0,0.1)",
           "default": {
             "$value": "#F4F7F5",
             "floating": "#FFFFFF",
@@ -1341,7 +1341,7 @@ export default {
           "border": "#FF7A2F",
           "handle": "#FFFFFFFF",
           "hover": {
-            "ring": "#F9FCF4FF"
+            "ring": "rgba(255,92,0,0.1)"
           },
           "icon": "#FFFFFFFF",
           "surface": "#FF7A2F",
@@ -1393,10 +1393,10 @@ export default {
           "border": "#575B5E",
           "handle": "#575B5E",
           "hover": {
-            "ring": "#F9FCF4FF"
+            "ring": "rgba(255,92,0,0.1)"
           },
           "icon": "#575B5E",
-          "surface": "#F9FCF4FF",
+          "surface": "rgba(255,92,0,0.1)",
           "text": "#343434FF"
         },
         "pressed": {
@@ -1461,7 +1461,7 @@ export default {
         "hover": {
           "handle": {
             "$value": "#FF5C00",
-            "surface": "#F9FCF4FF"
+            "surface": "rgba(255,92,0,0.1)"
           },
           "icon": "#FF5C00",
           "stop": {

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

@@ -581,7 +581,7 @@ module.exports = {
         "regular": {
           "default": {
             "border": "#67C587",
-            "icon": "rgba(103,197,135,0.12)",
+            "icon": "#102114",
             "surface": "#79D899",
             "text": "#000000FF"
           },
@@ -599,19 +599,19 @@ module.exports = {
             "focus": {
               "ring": "#67C587"
             },
-            "icon": "rgba(103,197,135,0.12)",
+            "icon": "#102114",
             "surface": "#79D899",
             "text": "#000000FF"
           },
           "hover": {
             "border": "#67C587",
-            "icon": "rgba(103,197,135,0.12)",
+            "icon": "#102114",
             "surface": "#67C587",
             "text": "#000000FF"
           },
           "pressed": {
             "border": "#67C587",
-            "icon": "rgba(103,197,135,0.12)",
+            "icon": "#102114",
             "surface": "#EEF5DFFF",
             "text": "#000000FF"
           }

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

@@ -581,7 +581,7 @@ export default {
         "regular": {
           "default": {
             "border": "#67C587",
-            "icon": "rgba(103,197,135,0.12)",
+            "icon": "#102114",
             "surface": "#79D899",
             "text": "#000000FF"
           },
@@ -599,19 +599,19 @@ export default {
             "focus": {
               "ring": "#67C587"
             },
-            "icon": "rgba(103,197,135,0.12)",
+            "icon": "#102114",
             "surface": "#79D899",
             "text": "#000000FF"
           },
           "hover": {
             "border": "#67C587",
-            "icon": "rgba(103,197,135,0.12)",
+            "icon": "#102114",
             "surface": "#67C587",
             "text": "#000000FF"
           },
           "pressed": {
             "border": "#67C587",
-            "icon": "rgba(103,197,135,0.12)",
+            "icon": "#102114",
             "surface": "#EEF5DFFF",
             "text": "#000000FF"
           }

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

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

@@ -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,7 +581,7 @@ export default {
         "regular": {
           "default": {
             "border": "#128A42",
-            "icon": "#F9FCF4FF",
+            "icon": "#FFFFFF",
             "surface": "#128A42",
             "text": "#FFFFFFFF"
           },
@@ -599,19 +599,19 @@ export default {
             "focus": {
               "ring": "rgba(18,138,66,0.7)"
             },
-            "icon": "#F9FCF4FF",
+            "icon": "#FFFFFF",
             "surface": "#128A42",
             "text": "#FFFFFFFF"
           },
           "hover": {
             "border": "rgba(18,138,66,0.7)",
-            "icon": "#F9FCF4FF",
+            "icon": "#FFFFFF",
             "surface": "#0B6F33",
             "text": "#FFFFFFFF"
           },
           "pressed": {
             "border": "#128A42",
-            "icon": "#F9FCF4FF",
+            "icon": "#FFFFFF",
             "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

@@ -581,7 +581,7 @@ module.exports = {
         "regular": {
           "default": {
             "border": "#6DC48A",
-            "icon": "rgba(109,196,138,0.12)",
+            "icon": "#0E2015",
             "surface": "#83D59D",
             "text": "#000000FF"
           },
@@ -599,19 +599,19 @@ module.exports = {
             "focus": {
               "ring": "#6DC48A"
             },
-            "icon": "rgba(109,196,138,0.12)",
+            "icon": "#0E2015",
             "surface": "#83D59D",
             "text": "#000000FF"
           },
           "hover": {
             "border": "#6DC48A",
-            "icon": "rgba(109,196,138,0.12)",
+            "icon": "#0E2015",
             "surface": "#6DC48A",
             "text": "#000000FF"
           },
           "pressed": {
             "border": "#6DC48A",
-            "icon": "rgba(109,196,138,0.12)",
+            "icon": "#0E2015",
             "surface": "#EEF5DFFF",
             "text": "#000000FF"
           }