add grid-gap keywords

d2compiler/compile.go

@@ -420,6 +420,45 @@ func (c *compiler) compileReserved(attrs *d2graph.Attributes, f *d2ir.Field) {
 		attrs.GridColumns = &d2graph.Scalar{}
 		attrs.GridColumns.Value = scalar.ScalarString()
 		attrs.GridColumns.MapKey = f.LastPrimaryKey()
+	case "grid-gap":
+		v, err := strconv.Atoi(scalar.ScalarString())
+		if err != nil {
+			c.errorf(scalar, "non-integer grid-gap %#v: %s", scalar.ScalarString(), err)
+			return
+		}
+		if v < 0 {
+			c.errorf(scalar, "grid-gap must be a non-negative integer: %#v", scalar.ScalarString())
+			return
+		}
+		attrs.GridGap = &d2graph.Scalar{}
+		attrs.GridGap.Value = scalar.ScalarString()
+		attrs.GridGap.MapKey = f.LastPrimaryKey()
+	case "grid-gap-rows":
+		v, err := strconv.Atoi(scalar.ScalarString())
+		if err != nil {
+			c.errorf(scalar, "non-integer grid-gap-rows %#v: %s", scalar.ScalarString(), err)
+			return
+		}
+		if v < 0 {
+			c.errorf(scalar, "grid-gap-rows must be a non-negative integer: %#v", scalar.ScalarString())
+			return
+		}
+		attrs.GridGapRows = &d2graph.Scalar{}
+		attrs.GridGapRows.Value = scalar.ScalarString()
+		attrs.GridGapRows.MapKey = f.LastPrimaryKey()
+	case "grid-gap-columns":
+		v, err := strconv.Atoi(scalar.ScalarString())
+		if err != nil {
+			c.errorf(scalar, "non-integer grid-gap-columns %#v: %s", scalar.ScalarString(), err)
+			return
+		}
+		if v < 0 {
+			c.errorf(scalar, "grid-gap-columns must be a non-negative integer: %#v", scalar.ScalarString())
+			return
+		}
+		attrs.GridGapColumns = &d2graph.Scalar{}
+		attrs.GridGapColumns.Value = scalar.ScalarString()
+		attrs.GridGapColumns.MapKey = f.LastPrimaryKey()
 	case "class":
 		attrs.Classes = append(attrs.Classes, scalar.ScalarString())
 	case "classes":
@@ -757,7 +796,7 @@ func (c *compiler) validateKey(obj *d2graph.Object, f *d2ir.Field) {
 			if !in && arrowheadIn {
 				c.errorf(f.LastPrimaryKey(), fmt.Sprintf(`invalid shape, can only set "%s" for arrowheads`, obj.Attributes.Shape.Value))
 			}
-		case "grid-rows", "grid-columns":
+		case "grid-rows", "grid-columns", "grid-gap", "grid-gap-rows", "grid-gap-columns":
 			for _, child := range obj.ChildrenArray {
 				if child.IsContainer() {
 					c.errorf(f.LastPrimaryKey(),

d2graph/d2graph.go

@@ -138,6 +138,9 @@ type Attributes struct {
 
 	GridRows       *Scalar `json:"gridRows,omitempty"`
 	GridColumns    *Scalar `json:"gridColumns,omitempty"`
+	GridGap        *Scalar `json:"gridGap,omitempty"`
+	GridGapRows    *Scalar `json:"gridGapRows,omitempty"`
+	GridGapColumns *Scalar `json:"gridGapColumns,omitempty"`
 
 	// These names are attached to the rendered elements in SVG
 	// so that users can target them however they like outside of D2
@@ -1603,6 +1606,9 @@ var SimpleReservedKeywords = map[string]struct{}{
 	"left":             {},
 	"grid-rows":        {},
 	"grid-columns":     {},
+	"grid-gap":         {},
+	"grid-gap-rows":    {},
+	"grid-gap-columns": {},
 	"class":            {},
 	"classes":          {},
 }

d2oracle/edit.go

@@ -324,6 +324,21 @@ func _set(g *d2graph.Graph, key string, tag, value *string) error {
 					attrs.GridColumns.MapKey.SetScalar(mk.Value.ScalarBox())
 					return nil
 				}
+			case "grid-gap":
+				if attrs.GridGap != nil && attrs.GridGap.MapKey != nil {
+					attrs.GridGap.MapKey.SetScalar(mk.Value.ScalarBox())
+					return nil
+				}
+			case "grid-gap-rows":
+				if attrs.GridGapRows != nil && attrs.GridGapRows.MapKey != nil {
+					attrs.GridGapRows.MapKey.SetScalar(mk.Value.ScalarBox())
+					return nil
+				}
+			case "grid-gap-columns":
+				if attrs.GridGapColumns != nil && attrs.GridGapColumns.MapKey != nil {
+					attrs.GridGapColumns.MapKey.SetScalar(mk.Value.ScalarBox())
+					return nil
+				}
 			case "source-arrowhead", "target-arrowhead":
 				if reservedKey == "source-arrowhead" {
 					attrs = edge.SrcArrowhead