@servicetitan/hammer-token 2.5.2 → 3.0.1

package/src/theme/core/component/announcement.tokens.json

@@ -0,0 +1,460 @@
+{
+  "announcement": {
+    "info": {
+      "background": {
+        "color": {
+          "$type": "color",
+          "$value": "{status.color.info}",
+          "$extensions": {
+            "appearance": {
+              "light": {
+                "$type": "color",
+                "$value": "{status.color.info}"
+              },
+              "dark": {
+                "$type": "color",
+                "$value": "{status.color.info}"
+              }
+            },
+            "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
+          }
+        }
+      },
+      "foreground": {
+        "color": {
+          "$type": "color",
+          "$value": "{foreground.color.on.primary}",
+          "$extensions": {
+            "appearance": {
+              "light": {
+                "$type": "color",
+                "$value": "{foreground.color.on.primary}"
+              },
+              "dark": {
+                "$type": "color",
+                "$value": "{foreground.color.on.primary}"
+              }
+            },
+            "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
+          }
+        }
+      },
+      "action-button": {
+        "background": {
+          "color": {
+            "$type": "color",
+            "$value": "{background.color.secondary-strong}",
+            "$extensions": {
+              "appearance": {
+                "light": {
+                  "$type": "color",
+                  "$value": "{background.color.secondary-strong}"
+                },
+                "dark": {
+                  "$type": "color",
+                  "$value": "{background.color.secondary-strong}"
+                }
+              },
+              "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
+            }
+          },
+          "color-hover": {
+            "$type": "color",
+            "$value": "{background.color.secondary-strong-hover}",
+            "$extensions": {
+              "appearance": {
+                "light": {
+                  "$type": "color",
+                  "$value": "{background.color.secondary-strong-hover}"
+                },
+                "dark": {
+                  "$type": "color",
+                  "$value": "{background.color.secondary-strong-hover}"
+                }
+              },
+              "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
+            }
+          },
+          "color-active": {
+            "$type": "color",
+            "$value": "{background.color.secondary-strong-active}",
+            "$extensions": {
+              "appearance": {
+                "light": {
+                  "$type": "color",
+                  "$value": "{background.color.secondary-strong-active}"
+                },
+                "dark": {
+                  "$type": "color",
+                  "$value": "{background.color.secondary-strong-active}"
+                }
+              },
+              "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
+            }
+          }
+        },
+        "focus-ring": {
+          "color": {
+            "$type": "color",
+            "$value": "{foreground.color.on.primary}",
+            "$extensions": {
+              "appearance": {
+                "light": {
+                  "$type": "color",
+                  "$value": "{foreground.color.on.primary}"
+                },
+                "dark": {
+                  "$type": "color",
+                  "$value": "{foreground.color.on.primary}"
+                }
+              },
+              "com.figma.scopes": ["STROKE_COLOR"]
+            }
+          }
+        }
+      }
+    },
+    "success": {
+      "background": {
+        "color": {
+          "$type": "color",
+          "$value": "{status.color.success}",
+          "$extensions": {
+            "appearance": {
+              "light": {
+                "$type": "color",
+                "$value": "{status.color.success}"
+              },
+              "dark": {
+                "$type": "color",
+                "$value": "{status.color.success}"
+              }
+            },
+            "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
+          }
+        }
+      },
+      "foreground": {
+        "color": {
+          "$type": "color",
+          "$value": "{foreground.color.on.success}",
+          "$extensions": {
+            "appearance": {
+              "light": {
+                "$type": "color",
+                "$value": "{foreground.color.on.success}"
+              },
+              "dark": {
+                "$type": "color",
+                "$value": "{foreground.color.on.success}"
+              }
+            },
+            "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
+          }
+        }
+      },
+      "action-button": {
+        "background": {
+          "color": {
+            "$type": "color",
+            "$value": "{background.color.secondary-strong}",
+            "$extensions": {
+              "appearance": {
+                "light": {
+                  "$type": "color",
+                  "$value": "{background.color.secondary-strong}"
+                },
+                "dark": {
+                  "$type": "color",
+                  "$value": "{background.color.secondary-strong}"
+                }
+              },
+              "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
+            }
+          },
+          "color-hover": {
+            "$type": "color",
+            "$value": "{background.color.secondary-strong-hover}",
+            "$extensions": {
+              "appearance": {
+                "light": {
+                  "$type": "color",
+                  "$value": "{background.color.secondary-strong-hover}"
+                },
+                "dark": {
+                  "$type": "color",
+                  "$value": "{background.color.secondary-strong-hover}"
+                }
+              },
+              "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
+            }
+          },
+          "color-active": {
+            "$type": "color",
+            "$value": "{background.color.secondary-strong-active}",
+            "$extensions": {
+              "appearance": {
+                "light": {
+                  "$type": "color",
+                  "$value": "{background.color.secondary-strong-active}"
+                },
+                "dark": {
+                  "$type": "color",
+                  "$value": "{background.color.secondary-strong-active}"
+                }
+              },
+              "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
+            }
+          }
+        },
+        "focus-ring": {
+          "color": {
+            "$type": "color",
+            "$value": "{foreground.color.on.success}",
+            "$extensions": {
+              "appearance": {
+                "light": {
+                  "$type": "color",
+                  "$value": "{foreground.color.on.success}"
+                },
+                "dark": {
+                  "$type": "color",
+                  "$value": "{foreground.color.on.success}"
+                }
+              },
+              "com.figma.scopes": ["STROKE_COLOR"]
+            }
+          }
+        }
+      }
+    },
+    "warning": {
+      "background": {
+        "color": {
+          "$type": "color",
+          "$value": "{status.color.warning}",
+          "$extensions": {
+            "appearance": {
+              "light": {
+                "$type": "color",
+                "$value": "{status.color.warning}"
+              },
+              "dark": {
+                "$type": "color",
+                "$value": "{status.color.warning}"
+              }
+            },
+            "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
+          }
+        }
+      },
+      "foreground": {
+        "color": {
+          "$type": "color",
+          "$value": "{foreground.color.on.warning}",
+          "$extensions": {
+            "appearance": {
+              "light": {
+                "$type": "color",
+                "$value": "{foreground.color.on.warning}"
+              },
+              "dark": {
+                "$type": "color",
+                "$value": "{foreground.color.on.warning}"
+              }
+            },
+            "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
+          }
+        }
+      },
+      "action-button": {
+        "background": {
+          "color": {
+            "$type": "color",
+            "$value": "{background.color.secondary-strong}",
+            "$extensions": {
+              "appearance": {
+                "light": {
+                  "$type": "color",
+                  "$value": "{background.color.secondary-strong}"
+                },
+                "dark": {
+                  "$type": "color",
+                  "$value": "{background.color.secondary-strong}"
+                }
+              },
+              "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
+            }
+          },
+          "color-hover": {
+            "$type": "color",
+            "$value": "{background.color.secondary-strong-hover}",
+            "$extensions": {
+              "appearance": {
+                "light": {
+                  "$type": "color",
+                  "$value": "{background.color.secondary-strong-hover}"
+                },
+                "dark": {
+                  "$type": "color",
+                  "$value": "{background.color.secondary-strong-hover}"
+                }
+              },
+              "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
+            }
+          },
+          "color-active": {
+            "$type": "color",
+            "$value": "{background.color.secondary-strong-active}",
+            "$extensions": {
+              "appearance": {
+                "light": {
+                  "$type": "color",
+                  "$value": "{background.color.secondary-strong-active}"
+                },
+                "dark": {
+                  "$type": "color",
+                  "$value": "{background.color.secondary-strong-active}"
+                }
+              },
+              "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
+            }
+          }
+        },
+        "focus-ring": {
+          "color": {
+            "$type": "color",
+            "$value": "{foreground.color.on.warning}",
+            "$extensions": {
+              "appearance": {
+                "light": {
+                  "$type": "color",
+                  "$value": "{foreground.color.on.warning}"
+                },
+                "dark": {
+                  "$type": "color",
+                  "$value": "{foreground.color.on.warning}"
+                }
+              },
+              "com.figma.scopes": ["STROKE_COLOR"]
+            }
+          }
+        }
+      }
+    },
+    "danger": {
+      "background": {
+        "color": {
+          "$type": "color",
+          "$value": "{status.color.danger}",
+          "$extensions": {
+            "appearance": {
+              "light": {
+                "$type": "color",
+                "$value": "{status.color.danger}"
+              },
+              "dark": {
+                "$type": "color",
+                "$value": "{status.color.danger}"
+              }
+            },
+            "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
+          }
+        }
+      },
+      "foreground": {
+        "color": {
+          "$type": "color",
+          "$value": "{foreground.color.on.danger}",
+          "$extensions": {
+            "appearance": {
+              "light": {
+                "$type": "color",
+                "$value": "{foreground.color.on.danger}"
+              },
+              "dark": {
+                "$type": "color",
+                "$value": "{foreground.color.on.danger}"
+              }
+            },
+            "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
+          }
+        }
+      },
+      "action-button": {
+        "background": {
+          "color": {
+            "$type": "color",
+            "$value": "{background.color.secondary-strong}",
+            "$extensions": {
+              "appearance": {
+                "light": {
+                  "$type": "color",
+                  "$value": "{background.color.secondary-strong}"
+                },
+                "dark": {
+                  "$type": "color",
+                  "$value": "{background.color.secondary-strong}"
+                }
+              },
+              "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
+            }
+          },
+          "color-hover": {
+            "$type": "color",
+            "$value": "{background.color.secondary-strong-hover}",
+            "$extensions": {
+              "appearance": {
+                "light": {
+                  "$type": "color",
+                  "$value": "{background.color.secondary-strong-hover}"
+                },
+                "dark": {
+                  "$type": "color",
+                  "$value": "{background.color.secondary-strong-hover}"
+                }
+              },
+              "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
+            }
+          },
+          "color-active": {
+            "$type": "color",
+            "$value": "{background.color.secondary-strong-active}",
+            "$extensions": {
+              "appearance": {
+                "light": {
+                  "$type": "color",
+                  "$value": "{background.color.secondary-strong-active}"
+                },
+                "dark": {
+                  "$type": "color",
+                  "$value": "{background.color.secondary-strong-active}"
+                }
+              },
+              "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
+            }
+          }
+        },
+        "focus-ring": {
+          "color": {
+            "$type": "color",
+            "$value": "{foreground.color.on.danger}",
+            "$extensions": {
+              "appearance": {
+                "light": {
+                  "$type": "color",
+                  "$value": "{foreground.color.on.danger}"
+                },
+                "dark": {
+                  "$type": "color",
+                  "$value": "{foreground.color.on.danger}"
+                }
+              },
+              "com.figma.scopes": ["STROKE_COLOR"]
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/src/theme/core/component/avatar.tokens.json

@@ -0,0 +1,137 @@
+{
+  "avatar": {
+    "background": {
+      "color": {
+        "$type": "color",
+        "$value": "{background.color.stronger}",
+        "$extensions": {
+          "appearance": {
+            "light": {
+              "$type": "color",
+              "$value": "{background.color.stronger}"
+            },
+            "dark": {
+              "$type": "color",
+              "$value": "{background.color.stronger}"
+            }
+          },
+          "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
+        }
+      }
+    },
+    "foreground": {
+      "color": {
+        "$type": "color",
+        "$value": "{foreground.color.default}",
+        "$extensions": {
+          "appearance": {
+            "light": {
+              "$type": "color",
+              "$value": "{foreground.color.default}"
+            },
+            "dark": {
+              "$type": "color",
+              "$value": "{foreground.color.default}"
+            }
+          },
+          "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
+        }
+      }
+    },
+    "border": {
+      "color": {
+        "$type": "color",
+        "$value": "{background.color.default}",
+        "$extensions": {
+          "appearance": {
+            "light": {
+              "$type": "color",
+              "$value": "{background.color.default}"
+            },
+            "dark": {
+              "$type": "color",
+              "$value": "{background.color.default}"
+            }
+          },
+          "com.figma.scopes": ["STROKE_COLOR", "SHAPE_FILL", "FRAME_FILL"]
+        }
+      }
+    },
+    "indicator": {
+      "background": {
+        "color": {
+          "default": {
+            "$type": "color",
+            "$value": "{background.color.default}",
+            "$extensions": {
+              "appearance": {
+                "light": {
+                  "$type": "color",
+                  "$value": "{background.color.default}"
+                },
+                "dark": {
+                  "$type": "color",
+                  "$value": "{background.color.default}"
+                }
+              },
+              "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
+            }
+          },
+          "online": {
+            "$type": "color",
+            "$value": "{status.color.success}",
+            "$extensions": {
+              "appearance": {
+                "light": {
+                  "$type": "color",
+                  "$value": "{status.color.success}"
+                },
+                "dark": {
+                  "$type": "color",
+                  "$value": "{status.color.success}"
+                }
+              },
+              "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
+            }
+          },
+          "offline": {
+            "$type": "color",
+            "$value": "{background.color.disabled}",
+            "$extensions": {
+              "appearance": {
+                "light": {
+                  "$type": "color",
+                  "$value": "{background.color.disabled}"
+                },
+                "dark": {
+                  "$type": "color",
+                  "$value": "{background.color.disabled}"
+                }
+              },
+              "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
+            }
+          }
+        }
+      },
+      "border": {
+        "color": {
+          "$type": "color",
+          "$value": "{border.color.default}",
+          "$extensions": {
+            "appearance": {
+              "light": {
+                "$type": "color",
+                "$value": "{border.color.default}"
+              },
+              "dark": {
+                "$type": "color",
+                "$value": "{border.color.default}"
+              }
+            },
+            "com.figma.scopes": ["STROKE_COLOR", "SHAPE_FILL", "FRAME_FILL"]
+          }
+        }
+      }
+    }
+  }
+}

package/src/theme/core/component/badge.tokens.json

@@ -0,0 +1,42 @@
+{
+  "badge": {
+    "background": {
+      "color": {
+        "$type": "color",
+        "$value": "{background.color.danger}",
+        "$extensions": {
+          "appearance": {
+            "light": {
+              "$type": "color",
+              "$value": "{background.color.danger}"
+            },
+            "dark": {
+              "$type": "color",
+              "$value": "{background.color.danger}"
+            }
+          },
+          "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
+        }
+      }
+    },
+    "foreground": {
+      "color": {
+        "$type": "color",
+        "$value": "{foreground.color.on.danger}",
+        "$extensions": {
+          "appearance": {
+            "light": {
+              "$type": "color",
+              "$value": "{foreground.color.on.danger}"
+            },
+            "dark": {
+              "$type": "color",
+              "$value": "{foreground.color.on.danger}"
+            }
+          },
+          "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
+        }
+      }
+    }
+  }
+}

package/src/theme/core/component/breadcrumb.tokens.json

@@ -0,0 +1,42 @@
+{
+  "breadcrumb": {
+    "link": {
+      "foreground": {
+        "color": {
+          "$type": "color",
+          "$value": "{foreground.color.subdued}",
+          "$extensions": {
+            "appearance": {
+              "light": {
+                "$type": "color",
+                "$value": "{foreground.color.subdued}"
+              },
+              "dark": {
+                "$type": "color",
+                "$value": "{foreground.color.subdued}"
+              }
+            },
+            "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
+          }
+        },
+        "color-hover": {
+          "$type": "color",
+          "$value": "{foreground.color.default}",
+          "$extensions": {
+            "appearance": {
+              "light": {
+                "$type": "color",
+                "$value": "{foreground.color.default}"
+              },
+              "dark": {
+                "$type": "color",
+                "$value": "{foreground.color.default}"
+              }
+            },
+            "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
+          }
+        }
+      }
+    }
+  }
+}