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/berry/variables.js CHANGED Viewed

@@ -343,7 +343,7 @@ export default {
         "extralight": "rgba(143,61,122,0.2)",
         "light": "#DDEABEFF",
         "lightbase": "#C86CAF",
-        "megalight": "#F9FCF4FF",
+        "megalight": "rgba(143,61,122,0.08)",
         "ultralight": "rgba(143,61,122,0.08)"
       },
       "secondary": {
@@ -486,7 +486,7 @@ export default {
             "focus": "rgba(255, 255, 255, 0)",
             "icon": "#8F3D7A",
             "surface": {
-              "$value": "#F9FCF4FF",
+              "$value": "rgba(143,61,122,0.08)",
               "alternate": "rgba(143,61,122,0.08)"
             },
             "text": "#8F3D7A"
@@ -581,13 +581,13 @@ export default {
         "regular": {
           "default": {
             "border": "#8F3D7A",
-            "icon": "#F9FCF4FF",
+            "icon": "#FFFFFFFF",
             "surface": "#8F3D7A",
             "text": "#FFFFFFFF"
           },
           "disabled": {
             "border": "#F7EEF7",
-            "icon": "rgba(87,91,94,0.15)",
+            "icon": "#6F5A6B",
             "surface": {
               "$value": "#F7EEF7",
               "alternate": "#F6F6F6FF"
@@ -599,19 +599,19 @@ export default {
             "focus": {
               "ring": "#8F3D7A"
             },
-            "icon": "#F9FCF4FF",
+            "icon": "#FFFFFFFF",
             "surface": "#8F3D7A",
             "text": "#FFFFFFFF"
           },
           "hover": {
             "border": "#8F3D7A",
-            "icon": "#F9FCF4FF",
+            "icon": "#FFFFFFFF",
             "surface": "#7A3268",
             "text": "#FFFFFFFF"
           },
           "pressed": {
             "border": "#8F3D7A",
-            "icon": "#F9FCF4FF",
+            "icon": "#FFFFFFFF",
             "surface": "#8F3D7A",
             "text": "#FFFFFFFF"
           }
@@ -729,7 +729,7 @@ export default {
             "border": "#575B5E",
             "icon": "#8F3D7A",
             "surface": {
-              "$value": "#F9FCF4FF",
+              "$value": "rgba(143,61,122,0.08)",
               "alternate": "rgba(143,61,122,0.08)"
             },
             "text": "#8F3D7A"
@@ -824,7 +824,7 @@ export default {
             "focus": "rgba(255, 255, 255, 0)",
             "icon": "#8F3D7A",
             "surface": {
-              "$value": "#F9FCF4FF",
+              "$value": "rgba(143,61,122,0.08)",
               "alternate": "rgba(143,61,122,0.08)"
             },
             "text": "#8F3D7A"
@@ -846,7 +846,7 @@ export default {
           "border": "rgba(87,91,94,0.15)",
           "icon": "#575B5E",
           "subtext": "#241A23",
-          "surface": "#F9FCF4FF",
+          "surface": "rgba(143,61,122,0.08)",
           "text": "#343434FF"
         },
         "disabled": {
@@ -870,7 +870,7 @@ export default {
           },
           "icon": "#575B5E",
           "subtext": "#241A23",
-          "surface": "#F9FCF4FF",
+          "surface": "rgba(143,61,122,0.08)",
           "text": "#343434FF"
         },
         "hover": {
@@ -924,7 +924,7 @@ export default {
           "border": "#C86CAF",
           "icon": "#575B5E",
           "subtext": "#241A23",
-          "surface": "#F9FCF4FF",
+          "surface": "rgba(143,61,122,0.08)",
           "text": "#343434FF"
         },
         "pressed": {
@@ -994,7 +994,7 @@ export default {
             "surface": "rgba(143,61,122,0.08)"
           }
         },
-        "surface": "#F9FCF4FF"
+        "surface": "rgba(143,61,122,0.08)"
       },
       "pressed": {
         "inner": {
@@ -1005,7 +1005,7 @@ export default {
         },
         "outer": {
           "circle": {
-            "surface": "#F9FCF4FF"
+            "surface": "rgba(143,61,122,0.08)"
           }
         },
         "surface": "rgba(143,61,122,0.08)"
@@ -1275,7 +1275,7 @@ export default {
             "icon": "#343434FF",
             "subtext": "#575B5E",
             "surface": {
-              "$value": "#F9FCF4FF",
+              "$value": "rgba(143,61,122,0.08)",
               "alternate": "rgba(143,61,122,0.08)"
             },
             "text": "#343434FF"
@@ -1298,7 +1298,7 @@ export default {
             "floating": "#FFFFFFFF",
             "raised": "#F6F6F6FF"
           },
-          "brand": "#F9FCF4FF",
+          "brand": "rgba(143,61,122,0.08)",
           "default": {
             "$value": "#F5F5F2FF",
             "floating": "#FFFFFFFF",
@@ -1341,7 +1341,7 @@ export default {
           "border": "#C86CAF",
           "handle": "#FFFFFFFF",
           "hover": {
-            "ring": "#F9FCF4FF"
+            "ring": "rgba(143,61,122,0.08)"
           },
           "icon": "#FFFFFFFF",
           "surface": "#C86CAF",
@@ -1393,10 +1393,10 @@ export default {
           "border": "#575B5E",
           "handle": "#575B5E",
           "hover": {
-            "ring": "#F9FCF4FF"
+            "ring": "rgba(143,61,122,0.08)"
           },
           "icon": "#575B5E",
-          "surface": "#F9FCF4FF",
+          "surface": "rgba(143,61,122,0.08)",
           "text": "#343434FF"
         },
         "pressed": {
@@ -1461,7 +1461,7 @@ export default {
         "hover": {
           "handle": {
             "$value": "#8F3D7A",
-            "surface": "#F9FCF4FF"
+            "surface": "rgba(143,61,122,0.08)"
           },
           "icon": "#8F3D7A",
           "stop": {

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

@@ -581,13 +581,13 @@ module.exports = {
         "regular": {
           "default": {
             "border": "#C86CAF",
-            "icon": "rgba(200,108,175,0.12)",
+            "icon": "#000000FF",
             "surface": "#D881BE",
             "text": "#000000FF"
           },
           "disabled": {
             "border": "#2B1E2F",
-            "icon": "rgba(200,178,194,0.14)",
+            "icon": "#C8B2C2",
             "surface": {
               "$value": "rgba(200,178,194,0.14)",
               "alternate": "#1A1A1AFF"
@@ -599,19 +599,19 @@ module.exports = {
             "focus": {
               "ring": "#C86CAF"
             },
-            "icon": "rgba(200,108,175,0.12)",
+            "icon": "#000000FF",
             "surface": "#D881BE",
             "text": "#000000FF"
           },
           "hover": {
             "border": "#C86CAF",
-            "icon": "rgba(200,108,175,0.12)",
+            "icon": "#000000FF",
             "surface": "#C86CAF",
             "text": "#000000FF"
           },
           "pressed": {
             "border": "#C86CAF",
-            "icon": "rgba(200,108,175,0.12)",
+            "icon": "#000000FF",
             "surface": "#EEF5DFFF",
             "text": "#000000FF"
           }

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

@@ -581,13 +581,13 @@ export default {
         "regular": {
           "default": {
             "border": "#C86CAF",
-            "icon": "rgba(200,108,175,0.12)",
+            "icon": "#000000FF",
             "surface": "#D881BE",
             "text": "#000000FF"
           },
           "disabled": {
             "border": "#2B1E2F",
-            "icon": "rgba(200,178,194,0.14)",
+            "icon": "#C8B2C2",
             "surface": {
               "$value": "rgba(200,178,194,0.14)",
               "alternate": "#1A1A1AFF"
@@ -599,19 +599,19 @@ export default {
             "focus": {
               "ring": "#C86CAF"
             },
-            "icon": "rgba(200,108,175,0.12)",
+            "icon": "#000000FF",
             "surface": "#D881BE",
             "text": "#000000FF"
           },
           "hover": {
             "border": "#C86CAF",
-            "icon": "rgba(200,108,175,0.12)",
+            "icon": "#000000FF",
             "surface": "#C86CAF",
             "text": "#000000FF"
           },
           "pressed": {
             "border": "#C86CAF",
-            "icon": "rgba(200,108,175,0.12)",
+            "icon": "#000000FF",
             "surface": "#EEF5DFFF",
             "text": "#000000FF"
           }

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

@@ -343,7 +343,7 @@ module.exports = {
         "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": {
@@ -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": "#6CB784",
           "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": "#6CB784",
           "handle": "#FFFFFFFF",
           "hover": {
-            "ring": "#F9FCF4FF"
+            "ring": "rgba(18,138,66,0.08)"
           },
           "icon": "#FFFFFFFF",
           "surface": "#6CB784",
@@ -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/default/variables.js CHANGED Viewed

@@ -343,7 +343,7 @@ export default {
         "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": {
@@ -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": "#6CB784",
           "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": "#6CB784",
           "handle": "#FFFFFFFF",
           "hover": {
-            "ring": "#F9FCF4FF"
+            "ring": "rgba(18,138,66,0.08)"
           },
           "icon": "#FFFFFFFF",
           "surface": "#6CB784",
@@ -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/default-dark/variables.cjs CHANGED Viewed

@@ -581,13 +581,13 @@ module.exports = {
         "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"
@@ -599,19 +599,19 @@ module.exports = {
             "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/js/default-dark/variables.js CHANGED Viewed

@@ -581,13 +581,13 @@ export default {
         "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"
@@ -599,19 +599,19 @@ export default {
             "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"
           }