@revikornmann/muka-ui 0.5.0 → 0.7.0

package/tokens/t1-primitives/color.json

@@ -1662,6 +1662,406 @@
         "$value": "rgba(255, 255, 255, 0.910)"
       }
     },
+    "mauveA": {
+      "1": {
+        "$type": "color",
+        "$value": "rgba(85, 0, 85, 0.012)"
+      },
+      "2": {
+        "$type": "color",
+        "$value": "rgba(43, 0, 85, 0.024)"
+      },
+      "3": {
+        "$type": "color",
+        "$value": "rgba(48, 0, 64, 0.063)"
+      },
+      "4": {
+        "$type": "color",
+        "$value": "rgba(32, 0, 54, 0.094)"
+      },
+      "5": {
+        "$type": "color",
+        "$value": "rgba(32, 0, 56, 0.125)"
+      },
+      "6": {
+        "$type": "color",
+        "$value": "rgba(20, 0, 53, 0.153)"
+      },
+      "7": {
+        "$type": "color",
+        "$value": "rgba(16, 0, 51, 0.196)"
+      },
+      "8": {
+        "$type": "color",
+        "$value": "rgba(8, 0, 49, 0.271)"
+      },
+      "9": {
+        "$type": "color",
+        "$value": "rgba(5, 0, 29, 0.451)"
+      },
+      "10": {
+        "$type": "color",
+        "$value": "rgba(5, 0, 25, 0.49)"
+      },
+      "11": {
+        "$type": "color",
+        "$value": "rgba(4, 0, 17, 0.612)"
+      },
+      "12": {
+        "$type": "color",
+        "$value": "rgba(2, 0, 8, 0.878)"
+      }
+    },
+    "grayA": {
+      "1": {
+        "$type": "color",
+        "$value": "rgba(0, 0, 0, 0.012)"
+      },
+      "2": {
+        "$type": "color",
+        "$value": "rgba(0, 0, 0, 0.024)"
+      },
+      "3": {
+        "$type": "color",
+        "$value": "rgba(0, 0, 0, 0.059)"
+      },
+      "4": {
+        "$type": "color",
+        "$value": "rgba(0, 0, 0, 0.09)"
+      },
+      "5": {
+        "$type": "color",
+        "$value": "rgba(0, 0, 0, 0.122)"
+      },
+      "6": {
+        "$type": "color",
+        "$value": "rgba(0, 0, 0, 0.149)"
+      },
+      "7": {
+        "$type": "color",
+        "$value": "rgba(0, 0, 0, 0.192)"
+      },
+      "8": {
+        "$type": "color",
+        "$value": "rgba(0, 0, 0, 0.267)"
+      },
+      "9": {
+        "$type": "color",
+        "$value": "rgba(0, 0, 0, 0.447)"
+      },
+      "10": {
+        "$type": "color",
+        "$value": "rgba(0, 0, 0, 0.486)"
+      },
+      "11": {
+        "$type": "color",
+        "$value": "rgba(0, 0, 0, 0.608)"
+      },
+      "12": {
+        "$type": "color",
+        "$value": "rgba(0, 0, 0, 0.875)"
+      }
+    },
+    "sandA": {
+      "1": {
+        "$type": "color",
+        "$value": "rgba(85, 85, 0, 0.012)"
+      },
+      "2": {
+        "$type": "color",
+        "$value": "rgba(37, 37, 0, 0.027)"
+      },
+      "3": {
+        "$type": "color",
+        "$value": "rgba(32, 16, 0, 0.063)"
+      },
+      "4": {
+        "$type": "color",
+        "$value": "rgba(31, 21, 0, 0.098)"
+      },
+      "5": {
+        "$type": "color",
+        "$value": "rgba(31, 24, 0, 0.129)"
+      },
+      "6": {
+        "$type": "color",
+        "$value": "rgba(25, 19, 0, 0.161)"
+      },
+      "7": {
+        "$type": "color",
+        "$value": "rgba(25, 20, 0, 0.208)"
+      },
+      "8": {
+        "$type": "color",
+        "$value": "rgba(25, 21, 1, 0.29)"
+      },
+      "9": {
+        "$type": "color",
+        "$value": "rgba(15, 15, 0, 0.475)"
+      },
+      "10": {
+        "$type": "color",
+        "$value": "rgba(12, 12, 0, 0.514)"
+      },
+      "11": {
+        "$type": "color",
+        "$value": "rgba(8, 8, 0, 0.631)"
+      },
+      "12": {
+        "$type": "color",
+        "$value": "rgba(6, 5, 0, 0.89)"
+      }
+    },
+    "sageA": {
+      "1": {
+        "$type": "color",
+        "$value": "rgba(0, 128, 64, 0.016)"
+      },
+      "2": {
+        "$type": "color",
+        "$value": "rgba(0, 64, 32, 0.031)"
+      },
+      "3": {
+        "$type": "color",
+        "$value": "rgba(0, 45, 30, 0.067)"
+      },
+      "4": {
+        "$type": "color",
+        "$value": "rgba(0, 31, 21, 0.098)"
+      },
+      "5": {
+        "$type": "color",
+        "$value": "rgba(0, 24, 8, 0.125)"
+      },
+      "6": {
+        "$type": "color",
+        "$value": "rgba(0, 20, 13, 0.157)"
+      },
+      "7": {
+        "$type": "color",
+        "$value": "rgba(0, 20, 10, 0.204)"
+      },
+      "8": {
+        "$type": "color",
+        "$value": "rgba(0, 15, 8, 0.278)"
+      },
+      "9": {
+        "$type": "color",
+        "$value": "rgba(0, 17, 11, 0.475)"
+      },
+      "10": {
+        "$type": "color",
+        "$value": "rgba(0, 16, 10, 0.514)"
+      },
+      "11": {
+        "$type": "color",
+        "$value": "rgba(0, 10, 7, 0.627)"
+      },
+      "12": {
+        "$type": "color",
+        "$value": "rgba(0, 8, 5, 0.898)"
+      }
+    },
+    "mauveDarkA": {
+      "1": {
+        "$type": "color",
+        "$value": "rgba(0, 0, 0, 0.0)"
+      },
+      "2": {
+        "$type": "color",
+        "$value": "rgba(245, 244, 246, 0.035)"
+      },
+      "3": {
+        "$type": "color",
+        "$value": "rgba(235, 234, 248, 0.078)"
+      },
+      "4": {
+        "$type": "color",
+        "$value": "rgba(238, 229, 248, 0.114)"
+      },
+      "5": {
+        "$type": "color",
+        "$value": "rgba(239, 230, 254, 0.145)"
+      },
+      "6": {
+        "$type": "color",
+        "$value": "rgba(241, 230, 253, 0.188)"
+      },
+      "7": {
+        "$type": "color",
+        "$value": "rgba(238, 233, 255, 0.251)"
+      },
+      "8": {
+        "$type": "color",
+        "$value": "rgba(238, 231, 255, 0.365)"
+      },
+      "9": {
+        "$type": "color",
+        "$value": "rgba(234, 230, 253, 0.431)"
+      },
+      "10": {
+        "$type": "color",
+        "$value": "rgba(236, 233, 253, 0.486)"
+      },
+      "11": {
+        "$type": "color",
+        "$value": "rgba(245, 241, 255, 0.718)"
+      },
+      "12": {
+        "$type": "color",
+        "$value": "rgba(253, 253, 255, 0.937)"
+      }
+    },
+    "grayDarkA": {
+      "1": {
+        "$type": "color",
+        "$value": "rgba(0, 0, 0, 0.0)"
+      },
+      "2": {
+        "$type": "color",
+        "$value": "rgba(255, 255, 255, 0.035)"
+      },
+      "3": {
+        "$type": "color",
+        "$value": "rgba(255, 255, 255, 0.071)"
+      },
+      "4": {
+        "$type": "color",
+        "$value": "rgba(255, 255, 255, 0.106)"
+      },
+      "5": {
+        "$type": "color",
+        "$value": "rgba(255, 255, 255, 0.133)"
+      },
+      "6": {
+        "$type": "color",
+        "$value": "rgba(255, 255, 255, 0.173)"
+      },
+      "7": {
+        "$type": "color",
+        "$value": "rgba(255, 255, 255, 0.231)"
+      },
+      "8": {
+        "$type": "color",
+        "$value": "rgba(255, 255, 255, 0.333)"
+      },
+      "9": {
+        "$type": "color",
+        "$value": "rgba(255, 255, 255, 0.392)"
+      },
+      "10": {
+        "$type": "color",
+        "$value": "rgba(255, 255, 255, 0.447)"
+      },
+      "11": {
+        "$type": "color",
+        "$value": "rgba(255, 255, 255, 0.686)"
+      },
+      "12": {
+        "$type": "color",
+        "$value": "rgba(255, 255, 255, 0.929)"
+      }
+    },
+    "sandDarkA": {
+      "1": {
+        "$type": "color",
+        "$value": "rgba(0, 0, 0, 0.0)"
+      },
+      "2": {
+        "$type": "color",
+        "$value": "rgba(244, 244, 243, 0.035)"
+      },
+      "3": {
+        "$type": "color",
+        "$value": "rgba(246, 246, 245, 0.075)"
+      },
+      "4": {
+        "$type": "color",
+        "$value": "rgba(254, 254, 243, 0.106)"
+      },
+      "5": {
+        "$type": "color",
+        "$value": "rgba(251, 251, 235, 0.137)"
+      },
+      "6": {
+        "$type": "color",
+        "$value": "rgba(255, 250, 237, 0.176)"
+      },
+      "7": {
+        "$type": "color",
+        "$value": "rgba(255, 251, 237, 0.235)"
+      },
+      "8": {
+        "$type": "color",
+        "$value": "rgba(255, 249, 235, 0.341)"
+      },
+      "9": {
+        "$type": "color",
+        "$value": "rgba(255, 250, 233, 0.396)"
+      },
+      "10": {
+        "$type": "color",
+        "$value": "rgba(255, 253, 238, 0.451)"
+      },
+      "11": {
+        "$type": "color",
+        "$value": "rgba(255, 252, 244, 0.69)"
+      },
+      "12": {
+        "$type": "color",
+        "$value": "rgba(255, 255, 253, 0.929)"
+      }
+    },
+    "sageDarkA": {
+      "1": {
+        "$type": "color",
+        "$value": "rgba(0, 0, 0, 0.0)"
+      },
+      "2": {
+        "$type": "color",
+        "$value": "rgba(240, 242, 241, 0.031)"
+      },
+      "3": {
+        "$type": "color",
+        "$value": "rgba(243, 245, 244, 0.071)"
+      },
+      "4": {
+        "$type": "color",
+        "$value": "rgba(242, 254, 253, 0.102)"
+      },
+      "5": {
+        "$type": "color",
+        "$value": "rgba(241, 251, 250, 0.133)"
+      },
+      "6": {
+        "$type": "color",
+        "$value": "rgba(237, 251, 244, 0.176)"
+      },
+      "7": {
+        "$type": "color",
+        "$value": "rgba(237, 252, 247, 0.235)"
+      },
+      "8": {
+        "$type": "color",
+        "$value": "rgba(235, 253, 246, 0.341)"
+      },
+      "9": {
+        "$type": "color",
+        "$value": "rgba(223, 253, 242, 0.4)"
+      },
+      "10": {
+        "$type": "color",
+        "$value": "rgba(229, 253, 246, 0.455)"
+      },
+      "11": {
+        "$type": "color",
+        "$value": "rgba(244, 254, 251, 0.69)"
+      },
+      "12": {
+        "$type": "color",
+        "$value": "rgba(253, 255, 254, 0.929)"
+      }
+    },
     "grayDark": {
       "1": {
         "$type": "color",

package/tokens/t1-primitives/motion.json

@@ -0,0 +1,21 @@
+{
+  "$schema": {
+    "$type": "other",
+    "$value": "https://design-tokens.org/schemas/1.0/schema.json"
+  },
+  "duration": {
+    "none":    { "$type": "duration", "$value": "0ms" },
+    "instant": { "$type": "duration", "$value": "100ms" },
+    "fast":    { "$type": "duration", "$value": "150ms" },
+    "normal":  { "$type": "duration", "$value": "200ms" },
+    "slow":    { "$type": "duration", "$value": "300ms" },
+    "slower":  { "$type": "duration", "$value": "500ms" }
+  },
+  "easing": {
+    "standard": { "$type": "other", "$value": "cubic-bezier(0.4, 0, 0.2, 1)" },
+    "enter":    { "$type": "other", "$value": "cubic-bezier(0, 0, 0.2, 1)" },
+    "exit":     { "$type": "other", "$value": "cubic-bezier(0.4, 0, 1, 1)" },
+    "spring":   { "$type": "other", "$value": "cubic-bezier(0.16, 1, 0.3, 1)" },
+    "linear":   { "$type": "other", "$value": "linear" }
+  }
+}

package/tokens/t2-alias/base.json

@@ -439,6 +439,23 @@
         "$type": "borderRadius",
         "$value": "{radius.full}"
       }
+    },
+    "motion": {
+      "duration": {
+        "none":    { "$type": "duration", "$value": "{duration.none}" },
+        "instant": { "$type": "duration", "$value": "{duration.instant}" },
+        "fast":    { "$type": "duration", "$value": "{duration.fast}" },
+        "normal":  { "$type": "duration", "$value": "{duration.normal}" },
+        "slow":    { "$type": "duration", "$value": "{duration.slow}" },
+        "slower":  { "$type": "duration", "$value": "{duration.slower}" }
+      },
+      "easing": {
+        "standard": { "$type": "other", "$value": "{easing.standard}" },
+        "enter":    { "$type": "other", "$value": "{easing.enter}" },
+        "exit":     { "$type": "other", "$value": "{easing.exit}" },
+        "spring":   { "$type": "other", "$value": "{easing.spring}" },
+        "linear":   { "$type": "other", "$value": "{easing.linear}" }
+      }
     }
   }
 }

