@revikornmann/muka-ui 0.2.4 → 0.4.0

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

@@ -154,6 +154,24 @@
           "muted": {
             "$type": "color",
             "$value": "{color.mint.3}"
+          },
+          "surface": {
+            "level0": {
+              "$type": "color",
+              "$value": "{color.mint.2}"
+            },
+            "level1": {
+              "$type": "color",
+              "$value": "{color.mint.3}"
+            },
+            "level2": {
+              "$type": "color",
+              "$value": "{color.mint.4}"
+            },
+            "level3": {
+              "$type": "color",
+              "$value": "{color.mint.5}"
+            }
           }
         },
         "warning": {
@@ -168,6 +186,24 @@
           "muted": {
             "$type": "color",
             "$value": "{color.amber.3}"
+          },
+          "surface": {
+            "level0": {
+              "$type": "color",
+              "$value": "{color.amber.2}"
+            },
+            "level1": {
+              "$type": "color",
+              "$value": "{color.amber.3}"
+            },
+            "level2": {
+              "$type": "color",
+              "$value": "{color.amber.4}"
+            },
+            "level3": {
+              "$type": "color",
+              "$value": "{color.amber.5}"
+            }
           }
         },
         "error": {
@@ -182,6 +218,24 @@
           "muted": {
             "$type": "color",
             "$value": "{color.red.3}"
+          },
+          "surface": {
+            "level0": {
+              "$type": "color",
+              "$value": "{color.red.2}"
+            },
+            "level1": {
+              "$type": "color",
+              "$value": "{color.red.3}"
+            },
+            "level2": {
+              "$type": "color",
+              "$value": "{color.red.4}"
+            },
+            "level3": {
+              "$type": "color",
+              "$value": "{color.red.5}"
+            }
           }
         },
         "info": {
@@ -196,6 +250,24 @@
           "muted": {
             "$type": "color",
             "$value": "{color.sky.3}"
+          },
+          "surface": {
+            "level0": {
+              "$type": "color",
+              "$value": "{color.sky.2}"
+            },
+            "level1": {
+              "$type": "color",
+              "$value": "{color.sky.3}"
+            },
+            "level2": {
+              "$type": "color",
+              "$value": "{color.sky.4}"
+            },
+            "level3": {
+              "$type": "color",
+              "$value": "{color.sky.5}"
+            }
           }
         },
         "neutral": {
@@ -210,6 +282,24 @@
           "muted": {
             "$type": "color",
             "$value": "{color.sand.3}"
+          },
+          "surface": {
+            "level0": {
+              "$type": "color",
+              "$value": "{color.sand.2}"
+            },
+            "level1": {
+              "$type": "color",
+              "$value": "{color.sand.3}"
+            },
+            "level2": {
+              "$type": "color",
+              "$value": "{color.sand.4}"
+            },
+            "level3": {
+              "$type": "color",
+              "$value": "{color.sand.5}"
+            }
           }
         }
       }

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

