@servicetitan/hammer-token 2.5.0 → 3.0.0

package/src/theme/core/foreground.tokens.json

@@ -0,0 +1,416 @@
+{
+  "foreground": {
+    "color": {
+      "default": {
+        "$type": "color",
+        "$value": "{color.neutral.950}",
+        "$extensions": {
+          "appearance": {
+            "light": {
+              "$type": "color",
+              "$value": "{color.neutral.950}"
+            },
+            "dark": {
+              "$type": "color",
+              "$value": "{color.neutral.0}"
+            }
+          },
+          "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
+        }
+      },
+      "default-hover": {
+        "$type": "color",
+        "$value": "{color.neutral.950}",
+        "$extensions": {
+          "appearance": {
+            "light": {
+              "$type": "color",
+              "$value": "{color.neutral.950}"
+            },
+            "dark": {
+              "$type": "color",
+              "$value": "{color.neutral.0}"
+            }
+          },
+          "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
+        }
+      },
+      "default-active": {
+        "$type": "color",
+        "$value": "{color.neutral.950}",
+        "$extensions": {
+          "appearance": {
+            "light": {
+              "$type": "color",
+              "$value": "{color.neutral.950}"
+            },
+            "dark": {
+              "$type": "color",
+              "$value": "{color.neutral.0}"
+            }
+          },
+          "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
+        }
+      },
+      "subdued": {
+        "$type": "color",
+        "$value": "{color.neutral.500}",
+        "$extensions": {
+          "appearance": {
+            "light": {
+              "$type": "color",
+              "$value": "{color.neutral.500}"
+            },
+            "dark": {
+              "$type": "color",
+              "$value": "{color.neutral.200}"
+            }
+          },
+          "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
+        }
+      },
+      "subdued-hover": {
+        "$type": "color",
+        "$value": "{color.neutral.500}",
+        "$extensions": {
+          "appearance": {
+            "light": {
+              "$type": "color",
+              "$value": "{color.neutral.500}"
+            },
+            "dark": {
+              "$type": "color",
+              "$value": "{color.neutral.200}"
+            }
+          },
+          "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
+        }
+      },
+      "subdued-active": {
+        "$type": "color",
+        "$value": "{color.neutral.600}",
+        "$extensions": {
+          "appearance": {
+            "light": {
+              "$type": "color",
+              "$value": "{color.neutral.600}"
+            },
+            "dark": {
+              "$type": "color",
+              "$value": "{color.neutral.100}"
+            }
+          },
+          "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
+        }
+      },
+      "primary": {
+        "$type": "color",
+        "$value": "{color.blue.600}",
+        "$extensions": {
+          "appearance": {
+            "light": {
+              "$type": "color",
+              "$value": "{color.blue.600}"
+            },
+            "dark": {
+              "$type": "color",
+              "$value": "{color.blue.300}"
+            }
+          },
+          "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
+        }
+      },
+      "primary-hover": {
+        "$type": "color",
+        "$value": "{color.blue.700}",
+        "$extensions": {
+          "appearance": {
+            "light": {
+              "$type": "color",
+              "$value": "{color.blue.700}"
+            },
+            "dark": {
+              "$type": "color",
+              "$value": "{color.blue.200}"
+            }
+          },
+          "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
+        }
+      },
+      "primary-active": {
+        "$type": "color",
+        "$value": "{color.blue.800}",
+        "$extensions": {
+          "appearance": {
+            "light": {
+              "$type": "color",
+              "$value": "{color.blue.800}"
+            },
+            "dark": {
+              "$type": "color",
+              "$value": "{color.blue.200}"
+            }
+          },
+          "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
+        }
+      },
+      "danger": {
+        "$type": "color",
+        "$value": "{color.red.600}",
+        "$extensions": {
+          "appearance": {
+            "light": {
+              "$type": "color",
+              "$value": "{color.red.600}"
+            },
+            "dark": {
+              "$type": "color",
+              "$value": "{color.red.400}"
+            }
+          },
+          "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
+        }
+      },
+      "danger-hover": {
+        "$type": "color",
+        "$value": "{color.red.700}",
+        "$extensions": {
+          "appearance": {
+            "light": {
+              "$type": "color",
+              "$value": "{color.red.700}"
+            },
+            "dark": {
+              "$type": "color",
+              "$value": "{color.red.300}"
+            }
+          },
+          "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
+        }
+      },
+      "danger-active": {
+        "$type": "color",
+        "$value": "{color.red.800}",
+        "$extensions": {
+          "appearance": {
+            "light": {
+              "$type": "color",
+              "$value": "{color.red.800}"
+            },
+            "dark": {
+              "$type": "color",
+              "$value": "{color.red.200}"
+            }
+          },
+          "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
+        }
+      },
+      "inverted": {
+        "$type": "color",
+        "$value": "{color.neutral.0}",
+        "$extensions": {
+          "appearance": {
+            "light": {
+              "$type": "color",
+              "$value": "{color.neutral.0}"
+            },
+            "dark": {
+              "$type": "color",
+              "$value": "{color.neutral.900}"
+            }
+          },
+          "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
+        }
+      },
+      "on": {
+        "primary": {
+          "$type": "color",
+          "$value": "{color.neutral.0}",
+          "$extensions": {
+            "appearance": {
+              "light": {
+                "$type": "color",
+                "$value": "{color.neutral.0}"
+              },
+              "dark": {
+                "$type": "color",
+                "$value": "{color.neutral.900}"
+              }
+            },
+            "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
+          }
+        },
+        "primary-hover": {
+          "$type": "color",
+          "$value": "{color.neutral.0}",
+          "$extensions": {
+            "appearance": {
+              "light": {
+                "$type": "color",
+                "$value": "{color.neutral.0}"
+              },
+              "dark": {
+                "$type": "color",
+                "$value": "{color.neutral.900}"
+              }
+            },
+            "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
+          }
+        },
+        "primary-active": {
+          "$type": "color",
+          "$value": "{color.neutral.0}",
+          "$extensions": {
+            "appearance": {
+              "light": {
+                "$type": "color",
+                "$value": "{color.neutral.0}"
+              },
+              "dark": {
+                "$type": "color",
+                "$value": "{color.neutral.900}"
+              }
+            },
+            "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
+          }
+        },
+        "success": {
+          "$type": "color",
+          "$value": "{color.neutral.0}",
+          "$extensions": {
+            "appearance": {
+              "light": {
+                "$type": "color",
+                "$value": "{color.neutral.0}"
+              },
+              "dark": {
+                "$type": "color",
+                "$value": "{color.neutral.900}"
+              }
+            },
+            "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
+          }
+        },
+        "danger": {
+          "$type": "color",
+          "$value": "{color.neutral.0}",
+          "$extensions": {
+            "appearance": {
+              "light": {
+                "$type": "color",
+                "$value": "{color.neutral.0}"
+              },
+              "dark": {
+                "$type": "color",
+                "$value": "{color.neutral.900}"
+              }
+            },
+            "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
+          }
+        },
+        "danger-subdued": {
+          "$type": "color",
+          "$value": "{color.red.700}",
+          "$extensions": {
+            "appearance": {
+              "light": {
+                "$type": "color",
+                "$value": "{color.red.700}"
+              },
+              "dark": {
+                "$type": "color",
+                "$value": "{color.neutral.0}"
+              }
+            },
+            "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
+          }
+        },
+        "danger-subdued-hover": {
+          "$type": "color",
+          "$value": "{color.red.800}",
+          "$extensions": {
+            "appearance": {
+              "light": {
+                "$type": "color",
+                "$value": "{color.red.800}"
+              },
+              "dark": {
+                "$type": "color",
+                "$value": "{color.neutral.0}"
+              }
+            },
+            "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
+          }
+        },
+        "danger-subdued-active": {
+          "$type": "color",
+          "$value": "{color.red.900}",
+          "$extensions": {
+            "appearance": {
+              "light": {
+                "$type": "color",
+                "$value": "{color.red.900}"
+              },
+              "dark": {
+                "$type": "color",
+                "$value": "{color.neutral.0}"
+              }
+            },
+            "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
+          }
+        },
+        "danger-hover": {
+          "$type": "color",
+          "$value": "{color.neutral.0}",
+          "$extensions": {
+            "appearance": {
+              "light": {
+                "$type": "color",
+                "$value": "{color.neutral.0}"
+              },
+              "dark": {
+                "$type": "color",
+                "$value": "{color.neutral.900}"
+              }
+            },
+            "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
+          }
+        },
+        "danger-active": {
+          "$type": "color",
+          "$value": "{color.neutral.0}",
+          "$extensions": {
+            "appearance": {
+              "light": {
+                "$type": "color",
+                "$value": "{color.neutral.0}"
+              },
+              "dark": {
+                "$type": "color",
+                "$value": "{color.neutral.900}"
+              }
+            },
+            "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
+          }
+        },
+        "warning": {
+          "$type": "color",
+          "$value": "{color.neutral.900}",
+          "$extensions": {
+            "appearance": {
+              "light": {
+                "$type": "color",
+                "$value": "{color.neutral.900}"
+              },
+              "dark": {
+                "$type": "color",
+                "$value": "{color.neutral.900}"
+              }
+            },
+            "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
+          }
+        }
+      }
+    }
+  }
+}

