@servicetitan/hammer-token 2.5.2 → 3.0.1

package/src/theme/core/component/button-toggle.tokens.json

@@ -0,0 +1,428 @@
+{
+  "button-toggle": {
+    "unpressed": {
+      "background": {
+        "color": {
+          "$type": "color",
+          "$value": "{background.color.transparent.default}",
+          "$extensions": {
+            "appearance": {
+              "light": {
+                "$type": "color",
+                "$value": "{background.color.transparent.default}"
+              },
+              "dark": {
+                "$type": "color",
+                "$value": "{background.color.transparent.default}"
+              }
+            },
+            "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
+          }
+        },
+        "color-hover": {
+          "$type": "color",
+          "$value": "{background.color.transparent.default-hover}",
+          "$extensions": {
+            "appearance": {
+              "light": {
+                "$type": "color",
+                "$value": "{background.color.transparent.default-hover}"
+              },
+              "dark": {
+                "$type": "color",
+                "$value": "{background.color.transparent.default-hover}"
+              }
+            },
+            "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
+          }
+        },
+        "color-active": {
+          "$type": "color",
+          "$value": "{background.color.transparent.default-active}",
+          "$extensions": {
+            "appearance": {
+              "light": {
+                "$type": "color",
+                "$value": "{background.color.transparent.default-active}"
+              },
+              "dark": {
+                "$type": "color",
+                "$value": "{background.color.transparent.default-active}"
+              }
+            },
+            "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
+          }
+        },
+        "color-disabled": {
+          "$type": "color",
+          "$value": "{background.color.strong}",
+          "$extensions": {
+            "appearance": {
+              "light": {
+                "$type": "color",
+                "$value": "{background.color.strong}"
+              },
+              "dark": {
+                "$type": "color",
+                "$value": "{background.color.strong}"
+              }
+            },
+            "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"]
+          }
+        },
+        "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"]
+          }
+        },
+        "color-active": {
+          "$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"]
+          }
+        },
+        "color-disabled": {
+          "$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"]
+          }
+        }
+      },
+      "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"]
+          }
+        },
+        "color-hover": {
+          "$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"]
+          }
+        },
+        "color-active": {
+          "$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"]
+          }
+        },
+        "color-disabled": {
+          "$type": "color",
+          "$value": "transparent",
+          "$extensions": {
+            "appearance": {
+              "light": {
+                "$type": "color",
+                "$value": "transparent"
+              },
+              "dark": {
+                "$type": "color",
+                "$value": "transparent"
+              }
+            },
+            "com.figma.scopes": ["STROKE_COLOR", "SHAPE_FILL", "FRAME_FILL"]
+          }
+        }
+      }
+    },
+    "pressed": {
+      "background": {
+        "color": {
+          "$type": "color",
+          "$value": "{background.color.primary-subdued}",
+          "$extensions": {
+            "appearance": {
+              "light": {
+                "$type": "color",
+                "$value": "{background.color.primary-subdued}"
+              },
+              "dark": {
+                "$type": "color",
+                "$value": "{background.color.primary-subdued}"
+              }
+            },
+            "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
+          }
+        },
+        "color-hover": {
+          "$type": "color",
+          "$value": "{background.color.primary-subdued-hover}",
+          "$extensions": {
+            "appearance": {
+              "light": {
+                "$type": "color",
+                "$value": "{background.color.primary-subdued-hover}"
+              },
+              "dark": {
+                "$type": "color",
+                "$value": "{background.color.primary-subdued-hover}"
+              }
+            },
+            "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
+          }
+        },
+        "color-active": {
+          "$type": "color",
+          "$value": "{background.color.primary-subdued-active}",
+          "$extensions": {
+            "appearance": {
+              "light": {
+                "$type": "color",
+                "$value": "{background.color.primary-subdued-active}"
+              },
+              "dark": {
+                "$type": "color",
+                "$value": "{background.color.primary-subdued-active}"
+              }
+            },
+            "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
+          }
+        },
+        "color-disabled": {
+          "$type": "color",
+          "$value": "{background.color.strong}",
+          "$extensions": {
+            "appearance": {
+              "light": {
+                "$type": "color",
+                "$value": "{background.color.strong}"
+              },
+              "dark": {
+                "$type": "color",
+                "$value": "{background.color.strong}"
+              }
+            },
+            "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
+          }
+        }
+      },
+      "foreground": {
+        "color": {
+          "$type": "color",
+          "$value": "{foreground.color.primary}",
+          "$extensions": {
+            "appearance": {
+              "light": {
+                "$type": "color",
+                "$value": "{foreground.color.primary}"
+              },
+              "dark": {
+                "$type": "color",
+                "$value": "{foreground.color.primary}"
+              }
+            },
+            "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
+          }
+        },
+        "color-hover": {
+          "$type": "color",
+          "$value": "{foreground.color.primary-hover}",
+          "$extensions": {
+            "appearance": {
+              "light": {
+                "$type": "color",
+                "$value": "{foreground.color.primary-hover}"
+              },
+              "dark": {
+                "$type": "color",
+                "$value": "{foreground.color.primary-hover}"
+              }
+            },
+            "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
+          }
+        },
+        "color-active": {
+          "$type": "color",
+          "$value": "{foreground.color.primary-active}",
+          "$extensions": {
+            "appearance": {
+              "light": {
+                "$type": "color",
+                "$value": "{foreground.color.primary-active}"
+              },
+              "dark": {
+                "$type": "color",
+                "$value": "{foreground.color.primary-active}"
+              }
+            },
+            "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
+          }
+        },
+        "color-disabled": {
+          "$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"]
+          }
+        }
+      },
+      "border": {
+        "color": {
+          "$type": "color",
+          "$value": "{foreground.color.primary}",
+          "$extensions": {
+            "appearance": {
+              "light": {
+                "$type": "color",
+                "$value": "{foreground.color.primary}"
+              },
+              "dark": {
+                "$type": "color",
+                "$value": "{foreground.color.primary}"
+              }
+            },
+            "com.figma.scopes": ["STROKE_COLOR", "SHAPE_FILL", "FRAME_FILL"]
+          }
+        },
+        "color-hover": {
+          "$type": "color",
+          "$value": "{foreground.color.primary-hover}",
+          "$extensions": {
+            "appearance": {
+              "light": {
+                "$type": "color",
+                "$value": "{foreground.color.primary-hover}"
+              },
+              "dark": {
+                "$type": "color",
+                "$value": "{foreground.color.primary-hover}"
+              }
+            },
+            "com.figma.scopes": ["STROKE_COLOR", "SHAPE_FILL", "FRAME_FILL"]
+          }
+        },
+        "color-active": {
+          "$type": "color",
+          "$value": "{foreground.color.primary-active}",
+          "$extensions": {
+            "appearance": {
+              "light": {
+                "$type": "color",
+                "$value": "{foreground.color.primary-active}"
+              },
+              "dark": {
+                "$type": "color",
+                "$value": "{foreground.color.primary-active}"
+              }
+            },
+            "com.figma.scopes": ["STROKE_COLOR", "SHAPE_FILL", "FRAME_FILL"]
+          }
+        },
+        "color-disabled": {
+          "$type": "color",
+          "$value": "transparent",
+          "$extensions": {
+            "appearance": {
+              "light": {
+                "$type": "color",
+                "$value": "transparent"
+              },
+              "dark": {
+                "$type": "color",
+                "$value": "transparent"
+              }
+            },
+            "com.figma.scopes": ["STROKE_COLOR", "SHAPE_FILL", "FRAME_FILL"]
+          }
+        }
+      }
+    }
+  }
+}