@@ -154,6 +154,24 @@
           "muted": {
             "$type": "color",
             "$value": "{color.mintDark.3}"
+          },
+          "surface": {
+            "level0": {
+              "$type": "color",
+              "$value": "{color.mintDark.2}"
+            },
+            "level1": {
+              "$type": "color",
+              "$value": "{color.mintDark.3}"
+            },
+            "level2": {
+              "$type": "color",
+              "$value": "{color.mintDark.4}"
+            },
+            "level3": {
+              "$type": "color",
+              "$value": "{color.mintDark.5}"
+            }
           }
         },
         "warning": {
@@ -168,6 +186,24 @@
           "muted": {
             "$type": "color",
             "$value": "{color.amberDark.3}"
+          },
+          "surface": {
+            "level0": {
+              "$type": "color",
+              "$value": "{color.amberDark.2}"
+            },
+            "level1": {
+              "$type": "color",
+              "$value": "{color.amberDark.3}"
+            },
+            "level2": {
+              "$type": "color",
+              "$value": "{color.amberDark.4}"
+            },
+            "level3": {
+              "$type": "color",
+              "$value": "{color.amberDark.5}"
+            }
           }
         },
         "error": {
@@ -182,6 +218,24 @@
           "muted": {
             "$type": "color",
             "$value": "{color.redDark.3}"
+          },
+          "surface": {
+            "level0": {
+              "$type": "color",
+              "$value": "{color.redDark.2}"
+            },
+            "level1": {
+              "$type": "color",
+              "$value": "{color.redDark.3}"
+            },
+            "level2": {
+              "$type": "color",
+              "$value": "{color.redDark.4}"
+            },
+            "level3": {
+              "$type": "color",
+              "$value": "{color.redDark.5}"
+            }
           }
         },
         "info": {
@@ -196,6 +250,24 @@
           "muted": {
             "$type": "color",
             "$value": "{color.blueDark.3}"
+          },
+          "surface": {
+            "level0": {
+              "$type": "color",
+              "$value": "{color.blueDark.2}"
+            },
+            "level1": {
+              "$type": "color",
+              "$value": "{color.blueDark.3}"
+            },
+            "level2": {
+              "$type": "color",
+              "$value": "{color.blueDark.4}"
+            },
+            "level3": {
+              "$type": "color",
+              "$value": "{color.blueDark.5}"
+            }
           }
         },
         "neutral": {
@@ -210,6 +282,24 @@
           "muted": {
             "$type": "color",
             "$value": "{color.mauveDark.3}"
+          },
+          "surface": {
+            "level0": {
+              "$type": "color",
+              "$value": "{color.mauveDark.2}"
+            },
+            "level1": {
+              "$type": "color",
+              "$value": "{color.mauveDark.3}"
+            },
+            "level2": {
+              "$type": "color",
+              "$value": "{color.mauveDark.4}"
+            },
+            "level3": {
+              "$type": "color",
+              "$value": "{color.mauveDark.5}"
+            }
           }
         }
       }

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

@@ -154,6 +154,24 @@
           "muted": {
             "$type": "color",
             "$value": "{color.mint.3}"
+          },
+          "surface": {
+            "level0": {
+              "$type": "color",
+              "$value": "{color.mint.2}"
+            },
+            "level1": {
+              "$type": "color",
+              "$value": "{color.mint.3}"
+            },
+            "level2": {
+              "$type": "color",
+              "$value": "{color.mint.4}"
+            },
+            "level3": {
+              "$type": "color",
+              "$value": "{color.mint.5}"
+            }
           }
         },
         "warning": {
@@ -168,6 +186,24 @@
           "muted": {
             "$type": "color",
             "$value": "{color.amber.3}"
+          },
+          "surface": {
+            "level0": {
+              "$type": "color",
+              "$value": "{color.amber.2}"
+            },
+            "level1": {
+              "$type": "color",
+              "$value": "{color.amber.3}"
+            },
+            "level2": {
+              "$type": "color",
+              "$value": "{color.amber.4}"
+            },
+            "level3": {
+              "$type": "color",
+              "$value": "{color.amber.5}"
+            }
           }
         },
         "error": {
@@ -182,6 +218,24 @@
           "muted": {
             "$type": "color",
             "$value": "{color.red.3}"
+          },
+          "surface": {
+            "level0": {
+              "$type": "color",
+              "$value": "{color.red.2}"
+            },
+            "level1": {
+              "$type": "color",
+              "$value": "{color.red.3}"
+            },
+            "level2": {
+              "$type": "color",
+              "$value": "{color.red.4}"
+            },
+            "level3": {
+              "$type": "color",
+              "$value": "{color.red.5}"
+            }
           }
         },
         "info": {
@@ -196,6 +250,24 @@
           "muted": {
             "$type": "color",
             "$value": "{color.indigo.3}"
+          },
+          "surface": {
+            "level0": {
+              "$type": "color",
+              "$value": "{color.indigo.2}"
+            },
+            "level1": {
+              "$type": "color",
+              "$value": "{color.indigo.3}"
+            },
+            "level2": {
+              "$type": "color",
+              "$value": "{color.indigo.4}"
+            },
+            "level3": {
+              "$type": "color",
+              "$value": "{color.indigo.5}"
+            }
           }
         },
         "neutral": {
@@ -210,6 +282,24 @@
           "muted": {
             "$type": "color",
             "$value": "{color.mauve.3}"
+          },
+          "surface": {
+            "level0": {
+              "$type": "color",
+              "$value": "{color.mauve.2}"
+            },
+            "level1": {
+              "$type": "color",
+              "$value": "{color.mauve.3}"
+            },
+            "level2": {
+              "$type": "color",
+              "$value": "{color.mauve.4}"
+            },
+            "level3": {
+              "$type": "color",
+              "$value": "{color.mauve.5}"
+            }
           }
         }
       }

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