package/src/theme/core/gradient.tokens.json

@@ -0,0 +1,41 @@
+{
+  "gradient": {
+    "primary": {
+      "$type": "gradient",
+      "$value": {
+        "type": "linear",
+        "angle": 90,
+        "stops": [
+          {
+            "position": 0,
+            "color": {
+              "$type": "color",
+              "$value": "{color.blue.600}",
+              "$extensions": {
+                "appearance": {
+                  "light": { "$type": "color", "$value": "{color.blue.600}" },
+                  "dark": { "$type": "color", "$value": "{color.cyan.300}" }
+                },
+                "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
+              }
+            }
+          },
+          {
+            "position": 1,
+            "color": {
+              "$type": "color",
+              "$value": "{color.cyan.300}",
+              "$extensions": {
+                "appearance": {
+                  "light": { "$type": "color", "$value": "{color.cyan.300}" },
+                  "dark": { "$type": "color", "$value": "{color.cyan.50}" }
+                },
+                "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
+              }
+            }
+          }
+        ]
+      }
+    }
+  }
+}

package/src/theme/core/opacity.tokens.json

@@ -0,0 +1,25 @@
+{
+  "opacity": {
+    "disabled": {
+      "$type": "dimension",
+      "$value": 0.6,
+      "$extensions": {
+        "com.figma.scopes": ["OPACITY"]
+      }
+    },
+    "disabled-strong": {
+      "$type": "dimension",
+      "$value": 0.4,
+      "$extensions": {
+        "com.figma.scopes": ["OPACITY"]
+      }
+    },
+    "disabled-stronger": {
+      "$type": "dimension",
+      "$value": 0.2,
+      "$extensions": {
+        "com.figma.scopes": ["OPACITY"]
+      }
+    }
+  }
+}

