@open-formulieren/design-tokens/src/components/editgrid.tokens.json

Design tokens for Open Forms

{
  "of": {
    "editgrid": {
      "$extensions": {
        "dte.metadata": {
          "groupDescription": "Theming for the editgrid (repeating group) component."
        }
      },

      "line-height": {"value": 1.5},
      "gap": {
        "value": "8px",
        "comment": "Spacing consistent with label (bottom) and help text (top) margins."
      },

      "item": {
        "$extensions": {
          "dte.metadata": {
            "groupDescription": "Tokens for a single item in a repeating group."
          }
        },

        "gap": {"value": "12px"},
        "border": {"value": "solid 1px {of.color.border}"},
        "padding-block-end": {"value": "24px"},
        "padding-block-start": {"value": "24px"},
        "padding-inline-end": {"value": "24px"},
        "padding-inline-start": {"value": "24px"}
      },

      "item-heading": {
        "$extensions": {
          "dte.metadata": {
            "groupDescription": "Appearance of item/group legend/heading."
          }
        },

        "font-family": {"value": "{of.typography.sans-serif.font-family}"},
        "font-size": {"value": "0.875rem"},
        "line-height": {"value": "1.2"},
        "margin-block-end": {"value": "24px"}
      }
    }
  }
}