@@ -142,6 +142,24 @@
           "muted": {
             "$type": "color",
             "$value": "{color.greenDark.3}"
+          },
+          "surface": {
+            "level0": {
+              "$type": "color",
+              "$value": "{color.greenDark.2}"
+            },
+            "level1": {
+              "$type": "color",
+              "$value": "{color.greenDark.3}"
+            },
+            "level2": {
+              "$type": "color",
+              "$value": "{color.greenDark.4}"
+            },
+            "level3": {
+              "$type": "color",
+              "$value": "{color.greenDark.5}"
+            }
           }
         },
         "warning": {
@@ -156,6 +174,24 @@
           "muted": {
             "$type": "color",
             "$value": "{color.amberDark.3}"
+          },
+          "surface": {
+            "level0": {
+              "$type": "color",
+              "$value": "{color.amberDark.2}"
+            },
+            "level1": {
+              "$type": "color",
+              "$value": "{color.amberDark.3}"
+            },
+            "level2": {
+              "$type": "color",
+              "$value": "{color.amberDark.4}"
+            },
+            "level3": {
+              "$type": "color",
+              "$value": "{color.amberDark.5}"
+            }
           }
         },
         "error": {
@@ -170,6 +206,24 @@
           "muted": {
             "$type": "color",
             "$value": "{color.redDark.3}"
+          },
+          "surface": {
+            "level0": {
+              "$type": "color",
+              "$value": "{color.redDark.2}"
+            },
+            "level1": {
+              "$type": "color",
+              "$value": "{color.redDark.3}"
+            },
+            "level2": {
+              "$type": "color",
+              "$value": "{color.redDark.4}"
+            },
+            "level3": {
+              "$type": "color",
+              "$value": "{color.redDark.5}"
+            }
           }
         },
         "info": {
@@ -184,6 +238,24 @@
           "muted": {
             "$type": "color",
             "$value": "{color.blueDark.3}"
+          },
+          "surface": {
+            "level0": {
+              "$type": "color",
+              "$value": "{color.blueDark.2}"
+            },
+            "level1": {
+              "$type": "color",
+              "$value": "{color.blueDark.3}"
+            },
+            "level2": {
+              "$type": "color",
+              "$value": "{color.blueDark.4}"
+            },
+            "level3": {
+              "$type": "color",
+              "$value": "{color.blueDark.5}"
+            }
           }
         },
         "neutral": {
@@ -198,6 +270,24 @@
           "muted": {
             "$type": "color",
             "$value": "{color.grayDark.3}"
+          },
+          "surface": {
+            "level0": {
+              "$type": "color",
+              "$value": "{color.grayDark.2}"
+            },
+            "level1": {
+              "$type": "color",
+              "$value": "{color.grayDark.3}"
+            },
+            "level2": {
+              "$type": "color",
+              "$value": "{color.grayDark.4}"
+            },
+            "level3": {
+              "$type": "color",
+              "$value": "{color.grayDark.5}"
+            }
           }
         }
       }

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