package/tokens/t2-alias/brand/bouwplan/dark.json

@@ -17,7 +17,21 @@
         "9": { "$type": "color", "$value": "{color.sandDark.9}" },
         "10": { "$type": "color", "$value": "{color.sandDark.10}" },
         "11": { "$type": "color", "$value": "{color.sandDark.11}" },
-        "12": { "$type": "color", "$value": "{color.sandDark.12}" }
+        "12": { "$type": "color", "$value": "{color.sandDark.12}" },
+        "alphaHued": {
+          "1": { "$type": "color", "$value": "{color.sandDarkA.1}" },
+          "2": { "$type": "color", "$value": "{color.sandDarkA.2}" },
+          "3": { "$type": "color", "$value": "{color.sandDarkA.3}" },
+          "4": { "$type": "color", "$value": "{color.sandDarkA.4}" },
+          "5": { "$type": "color", "$value": "{color.sandDarkA.5}" },
+          "6": { "$type": "color", "$value": "{color.sandDarkA.6}" },
+          "7": { "$type": "color", "$value": "{color.sandDarkA.7}" },
+          "8": { "$type": "color", "$value": "{color.sandDarkA.8}" },
+          "9": { "$type": "color", "$value": "{color.sandDarkA.9}" },
+          "10": { "$type": "color", "$value": "{color.sandDarkA.10}" },
+          "11": { "$type": "color", "$value": "{color.sandDarkA.11}" },
+          "12": { "$type": "color", "$value": "{color.sandDarkA.12}" }
+        }
       },
       "brand": {
         "primary": {

package/tokens/t2-alias/brand/bouwplan/light.json

@@ -17,7 +17,21 @@
         "9": { "$type": "color", "$value": "{color.sand.9}" },
         "10": { "$type": "color", "$value": "{color.sand.10}" },
         "11": { "$type": "color", "$value": "{color.sand.11}" },
-        "12": { "$type": "color", "$value": "{color.sand.12}" }
+        "12": { "$type": "color", "$value": "{color.sand.12}" },
+        "alphaHued": {
+          "1": { "$type": "color", "$value": "{color.sandA.1}" },
+          "2": { "$type": "color", "$value": "{color.sandA.2}" },
+          "3": { "$type": "color", "$value": "{color.sandA.3}" },
+          "4": { "$type": "color", "$value": "{color.sandA.4}" },
+          "5": { "$type": "color", "$value": "{color.sandA.5}" },
+          "6": { "$type": "color", "$value": "{color.sandA.6}" },
+          "7": { "$type": "color", "$value": "{color.sandA.7}" },
+          "8": { "$type": "color", "$value": "{color.sandA.8}" },
+          "9": { "$type": "color", "$value": "{color.sandA.9}" },
+          "10": { "$type": "color", "$value": "{color.sandA.10}" },
+          "11": { "$type": "color", "$value": "{color.sandA.11}" },
+          "12": { "$type": "color", "$value": "{color.sandA.12}" }
+        }
       },
       "brand": {
         "primary": {

package/tokens/t2-alias/brand/fscl/dark.json

@@ -17,7 +17,21 @@
         "9": { "$type": "color", "$value": "{color.sageDark.9}" },
         "10": { "$type": "color", "$value": "{color.sageDark.10}" },
         "11": { "$type": "color", "$value": "{color.sageDark.11}" },
-        "12": { "$type": "color", "$value": "{color.sageDark.12}" }
+        "12": { "$type": "color", "$value": "{color.sageDark.12}" },
+        "alphaHued": {
+          "1": { "$type": "color", "$value": "{color.sageDarkA.1}" },
+          "2": { "$type": "color", "$value": "{color.sageDarkA.2}" },
+          "3": { "$type": "color", "$value": "{color.sageDarkA.3}" },
+          "4": { "$type": "color", "$value": "{color.sageDarkA.4}" },
+          "5": { "$type": "color", "$value": "{color.sageDarkA.5}" },
+          "6": { "$type": "color", "$value": "{color.sageDarkA.6}" },
+          "7": { "$type": "color", "$value": "{color.sageDarkA.7}" },
+          "8": { "$type": "color", "$value": "{color.sageDarkA.8}" },
+          "9": { "$type": "color", "$value": "{color.sageDarkA.9}" },
+          "10": { "$type": "color", "$value": "{color.sageDarkA.10}" },
+          "11": { "$type": "color", "$value": "{color.sageDarkA.11}" },
+          "12": { "$type": "color", "$value": "{color.sageDarkA.12}" }
+        }
       },
       "brand": {
         "primary": {

package/tokens/t2-alias/brand/fscl/light.json

@@ -17,7 +17,21 @@
         "9": { "$type": "color", "$value": "{color.sage.9}" },
         "10": { "$type": "color", "$value": "{color.sage.10}" },
         "11": { "$type": "color", "$value": "{color.sage.11}" },
-        "12": { "$type": "color", "$value": "{color.sage.12}" }
+        "12": { "$type": "color", "$value": "{color.sage.12}" },
+        "alphaHued": {
+          "1": { "$type": "color", "$value": "{color.sageA.1}" },
+          "2": { "$type": "color", "$value": "{color.sageA.2}" },
+          "3": { "$type": "color", "$value": "{color.sageA.3}" },
+          "4": { "$type": "color", "$value": "{color.sageA.4}" },
+          "5": { "$type": "color", "$value": "{color.sageA.5}" },
+          "6": { "$type": "color", "$value": "{color.sageA.6}" },
+          "7": { "$type": "color", "$value": "{color.sageA.7}" },
+          "8": { "$type": "color", "$value": "{color.sageA.8}" },
+          "9": { "$type": "color", "$value": "{color.sageA.9}" },
+          "10": { "$type": "color", "$value": "{color.sageA.10}" },
+          "11": { "$type": "color", "$value": "{color.sageA.11}" },
+          "12": { "$type": "color", "$value": "{color.sageA.12}" }
+        }
       },
       "brand": {
         "primary": {

package/tokens/t2-alias/brand/grip/dark.json

@@ -53,6 +53,56 @@
         "12": {
           "$type": "color",
           "$value": "{color.sandDark.12}"
+        },
+        "alphaHued": {
+          "1": {
+            "$type": "color",
+            "$value": "{color.sandDarkA.1}"
+          },
+          "2": {
+            "$type": "color",
+            "$value": "{color.sandDarkA.2}"
+          },
+          "3": {
+            "$type": "color",
+            "$value": "{color.sandDarkA.3}"
+          },
+          "4": {
+            "$type": "color",
+            "$value": "{color.sandDarkA.4}"
+          },
+          "5": {
+            "$type": "color",
+            "$value": "{color.sandDarkA.5}"
+          },
+          "6": {
+            "$type": "color",
+            "$value": "{color.sandDarkA.6}"
+          },
+          "7": {
+            "$type": "color",
+            "$value": "{color.sandDarkA.7}"
+          },
+          "8": {
+            "$type": "color",
+            "$value": "{color.sandDarkA.8}"
+          },
+          "9": {
+            "$type": "color",
+            "$value": "{color.sandDarkA.9}"
+          },
+          "10": {
+            "$type": "color",
+            "$value": "{color.sandDarkA.10}"
+          },
+          "11": {
+            "$type": "color",
+            "$value": "{color.sandDarkA.11}"
+          },
+          "12": {
+            "$type": "color",
+            "$value": "{color.sandDarkA.12}"
+          }
         }
       },
       "brand": {
@@ -305,4 +355,4 @@
       }
     }
   }
-}
+}

