@utrecht/components/process-steps/src/tokens.json

Components for the Municipality of Utrecht based on the NL Design System architecture

{
  "denhaag": {
    "process-steps": {
      "font-family": {
        "$extensions": {
          "nl.nldesignsystem.css.property": {
            "syntax": "*",
            "inherits": true
          },
          "nl.nldesignsystem.figma.supports-token": false
        },
        "type": "fontFamilies"
      },
      "font-size": {
        "$extensions": {
          "nl.nldesignsystem.css.property": {
            "syntax": "<length>",
            "inherits": true
          },
          "nl.nldesignsystem.figma.supports-token": false
        },
        "type": "fontSizes"
      },
      "line-height": {
        "$extensions": {
          "nl.nldesignsystem.css.property": {
            "syntax": ["<length>", "<number>"],
            "inherits": true
          },
          "nl.nldesignsystem.figma.supports-token": false
        },
        "type": "lineHeights"
      },
      "step-heading": {
        "color": {
          "$extensions": {
            "nl.nldesignsystem.css.property": {
              "syntax": "<color>",
              "inherits": true
            },
            "nl.nldesignsystem.figma.supports-token": false
          },
          "type": "color"
        },
        "font-family": {
          "$extensions": {
            "nl.nldesignsystem.css.property": {
              "syntax": "*",
              "inherits": true
            },
            "nl.nldesignsystem.figma.supports-token": false
          },
          "type": "fontFamilies"
        },
        "font-size": {
          "$extensions": {
            "nl.nldesignsystem.css.property": {
              "syntax": "<length>",
              "inherits": true
            },
            "nl.nldesignsystem.figma.supports-token": false
          },
          "type": "fontSizes"
        },
        "font-weight": {
          "$extensions": {
            "nl.nldesignsystem.css.property": {
              "syntax": "<number>",
              "inherits": true
            },
            "nl.nldesignsystem.figma.supports-token": false
          },
          "type": "fontWeights"
        },
        "current": {
          "color": {
            "$extensions": {
              "nl.nldesignsystem.css.property": {
                "syntax": "<color>",
                "inherits": true
              },
              "nl.nldesignsystem.figma.supports-token": false
            },
            "type": "color"
          }
        },
        "checked": {
          "color": {
            "$extensions": {
              "nl.nldesignsystem.css.property": {
                "syntax": "<color>",
                "inherits": true
              },
              "nl.nldesignsystem.figma.supports-token": false
            },
            "type": "color"
          }
        },
        "not-checked": {
          "color": {
            "$extensions": {
              "nl.nldesignsystem.css.property": {
                "syntax": "<color>",
                "inherits": true
              },
              "nl.nldesignsystem.figma.supports-token": false
            },
            "type": "color"
          }
        },
        "warning": {
          "color": {
            "$extensions": {
              "nl.nldesignsystem.css.property": {
                "syntax": "<color>",
                "inherits": true
              },
              "nl.nldesignsystem.figma.supports-token": false
            },
            "type": "color"
          }
        }
      },
      "step-marker": {
        "border-color": {
          "$extensions": {
            "nl.nldesignsystem.css.property": {
              "syntax": "<color>",
              "inherits": true
            },
            "nl.nldesignsystem.figma.supports-token": false
          },
          "type": "color"
        },
        "background-color": {
          "$extensions": {
            "nl.nldesignsystem.css.property": {
              "syntax": "<color>",
              "inherits": true
            },
            "nl.nldesignsystem.figma.supports-token": false
          },
          "type": "color"
        },
        "border-width": {
          "$extensions": {
            "nl.nldesignsystem.css.property": {
              "syntax": "<length>",
              "inherits": true
            },
            "nl.nldesignsystem.figma.supports-token": false
          },
          "type": "borderWidth"
        },
        "color": {
          "$extensions": {
            "nl.nldesignsystem.css.property": {
              "syntax": "<color>",
              "inherits": true
            },
            "nl.nldesignsystem.figma.supports-token": false
          },
          "type": "color"
        },
        "font-size": {
          "$extensions": {
            "nl.nldesignsystem.css.property": {
              "syntax": "<length>",
              "inherits": true
            },
            "nl.nldesignsystem.figma.supports-token": false
          },
          "type": "fontSizes"
        },
        "font-weight": {
          "$extensions": {
            "nl.nldesignsystem.css.property": {
              "syntax": "<number>",
              "inherits": true
            },
            "nl.nldesignsystem.figma.supports-token": false
          },
          "type": "fontWeights"
        },
        "current": {
          "border-color": {
            "$extensions": {
              "nl.nldesignsystem.css.property": {
                "syntax": "<color>",
                "inherits": true
              },
              "nl.nldesignsystem.figma.supports-token": false
            },
            "type": "color"
          },
          "background-color": {
            "$extensions": {
              "nl.nldesignsystem.css.property": {
                "syntax": "<color>",
                "inherits": true
              },
              "nl.nldesignsystem.figma.supports-token": false
            },
            "type": "color"
          },
          "border-width": {
            "$extensions": {
              "nl.nldesignsystem.css.property": {
                "syntax": "<length>",
                "inherits": true
              },
              "nl.nldesignsystem.figma.supports-token": false
            },
            "type": "borderWidth"
          },
          "color": {
            "$extensions": {
              "nl.nldesignsystem.css.property": {
                "syntax": "<color>",
                "inherits": true
              },
              "nl.nldesignsystem.figma.supports-token": false
            },
            "type": "color"
          }
        },
        "checked": {
          "border-color": {
            "$extensions": {
              "nl.nldesignsystem.css.property": {
                "syntax": "<color>",
                "inherits": true
              },
              "nl.nldesignsystem.figma.supports-token": false
            },
            "type": "color"
          },
          "background-color": {
            "$extensions": {
              "nl.nldesignsystem.css.property": {
                "syntax": "<color>",
                "inherits": true
              },
              "nl.nldesignsystem.figma.supports-token": false
            },
            "type": "color"
          },
          "border-width": {
            "$extensions": {
              "nl.nldesignsystem.css.property": {
                "syntax": "<length>",
                "inherits": true
              },
              "nl.nldesignsystem.figma.supports-token": false
            },
            "type": "borderWidth"
          },
          "color": {
            "$extensions": {
              "nl.nldesignsystem.css.property": {
                "syntax": "<color>",
                "inherits": true
              },
              "nl.nldesignsystem.figma.supports-token": false
            },
            "type": "color"
          }
        },
        "warning": {
          "border-color": {
            "$extensions": {
              "nl.nldesignsystem.css.property": {
                "syntax": "<color>",
                "inherits": true
              },
              "nl.nldesignsystem.figma.supports-token": false
            },
            "type": "color"
          },
          "background-color": {
            "$extensions": {
              "nl.nldesignsystem.css.property": {
                "syntax": "<color>",
                "inherits": true
              },
              "nl.nldesignsystem.figma.supports-token": false
            },
            "type": "color"
          },
          "color": {
            "$extensions": {
              "nl.nldesignsystem.css.property": {
                "syntax": "<color>",
                "inherits": true
              },
              "nl.nldesignsystem.figma.supports-token": false
            },
            "type": "color"
          }
        }
      },
      "sub-step-marker": {
        "border-color": {
          "$extensions": {
            "nl.nldesignsystem.css.property": {
              "syntax": "<color>",
              "inherits": true
            },
            "nl.nldesignsystem.figma.supports-token": false
          },
          "type": "color"
        },
        "current": {
          "border-color": {
            "$extensions": {
              "nl.nldesignsystem.css.property": {
                "syntax": "<color>",
                "inherits": true
              },
              "nl.nldesignsystem.figma.supports-token": false
            },
            "type": "color"
          }
        },
        "checked": {
          "border-color": {
            "$extensions": {
              "nl.nldesignsystem.css.property": {
                "syntax": "<color>",
                "inherits": true
              },
              "nl.nldesignsystem.figma.supports-token": false
            },
            "type": "color"
          }
        },
        "not-checked": {
          "border-color": {
            "$extensions": {
              "nl.nldesignsystem.css.property": {
                "syntax": "<color>",
                "inherits": true
              },
              "nl.nldesignsystem.figma.supports-token": false
            },
            "type": "color"
          }
        },
        "warning": {
          "border-color": {
            "$extensions": {
              "nl.nldesignsystem.css.property": {
                "syntax": "<color>",
                "inherits": true
              },
              "nl.nldesignsystem.figma.supports-token": false
            },
            "type": "color"
          }
        }
      },
      "step-line": {
        "stroke-width": {
          "$extensions": {
            "nl.nldesignsystem.css.property": {
              "syntax": "<length>",
              "inherits": true
            },
            "nl.nldesignsystem.figma.supports-token": false
          },
          "type": "borderWidth"
        },
        "color": {
          "$extensions": {
            "nl.nldesignsystem.css.property": {
              "syntax": "<color>",
              "inherits": true
            },
            "nl.nldesignsystem.figma.supports-token": false
          },
          "type": "color"
        },
        "checked": {
          "color": {
            "$extensions": {
              "nl.nldesignsystem.css.property": {
                "syntax": "<color>",
                "inherits": true
              },
              "nl.nldesignsystem.figma.supports-token": false
            },
            "type": "color"
          }
        },
        "warning": {
          "color": {
            "$extensions": {
              "nl.nldesignsystem.css.property": {
                "syntax": "<color>",
                "inherits": true
              },
              "nl.nldesignsystem.figma.supports-token": false
            },
            "type": "color"
          }
        }
      },
      "step-metadata": {
        "color": {
          "$extensions": {
            "nl.nldesignsystem.css.property": {
              "syntax": "<color>",
              "inherits": true
            },
            "nl.nldesignsystem.figma.supports-token": false
          },
          "type": "color"
        },
        "font-size": {
          "$extensions": {
            "nl.nldesignsystem.css.property": {
              "syntax": "<length>",
              "inherits": true
            },
            "nl.nldesignsystem.figma.supports-token": false
          },
          "type": "fontSizes"
        }
      },
      "step-description": {
        "color": {
          "$extensions": {
            "nl.nldesignsystem.css.property": {
              "syntax": "<color>",
              "inherits": true
            },
            "nl.nldesignsystem.figma.supports-token": false
          },
          "type": "color"
        },
        "font-size": {
          "$extensions": {
            "nl.nldesignsystem.css.property": {
              "syntax": "<length>",
              "inherits": true
            },
            "nl.nldesignsystem.figma.supports-token": false
          },
          "type": "fontSizes"
        }
      },
      "sub-step": {},
      "sub-step-heading": {
        "color": {
          "$extensions": {
            "nl.nldesignsystem.css.property": {
              "syntax": "<color>",
              "inherits": true
            },
            "nl.nldesignsystem.figma.supports-token": false
          },
          "type": "color"
        },
        "font-family": {
          "$extensions": {
            "nl.nldesignsystem.css.property": {
              "syntax": "*",
              "inherits": true
            },
            "nl.nldesignsystem.figma.supports-token": false
          },
          "type": "fontFamilies"
        },
        "font-size": {
          "$extensions": {
            "nl.nldesignsystem.css.property": {
              "syntax": "<length>",
              "inherits": true
            },
            "nl.nldesignsystem.figma.supports-token": false
          },
          "type": "fontSizes"
        },
        "font-weight": {
          "$extensions": {
            "nl.nldesignsystem.css.property": {
              "syntax": "<number>",
              "inherits": true
            },
            "nl.nldesignsystem.figma.supports-token": false
          },
          "type": "fontWeights"
        }
      }
    }
  }
}