@@ -88,44 +88,44 @@
       "accent": {
         "default": {
           "$type": "color",
-          "$value": "{color.gray.12}"
+          "$value": "{color.blue.12}"
         },
         "hover": {
           "$type": "color",
-          "$value": "{color.gray.11}"
+          "$value": "{color.blue.11}"
         },
         "pressed": {
           "$type": "color",
-          "$value": "{color.gray.11}"
+          "$value": "{color.blue.11}"
         },
         "contrast": {
           "$type": "color",
-          "$value": "{color.gray.12}"
+          "$value": "{color.blue.12}"
         },
         "muted": {
           "$type": "color",
-          "$value": "{color.gray.8}"
+          "$value": "{color.blue.8}"
         },
         "inverse": {
           "default": {
             "$type": "color",
-            "$value": "{color.gray.1}"
+            "$value": "{color.blue.1}"
           },
           "hover": {
             "$type": "color",
-            "$value": "{color.white}"
+            "$value": "{color.blue.2}"
           },
           "pressed": {
             "$type": "color",
-            "$value": "{color.gray.2}"
+            "$value": "{color.blue.2}"
           },
           "contrast": {
             "$type": "color",
-            "$value": "{color.white}"
+            "$value": "{color.blue.1}"
           },
           "muted": {
             "$type": "color",
-            "$value": "{color.gray.3}"
+            "$value": "{color.blue.3}"
           }
         }
       },
@@ -142,6 +142,24 @@
           "muted": {
             "$type": "color",
             "$value": "{color.green.3}"
+          },
+          "surface": {
+            "level0": {
+              "$type": "color",
+              "$value": "{color.green.2}"
+            },
+            "level1": {
+              "$type": "color",
+              "$value": "{color.green.3}"
+            },
+            "level2": {
+              "$type": "color",
+              "$value": "{color.green.4}"
+            },
+            "level3": {
+              "$type": "color",
+              "$value": "{color.green.5}"
+            }
           }
         },
         "warning": {
@@ -156,6 +174,24 @@
           "muted": {
             "$type": "color",
             "$value": "{color.amber.3}"
+          },
+          "surface": {
+            "level0": {
+              "$type": "color",
+              "$value": "{color.amber.2}"
+            },
+            "level1": {
+              "$type": "color",
+              "$value": "{color.amber.3}"
+            },
+            "level2": {
+              "$type": "color",
+              "$value": "{color.amber.4}"
+            },
+            "level3": {
+              "$type": "color",
+              "$value": "{color.amber.5}"
+            }
           }
         },
         "error": {
@@ -170,6 +206,24 @@
           "muted": {
             "$type": "color",
             "$value": "{color.red.3}"
+          },
+          "surface": {
+            "level0": {
+              "$type": "color",
+              "$value": "{color.red.2}"
+            },
+            "level1": {
+              "$type": "color",
+              "$value": "{color.red.3}"
+            },
+            "level2": {
+              "$type": "color",
+              "$value": "{color.red.4}"
+            },
+            "level3": {
+              "$type": "color",
+              "$value": "{color.red.5}"
+            }
           }
         },
         "info": {
@@ -184,6 +238,24 @@
           "muted": {
             "$type": "color",
             "$value": "{color.blue.3}"
+          },
+          "surface": {
+            "level0": {
+              "$type": "color",
+              "$value": "{color.blue.2}"
+            },
+            "level1": {
+              "$type": "color",
+              "$value": "{color.blue.3}"
+            },
+            "level2": {
+              "$type": "color",
+              "$value": "{color.blue.4}"
+            },
+            "level3": {
+              "$type": "color",
+              "$value": "{color.blue.5}"
+            }
           }
         }
       }

package/tokens/t4-components/badge.json

@@ -29,6 +29,50 @@
           "$value": "{size.md}"
         }
       }
+    },
+    "gap": {
+      "sm": {
+        "$type": "spacing",
+        "$value": "{spacing.1}"
+      },
+      "md": {
+        "$type": "spacing",
+        "$value": "{spacing.2}"
+      },
+      "lg": {
+        "$type": "spacing",
+        "$value": "{spacing.2}"
+      }
+    },
+    "padding": {
+      "label": {
+        "sm": {
+          "$type": "spacing",
+          "$value": "{spacing.3}"
+        },
+        "md": {
+          "$type": "spacing",
+          "$value": "{spacing.4}"
+        },
+        "lg": {
+          "$type": "spacing",
+          "$value": "{spacing.4}"
+        }
+      },
+      "leading": {
+        "sm": {
+          "$type": "spacing",
+          "$value": "{spacing.2}"
+        },
+        "md": {
+          "$type": "spacing",
+          "$value": "{spacing.3}"
+        },
+        "lg": {
+          "$type": "spacing",
+          "$value": "{spacing.3}"
+        }
+      }
     }
   }
 }