@datatechsolutions/tympan-tokens 0.3.0

package/dist/dtcg/flow.tokens.json

@@ -0,0 +1,675 @@
+{
+  "$description": "Canvas tokens for the flow canvas (@datatechsolutions/tympan/flow). Colour values alias theme roles and are emitted as var() references. Generated by @datatechsolutions/tympan-tokens.",
+  "flow": {
+    "tone-categorical-1": {
+      "$type": "color",
+      "$value": "{color.categorical-1}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-tone-categorical-1"
+        }
+      }
+    },
+    "tone-categorical-2": {
+      "$type": "color",
+      "$value": "{color.categorical-2}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-tone-categorical-2"
+        }
+      }
+    },
+    "tone-categorical-3": {
+      "$type": "color",
+      "$value": "{color.categorical-3}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-tone-categorical-3"
+        }
+      }
+    },
+    "tone-categorical-4": {
+      "$type": "color",
+      "$value": "{color.categorical-4}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-tone-categorical-4"
+        }
+      }
+    },
+    "tone-categorical-5": {
+      "$type": "color",
+      "$value": "{color.categorical-5}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-tone-categorical-5"
+        }
+      }
+    },
+    "tone-categorical-6": {
+      "$type": "color",
+      "$value": "{color.categorical-6}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-tone-categorical-6"
+        }
+      }
+    },
+    "tone-categorical-7": {
+      "$type": "color",
+      "$value": "{color.categorical-7}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-tone-categorical-7"
+        }
+      }
+    },
+    "tone-categorical-8": {
+      "$type": "color",
+      "$value": "{color.categorical-8}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-tone-categorical-8"
+        }
+      }
+    },
+    "tone-neutral": {
+      "$type": "color",
+      "$value": "{color.ink-3}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-tone-neutral"
+        }
+      }
+    },
+    "tone-categorical-1-ink": {
+      "$type": "color",
+      "$value": "{color.on-accent}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-tone-categorical-1-ink"
+        }
+      }
+    },
+    "tone-categorical-2-ink": {
+      "$type": "color",
+      "$value": "{color.on-accent}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-tone-categorical-2-ink"
+        }
+      }
+    },
+    "tone-categorical-3-ink": {
+      "$type": "color",
+      "$value": "{color.on-accent}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-tone-categorical-3-ink"
+        }
+      }
+    },
+    "tone-categorical-4-ink": {
+      "$type": "color",
+      "$value": "{color.on-accent}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-tone-categorical-4-ink"
+        }
+      }
+    },
+    "tone-categorical-5-ink": {
+      "$type": "color",
+      "$value": "{color.on-accent}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-tone-categorical-5-ink"
+        }
+      }
+    },
+    "tone-categorical-6-ink": {
+      "$type": "color",
+      "$value": "{color.on-accent}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-tone-categorical-6-ink"
+        }
+      }
+    },
+    "tone-categorical-7-ink": {
+      "$type": "color",
+      "$value": "{color.on-accent}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-tone-categorical-7-ink"
+        }
+      }
+    },
+    "tone-categorical-8-ink": {
+      "$type": "color",
+      "$value": "{color.on-accent}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-tone-categorical-8-ink"
+        }
+      }
+    },
+    "tone-neutral-ink": {
+      "$type": "color",
+      "$value": "{color.surface-solid}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-tone-neutral-ink"
+        }
+      }
+    },
+    "tone-categorical-1-soft": {
+      "$type": "color",
+      "$value": "{color.categorical-1}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-tone-categorical-1-soft",
+          "mix": {
+            "space": "oklab",
+            "amount": 0.14,
+            "with": "transparent"
+          }
+        }
+      }
+    },
+    "tone-categorical-2-soft": {
+      "$type": "color",
+      "$value": "{color.categorical-2}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-tone-categorical-2-soft",
+          "mix": {
+            "space": "oklab",
+            "amount": 0.14,
+            "with": "transparent"
+          }
+        }
+      }
+    },
+    "tone-categorical-3-soft": {
+      "$type": "color",
+      "$value": "{color.categorical-3}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-tone-categorical-3-soft",
+          "mix": {
+            "space": "oklab",
+            "amount": 0.14,
+            "with": "transparent"
+          }
+        }
+      }
+    },
+    "tone-categorical-4-soft": {
+      "$type": "color",
+      "$value": "{color.categorical-4}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-tone-categorical-4-soft",
+          "mix": {
+            "space": "oklab",
+            "amount": 0.14,
+            "with": "transparent"
+          }
+        }
+      }
+    },
+    "tone-categorical-5-soft": {
+      "$type": "color",
+      "$value": "{color.categorical-5}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-tone-categorical-5-soft",
+          "mix": {
+            "space": "oklab",
+            "amount": 0.14,
+            "with": "transparent"
+          }
+        }
+      }
+    },
+    "tone-categorical-6-soft": {
+      "$type": "color",
+      "$value": "{color.categorical-6}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-tone-categorical-6-soft",
+          "mix": {
+            "space": "oklab",
+            "amount": 0.14,
+            "with": "transparent"
+          }
+        }
+      }
+    },
+    "tone-categorical-7-soft": {
+      "$type": "color",
+      "$value": "{color.categorical-7}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-tone-categorical-7-soft",
+          "mix": {
+            "space": "oklab",
+            "amount": 0.14,
+            "with": "transparent"
+          }
+        }
+      }
+    },
+    "tone-categorical-8-soft": {
+      "$type": "color",
+      "$value": "{color.categorical-8}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-tone-categorical-8-soft",
+          "mix": {
+            "space": "oklab",
+            "amount": 0.14,
+            "with": "transparent"
+          }
+        }
+      }
+    },
+    "tone-neutral-soft": {
+      "$type": "color",
+      "$value": "{color.surface-sunken}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-tone-neutral-soft"
+        }
+      }
+    },
+    "tone-categorical-1-text": {
+      "$type": "color",
+      "$value": "{color.categorical-1}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-tone-categorical-1-text"
+        }
+      }
+    },
+    "tone-categorical-2-text": {
+      "$type": "color",
+      "$value": "{color.categorical-2}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-tone-categorical-2-text"
+        }
+      }
+    },
+    "tone-categorical-3-text": {
+      "$type": "color",
+      "$value": "{color.categorical-3}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-tone-categorical-3-text"
+        }
+      }
+    },
+    "tone-categorical-4-text": {
+      "$type": "color",
+      "$value": "{color.categorical-4}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-tone-categorical-4-text"
+        }
+      }
+    },
+    "tone-categorical-5-text": {
+      "$type": "color",
+      "$value": "{color.categorical-5}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-tone-categorical-5-text"
+        }
+      }
+    },
+    "tone-categorical-6-text": {
+      "$type": "color",
+      "$value": "{color.categorical-6}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-tone-categorical-6-text"
+        }
+      }
+    },
+    "tone-categorical-7-text": {
+      "$type": "color",
+      "$value": "{color.categorical-7}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-tone-categorical-7-text"
+        }
+      }
+    },
+    "tone-categorical-8-text": {
+      "$type": "color",
+      "$value": "{color.categorical-8}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-tone-categorical-8-text"
+        }
+      }
+    },
+    "tone-neutral-text": {
+      "$type": "color",
+      "$value": "{color.ink-2}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-tone-neutral-text"
+        }
+      }
+    },
+    "connector": {
+      "$type": "color",
+      "$value": "{color.input}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-connector"
+        }
+      }
+    },
+    "connector-active": {
+      "$type": "color",
+      "$value": "{color.accent}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-connector-active"
+        }
+      }
+    },
+    "connector-true": {
+      "$type": "color",
+      "$value": "{color.success}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-connector-true"
+        }
+      }
+    },
+    "connector-false": {
+      "$type": "color",
+      "$value": "{color.danger}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-connector-false"
+        }
+      }
+    },
+    "connector-rule": {
+      "$type": "color",
+      "$value": "{color.categorical-2}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-connector-rule"
+        }
+      }
+    },
+    "connector-width": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1.5,
+        "unit": "px"
+      },
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-connector-width"
+        }
+      }
+    },
+    "connector-width-active": {
+      "$type": "dimension",
+      "$value": {
+        "value": 2.5,
+        "unit": "px"
+      },
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-connector-width-active"
+        }
+      }
+    },
+    "node-border": {
+      "$type": "color",
+      "$value": "{color.line-strong}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-node-border"
+        }
+      }
+    },
+    "node-border-hover": {
+      "$type": "color",
+      "$value": "{color.input}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-node-border-hover"
+        }
+      }
+    },
+    "ring-selected": {
+      "$type": "color",
+      "$value": "{color.accent}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-ring-selected"
+        }
+      }
+    },
+    "ring-running": {
+      "$type": "color",
+      "$value": "{color.warning}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-ring-running"
+        }
+      }
+    },
+    "ring-succeeded": {
+      "$type": "color",
+      "$value": "{color.success}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-ring-succeeded"
+        }
+      }
+    },
+    "ring-failed": {
+      "$type": "color",
+      "$value": "{color.danger}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-ring-failed"
+        }
+      }
+    },
+    "node-surface": {
+      "$type": "color",
+      "$value": "{color.surface-raised-solid}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-node-surface"
+        }
+      }
+    },
+    "node-radius": {
+      "$type": "dimension",
+      "$value": "{dimension.radius-card}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-node-radius"
+        }
+      }
+    },
+    "plane": {
+      "$type": "color",
+      "$value": "{color.surface-sunken}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-plane"
+        }
+      }
+    },
+    "grid-dot": {
+      "$type": "color",
+      "$value": "{color.line-strong}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-grid-dot"
+        }
+      }
+    },
+    "guide": {
+      "$type": "color",
+      "$value": "{color.accent}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-guide"
+        }
+      }
+    },
+    "marquee": {
+      "$type": "color",
+      "$value": "{color.accent-soft}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-marquee"
+        }
+      }
+    },
+    "band": {
+      "$type": "dimension",
+      "$value": {
+        "value": 96,
+        "unit": "px"
+      },
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-band"
+        }
+      }
+    },
+    "band-label": {
+      "$type": "dimension",
+      "$value": {
+        "value": 130,
+        "unit": "px"
+      },
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-band-label"
+        }
+      }
+    },
+    "node-h": {
+      "$type": "dimension",
+      "$value": {
+        "value": 72,
+        "unit": "px"
+      },
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-node-h"
+        }
+      }
+    },
+    "node-w": {
+      "$type": "dimension",
+      "$value": {
+        "value": 236,
+        "unit": "px"
+      },
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-node-w"
+        }
+      }
+    },
+    "step-w": {
+      "$type": "dimension",
+      "$value": {
+        "value": 250,
+        "unit": "px"
+      },
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-step-w"
+        }
+      }
+    },
+    "step-h": {
+      "$type": "dimension",
+      "$value": {
+        "value": 86,
+        "unit": "px"
+      },
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-step-h"
+        }
+      }
+    },
+    "col-gap": {
+      "$type": "dimension",
+      "$value": {
+        "value": 56,
+        "unit": "px"
+      },
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-col-gap"
+        }
+      }
+    },
+    "shape-records": {
+      "$type": "color",
+      "$value": "{color.accent}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-shape-records"
+        }
+      }
+    },
+    "shape-table": {
+      "$type": "color",
+      "$value": "{color.categorical-1}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-shape-table"
+        }
+      }
+    },
+    "shape-number": {
+      "$type": "color",
+      "$value": "{color.warning}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-shape-number"
+        }
+      }
+    },
+    "shape-chart": {
+      "$type": "color",
+      "$value": "{color.categorical-8}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-shape-chart"
+        }
+      }
+    },
+    "shape-decision": {
+      "$type": "color",
+      "$value": "{color.danger}",
+      "$extensions": {
+        "br.com.datatechsolutions.tympan": {
+          "cssName": "--ty-flow-shape-decision"
+        }
+      }
+    }
+  }
+}