         border:           '0px'
         color:            rgbColor(options.color || "black").toString()
         fontFamily:       options.fontFamily || "Arial"
-        fontSize:         "#{options.fontSize || 16}px"
+        fontSize:         "#{options.fontSize || defaultFontSize}px"
         margin:           "0"
         outline:          "0"
         padding:          "0"

# https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input


{defineModule, log, merge, select, inspect, wordsArray, timeout} = require 'art-standard-lib'
{rgbColor, point} = require 'art-atomic'

Foundation = require 'art-foundation'

  #   autoComplete
  #   autoCorrect
  # TODO: these need to become ElementProperties that update the DOMElement when changed.
  defaultFontSize = 16
  @concreteProperty
    placeholder:  postSetter: (v) -> @domElement?.placeholder = v ? ""
    maxLength:    postSetter: (v) -> @domElement?.maxLength   = v ? null
    fontFamily:   "sans-serif", postSetter: (v) -> @domElement?.fontFamily  = v ? "sans-serif"
    fontSize:
      validate: (v) -> v > 0
      default: defaultFontSize
      postSetter: (v) -> @domElement?.fontSize    = "#{v || defaultFontSize}px"
    color:        postSetter: (v) -> @domElement?.color       = rgbColor(v || "black").toString()

  constructor: (options = {}) ->