package/tokens/t2-alias/brand/grip/light.json

@@ -53,6 +53,56 @@
         "12": {
           "$type": "color",
           "$value": "{color.sand.12}"
+        },
+        "alphaHued": {
+          "1": {
+            "$type": "color",
+            "$value": "{color.sandA.1}"
+          },
+          "2": {
+            "$type": "color",
+            "$value": "{color.sandA.2}"
+          },
+          "3": {
+            "$type": "color",
+            "$value": "{color.sandA.3}"
+          },
+          "4": {
+            "$type": "color",
+            "$value": "{color.sandA.4}"
+          },
+          "5": {
+            "$type": "color",
+            "$value": "{color.sandA.5}"
+          },
+          "6": {
+            "$type": "color",
+            "$value": "{color.sandA.6}"
+          },
+          "7": {
+            "$type": "color",
+            "$value": "{color.sandA.7}"
+          },
+          "8": {
+            "$type": "color",
+            "$value": "{color.sandA.8}"
+          },
+          "9": {
+            "$type": "color",
+            "$value": "{color.sandA.9}"
+          },
+          "10": {
+            "$type": "color",
+            "$value": "{color.sandA.10}"
+          },
+          "11": {
+            "$type": "color",
+            "$value": "{color.sandA.11}"
+          },
+          "12": {
+            "$type": "color",
+            "$value": "{color.sandA.12}"
+          }
         }
       },
       "brand": {
@@ -305,4 +355,4 @@
       }
     }
   }
-}
+}