How to use the lively.graphics.rect function in lively

static get styleSheet() {
    return new StyleSheet({
      ".FilterableList.dark [name=input]": {
        borderWidth: 0,
        borderRadius: 20,
        fill: Color.gray.withA(0.8),
        fontColor: Color.gray.darker(),
        padding: rect(10, 2)
      },
      ".FilterableList.default [name=input]": {
        borderWidth: 0,
        borderColor: Color.gray
      }
    });
  }

createControl(name, controlElement) {
     return {
      fill: Color.transparent,
      draggable: true, onDrag: (evt) =>  this.onDrag(evt),
      layout: new VerticalLayout({spacing: 5}),
      submorphs: [
        {type: "text", textString: name, fontSize: 12, fontWeight: 'bold',
         fontColor: Color.black, padding: rect(5,0,0,0),
         fill: Color.transparent},
        controlElement
     ]}
  }