package/src/theme/core/shadow.tokens.json

@@ -0,0 +1,81 @@
+{
+  "shadow": {
+    "color": {
+      "default": {
+        "$type": "color",
+        "$value": {
+          "color": "{color.neutral.900}",
+          "alpha": 0.08
+        },
+        "$extensions": {
+          "appearance": {
+            "light": {
+              "$type": "color",
+              "$value": {
+                "color": "{color.neutral.900}",
+                "alpha": 0.08
+              }
+            },
+            "dark": {
+              "$type": "color",
+              "$value": {
+                "color": "{color.neutral.0}",
+                "alpha": 0.08
+              }
+            }
+          },
+          "com.figma.scopes": ["EFFECT_COLOR", "FRAME_FILL", "SHAPE_FILL"]
+        }
+      },
+      "strong": {
+        "$type": "color",
+        "$value": {
+          "color": "{color.neutral.950}",
+          "alpha": 0.24
+        },
+        "$extensions": {
+          "appearance": {
+            "light": {
+              "$type": "color",
+              "$value": {
+                "color": "{color.neutral.950}",
+                "alpha": 0.24
+              }
+            },
+            "dark": {
+              "$type": "color",
+              "$value": {
+                "color": "{color.neutral.0}",
+                "alpha": 0.24
+              }
+            }
+          },
+          "com.figma.scopes": ["EFFECT_COLOR", "FRAME_FILL", "SHAPE_FILL"]
+        }
+      }
+    },
+    "size": {
+      "flat": {
+        "$type": "dimension",
+        "$value": "{size.0} {size.0} {size.0}",
+        "$extensions": {
+          "com.figma.scopes": ["EFFECT_FLOAT"]
+        }
+      },
+      "float": {
+        "$type": "dimension",
+        "$value": "{size.0} {size.half} {size.2}",
+        "$extensions": {
+          "com.figma.scopes": ["EFFECT_FLOAT"]
+        }
+      },
+      "overlay": {
+        "$type": "dimension",
+        "$value": "{size.0} {size.2} {size.6}",
+        "$extensions": {
+          "com.figma.scopes": ["EFFECT_FLOAT"]
+        }
+      }
+    }
+  }
+}

package/src/theme/core/status.tokens.json

@@ -0,0 +1,74 @@
+{
+  "status": {
+    "color": {
+      "info": {
+        "$type": "color",
+        "$value": "{color.blue.600}",
+        "$extensions": {
+          "appearance": {
+            "light": {
+              "$type": "color",
+              "$value": "{color.blue.600}"
+            },
+            "dark": {
+              "$type": "color",
+              "$value": "{color.blue.300}"
+            }
+          },
+          "com.figma.scopes": ["ALL_FILLS"]
+        }
+      },
+      "danger": {
+        "$type": "color",
+        "$value": "{color.red.600}",
+        "$extensions": {
+          "appearance": {
+            "light": {
+              "$type": "color",
+              "$value": "{color.red.600}"
+            },
+            "dark": {
+              "$type": "color",
+              "$value": "{color.red.400}"
+            }
+          },
+          "com.figma.scopes": ["ALL_FILLS"]
+        }
+      },
+      "success": {
+        "$type": "color",
+        "$value": "{color.green.600}",
+        "$extensions": {
+          "appearance": {
+            "light": {
+              "$type": "color",
+              "$value": "{color.green.600}"
+            },
+            "dark": {
+              "$type": "color",
+              "$value": "{color.green.400}"
+            }
+          },
+          "com.figma.scopes": ["ALL_FILLS"]
+        }
+      },
+      "warning": {
+        "$type": "color",
+        "$value": "{color.yellow.500}",
+        "$extensions": {
+          "appearance": {
+            "light": {
+              "$type": "color",
+              "$value": "{color.yellow.500}"
+            },
+            "dark": {
+              "$type": "color",
+              "$value": "{color.yellow.300}"
+            }
+          },
+          "com.figma.scopes": ["ALL_FILLS"]
+        }
+      }
+    }
+  }
+}