@utrecht/components/calendar/src/tokens.json

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

{
  "utrecht": {
    "calendar": {
      "width": {
        "$extensions": {
          "nl.nldesignsystem.css.property": {
            "syntax": "<length>",
            "inherits": true
          },
          "nl.nldesignsystem.figma.supports-token": false
        },
        "type": "sizing"
      },
      "background-color": {
        "$extensions": {
          "nl.nldesignsystem.css.property": {
            "syntax": "<color>",
            "inherits": true
          },
          "nl.nldesignsystem.figma.supports-token": false
        },
        "type": "color"
      },
      "table": {
        "padding-block-start": {
          "$extensions": {
            "nl.nldesignsystem.css.property": {
              "syntax": "<length>",
              "inherits": true
            },
            "nl.nldesignsystem.figma.supports-token": false
          },
          "type": "spacing"
        },
        "padding-block-end": {
          "$extensions": {
            "nl.nldesignsystem.css.property": {
              "syntax": "<length>",
              "inherits": true
            },
            "nl.nldesignsystem.figma.supports-token": false
          },
          "type": "spacing"
        },
        "weeks-item": {
          "width": {
            "$extensions": {
              "nl.nldesignsystem.css.property": {
                "syntax": "<length>",
                "inherits": true
              },
              "nl.nldesignsystem.figma.supports-token": false
            },
            "type": "sizing"
          }
        },
        "days-item-day": {
          "size": {
            "$extensions": {
              "nl.nldesignsystem.css.property": {
                "syntax": "<length>",
                "inherits": true
              },
              "nl.nldesignsystem.figma.supports-token": false
            },
            "type": "sizing"
          },
          "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"
          },
          "border-color": {
            "$extensions": {
              "nl.nldesignsystem.css.property": {
                "syntax": "<color>",
                "inherits": true
              },
              "nl.nldesignsystem.figma.supports-token": false
            },
            "type": "color"
          },
          "hover": {
            "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"
            },
            "border-color": {
              "$extensions": {
                "nl.nldesignsystem.css.property": {
                  "syntax": "<color>",
                  "inherits": true
                },
                "nl.nldesignsystem.figma.supports-token": false
              },
              "type": "color"
            }
          },
          "focus": {
            "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"
            },
            "border-color": {
              "$extensions": {
                "nl.nldesignsystem.css.property": {
                  "syntax": "<color>",
                  "inherits": true
                },
                "nl.nldesignsystem.figma.supports-token": false
              },
              "type": "color"
            }
          },
          "active": {
            "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"
            },
            "border-color": {
              "$extensions": {
                "nl.nldesignsystem.css.property": {
                  "syntax": "<color>",
                  "inherits": true
                },
                "nl.nldesignsystem.figma.supports-token": false
              },
              "type": "color"
            }
          },
          "out-of-the-month": {
            "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"
            },
            "border-color": {
              "$extensions": {
                "nl.nldesignsystem.css.property": {
                  "syntax": "<color>",
                  "inherits": true
                },
                "nl.nldesignsystem.figma.supports-token": false
              },
              "type": "color"
            }
          },
          "is-today": {
            "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"
            },
            "border-color": {
              "$extensions": {
                "nl.nldesignsystem.css.property": {
                  "syntax": "<color>",
                  "inherits": true
                },
                "nl.nldesignsystem.figma.supports-token": false
              },
              "type": "color"
            },
            "font-weight": {
              "$extensions": {
                "nl.nldesignsystem.css.property": {
                  "syntax": "<number>",
                  "inherits": true
                },
                "nl.nldesignsystem.figma.supports-token": false
              },
              "type": "fontWeight"
            }
          },
          "emphasis": {
            "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"
            },
            "border-color": {
              "$extensions": {
                "nl.nldesignsystem.css.property": {
                  "syntax": "<color>",
                  "inherits": true
                },
                "nl.nldesignsystem.figma.supports-token": false
              },
              "type": "color"
            },
            "font-weight": {
              "$extensions": {
                "nl.nldesignsystem.css.property": {
                  "syntax": "<number>",
                  "inherits": true
                },
                "nl.nldesignsystem.figma.supports-token": false
              },
              "type": "fontWeight"
            }
          },
          "selected": {
            "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"
            },
            "border-color": {
              "$extensions": {
                "nl.nldesignsystem.css.property": {
                  "syntax": "<color>",
                  "inherits": true
                },
                "nl.nldesignsystem.figma.supports-token": false
              },
              "type": "color"
            },
            "font-weight": {
              "$extensions": {
                "nl.nldesignsystem.css.property": {
                  "syntax": "<number>",
                  "inherits": true
                },
                "nl.nldesignsystem.figma.supports-token": false
              },
              "type": "fontWeight"
            }
          },
          "disabled": {
            "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"
            },
            "border-color": {
              "$extensions": {
                "nl.nldesignsystem.css.property": {
                  "syntax": "<color>",
                  "inherits": true
                },
                "nl.nldesignsystem.figma.supports-token": false
              },
              "type": "color"
            }
          }
        }
      },
      "navigation": {
        "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"
        },
        "padding-block-start": {
          "$extensions": {
            "nl.nldesignsystem.css.property": {
              "syntax": "<length>",
              "inherits": true
            },
            "nl.nldesignsystem.figma.supports-token": false
          },
          "type": "spacing"
        },
        "padding-block-end": {
          "$extensions": {
            "nl.nldesignsystem.css.property": {
              "syntax": "<length>",
              "inherits": true
            },
            "nl.nldesignsystem.figma.supports-token": false
          },
          "type": "spacing"
        },
        "label": {
          "min-inline-size": {
            "$extensions": {
              "nl.nldesignsystem.css.property": {
                "syntax": "<length>",
                "inherits": true
              },
              "nl.nldesignsystem.figma.supports-token": false
            },
            "type": "sizing"
          },
          "color": {
            "$extensions": {
              "nl.nldesignsystem.css.property": {
                "syntax": "<color>",
                "inherits": true
              },
              "nl.nldesignsystem.figma.supports-token": false
            },
            "type": "color"
          }
        }
      },
      "icon": {
        "size": {
          "$extensions": {
            "nl.nldesignsystem.css.property": {
              "syntax": "<length>",
              "inherits": true
            },
            "nl.nldesignsystem.figma.supports-token": false
          },
          "type": "sizing"
        }
      }
    }
  }
}